.app .a-main{max-width:640px;margin:0 auto;padding:8px 24px 72px}.app .a-main.a-wide{max-width:1040px}.app .a-narrow{max-width:400px}.app h1{font-size:clamp(26px,5vw,34px);line-height:1.15;margin:28px 0 6px}.app h2{font-size:18px;margin:0 0 14px}.app .a-sub{color:var(--muted);margin:0 0 8px}.app .a-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;margin-top:18px}.app .a-divider{border-top:1px solid var(--border);padding-top:14px}.app .a-lock{font-size:12px;color:var(--primary);font-weight:600}.app .a-muted,.app label{color:var(--muted)}.app label{font-size:14px}.app input:not([type=color]):not([type=file]):not([type=checkbox]){width:100%;box-sizing:border-box;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:var(--chip);color:var(--fg);font:inherit;transition:border-color .2s,box-shadow .2s}.app input:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.app input[type=color]{width:44px;height:42px;padding:2px;border-radius:10px;border:1px solid var(--border);background:var(--chip);cursor:pointer}.app input[type=file]{color:var(--muted);font-size:14px;max-width:100%}.app input[type=file]::-webkit-file-upload-button{margin-right:10px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--chip);color:var(--fg);font:inherit;cursor:pointer}.app input[type=file]::file-selector-button{margin-right:10px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--chip);color:var(--fg);font:inherit;cursor:pointer}.app button{padding:11px 20px;border-radius:10px;border:0;background:var(--primary);color:var(--primary-fg);font:inherit;font-weight:600;cursor:pointer;box-shadow:0 0 22px var(--primary-glow);transition:transform .15s,opacity .2s}.app button:hover:not(:disabled){transform:translateY(-1px)}.app button:disabled{opacity:.6;cursor:progress}.app button[data-variant=ghost]{background:transparent;color:var(--fg);border:1px solid var(--border);box-shadow:none}.app button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app .a-ok{color:#34d399;margin:0}.app .a-err{color:#f87171;margin:0}html[data-theme=light] .app .a-ok{color:#047857}html[data-theme=light] .app .a-err{color:#b91c1c}.app .a-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.app .a-topbar .l-header-actions button{padding:8px 14px;box-shadow:none}@media (max-width:480px){.app .a-main{padding:4px 16px 56px}.app .a-card{padding:18px}}