.droop-presets{margin-top:22px;padding-top:20px;border-top:1px solid rgba(82,97,176,.18);display:grid;gap:12px}.droop-presets-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.droop-presets-head>div{display:grid;gap:3px}.droop-presets-head strong{font-size:18px;color:#24445d}.droop-presets-kicker{font-size:9px;letter-spacing:1.3px;font-weight:900;color:#6b54dc}.droop-presets-head a,.droop-presets-signin{font-size:11px;font-weight:850;color:#6852ca;text-decoration:none}.droop-presets-copy{margin:0;color:#6b8090;font-size:12px;line-height:1.45}.droop-presets-user{display:grid;gap:9px}.droop-presets-loadrow,.droop-presets-saverow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.droop-presets-saverow{grid-template-columns:minmax(0,1fr) auto}.droop-presets select,.droop-presets input,.droop-presets button{min-height:40px;border-radius:10px;font:inherit}.droop-presets select,.droop-presets input{width:100%;padding:9px 11px;border:1px solid rgba(82,97,176,.28);background:rgba(255,255,255,.9);color:#24445d}.droop-presets button{padding:9px 12px;border:1px solid #5943b8;background:linear-gradient(135deg,#8d72ee,#604bc8);color:#fff;font-size:11px;font-weight:850;cursor:pointer}.droop-presets button.is-secondary{background:rgba(255,255,255,.8);color:#6650c3;border-color:rgba(82,97,176,.28)}.droop-presets-usage,.droop-presets-status{font-size:11px;color:#708596}.droop-presets-status{min-height:16px;margin:0}.droop-presets-status[data-state=error]{color:#a93c55}.auth-form{display:grid;gap:10px;max-width:520px}.auth-form label{font-size:12px;font-weight:800;color:#56778c}.auth-form input,.auth-form select{padding:14px 15px;border-radius:12px;border:1px solid rgba(53,120,151,.3);background:rgba(255,255,255,.9);color:#24445d;font:inherit;min-width:0}.auth-form input[type=color]{min-height:48px;padding:5px 7px;cursor:pointer}.text-link{border:0;background:transparent;padding:8px 0;color:#6751bd;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.account-summary>div{padding:16px;border:1px solid rgba(82,97,176,.18);border-radius:16px;background:rgba(255,255,255,.68);display:grid;gap:6px}.account-summary span{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#6f5ac7}.account-summary strong{font-size:15px;overflow-wrap:anywhere}.account-presets{display:grid;gap:9px;margin:18px 0 26px}.account-preset-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:13px;border:1px solid rgba(82,97,176,.17);border-radius:14px;background:rgba(255,255,255,.62)}.account-preset-row div{display:grid;gap:3px}.account-preset-row small{color:#718696}.account-preset-row a{font-size:11px;font-weight:850;color:#6751bd;text-decoration:none}.account-preset-row button{border:1px solid rgba(82,97,176,.24);border-radius:9px;background:rgba(255,255,255,.78);color:#8d3b55;padding:8px 10px;cursor:pointer;font-weight:800}.account-empty{color:#718696;font-size:13px}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.account-note{font-size:12px;color:#6d8192;line-height:1.5}.recovery-box{margin-top:22px;padding-top:20px;border-top:1px solid rgba(82,97,176,.18)}@media(max-width:700px){.droop-presets-loadrow,.droop-presets-saverow{grid-template-columns:1fr}.account-summary{grid-template-columns:1fr}.account-preset-row{grid-template-columns:1fr auto}.account-preset-row a{grid-column:1}.auth-form input,.auth-form select{font-size:16px}.auth-form .button{min-height:46px}.account-actions .text-link{min-height:44px}}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:12px;font:inherit;font-size:12px;font-weight:850;text-decoration:none;cursor:pointer;transition:.18s ease}.button-primary{color:#fff!important;background:linear-gradient(135deg,#8d72ee,#604bc8 62%,#328fc3);border:1px solid #5943b8;box-shadow:inset 0 1px rgba(255,255,255,.45),0 6px 16px rgba(91,67,184,.18)}.button-secondary{color:#6650c3;background:rgba(255,255,255,.82);border:1px solid rgba(82,97,176,.26);box-shadow:inset 0 1px #fff}.button:hover{transform:translateY(-1px);filter:saturate(1.05)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.account-actions .button{margin:0}@media(max-width:700px){.account-actions .button{width:100%}}

/* Keep social sign-in visually aligned with the email form. */
#social-auth{max-width:520px}
#social-auth .button{width:100%}