.account-button{font-size:12px;font-weight:500;background:var(--surface);padding:10px 16px;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0}
.account-button:hover{background:var(--hover)}
.download-rules{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:15px 0 5px;font-size:11px;color:var(--muted);line-height:1.6}
.selection-tools{display:flex;gap:16px;align-items:center}.selection-tools .link-button{white-space:nowrap}
.selection-limit{color:var(--ink);font-weight:500}.selection-note{font-size:11px;line-height:1.5;color:var(--muted);margin:0}
.icon-card.at-selection-limit .select-icon{opacity:.45;border-color:var(--hairline);background:var(--surface);color:var(--muted);font-size:17px}
.icon-card.at-selection-limit .select-icon:hover{opacity:1}
.account-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--hairline);padding:36px;border-radius:24px;box-shadow:0 24px 90px #0002;color:var(--ink);background:var(--canvas)}
.account-dialog::backdrop{background:#2226;backdrop-filter:blur(6px)}
.account-close{position:absolute;right:14px;top:12px;width:32px;height:32px;border-radius:50%;background:var(--surface-soft);font-size:22px;line-height:1}
.account-eyebrow{display:block;font-size:9px;letter-spacing:1.2px;font-weight:600;color:var(--muted);margin:7px 0 14px}
.account-dialog h2{font-size:27px;font-weight:500;line-height:1.15;letter-spacing:-.7px;margin:0 0 14px}
.account-dialog p{font-size:13px;color:var(--muted);line-height:1.65;margin:0 0 20px}
.account-tabs{display:flex;padding:4px;background:var(--surface);border-radius:var(--radius-pill);gap:4px;margin:24px 0}
.account-tabs button{flex:1;padding:10px 8px;border-radius:var(--radius-pill);font-size:12px;background:transparent}
.account-tabs [aria-pressed=true]{background:var(--canvas);box-shadow:var(--shadow-small)}
.account-dialog form>label{display:block;margin:17px 0 0;font-size:12px;font-weight:500}
.account-dialog input{width:100%;display:block;margin-top:8px;border:1px solid var(--hairline);border-radius:var(--radius-control);padding:12px 14px;background:var(--canvas);font-size:14px;min-height:46px}
.account-dialog small{display:block;color:var(--muted);font-size:11px;margin-top:8px}
.account-dialog form>.button{margin-top:24px;min-height:46px;font-size:13px}
.account-dialog .account-free-note{text-align:center;font-size:10px;margin:12px 0 0}
.account-dialog .account-message{font-size:12px;margin:16px 0 0;color:var(--ink)}
.account-message:empty{display:none}
.account-benefit{display:grid;gap:8px;background:var(--surface-soft);border-radius:16px;padding:20px;margin:20px 0}
.account-benefit strong{font-size:17px;font-weight:500}.account-benefit span{font-size:12px;color:var(--muted);line-height:1.6}
@media(max-width:900px){.topbar .account-button{padding:9px 12px;font-size:11px}.topbar .brand{flex-shrink:0}.topbar .header-kit-link{display:none}}
@media(max-width:520px){.topbar .studio-label{display:none}.topbar{padding-left:16px;padding-right:16px;gap:8px}.topbar .brand{font-size:20px;gap:5px}.topbar .brandmark{font-size:30px}.topbar .header-nav a{font-size:10px;padding:8px 9px}.topbar .account-button{font-size:10px;padding:9px 10px}.download-rules{display:block}.download-rules>span{display:block;margin-top:3px}.selection-tools{gap:12px}.account-dialog{padding:28px 24px}.account-dialog h2{font-size:25px}}
@media(max-width:360px){.topbar .brand{font-size:18px}.topbar .brandmark{font-size:25px}.topbar .header-nav a{font-size:9px;padding:8px}.topbar{padding-left:12px;padding-right:12px;gap:5px}.topbar .account-button{font-size:9px;padding:8px}}

.export-allowance{margin-top:10px;font-size:10px}
