.topbar-actions{display:flex;align-items:center;gap:14px}
.brand>img{width:38px;height:38px;border-radius:11px;object-fit:cover}
.theme-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.theme-toggle:hover{transform:translateY(-1px);border-color:#a8826e}
.feedback-open{height:38px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font-weight:700;cursor:pointer}
.feedback-dialog{width:min(92vw,480px);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.feedback-dialog::backdrop{background:rgba(8,10,9,.62);backdrop-filter:blur(3px)}
.feedback-dialog form{padding:22px}.feedback-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.feedback-heading div{display:flex;flex-direction:column;gap:5px}.feedback-heading strong{font-size:19px}.feedback-heading small{color:var(--muted);line-height:1.4}.feedback-heading button{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.feedback-dialog .field input{width:100%;height:42px;padding:0 11px;border:1px solid #ccd4cf;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.feedback-dialog .field>span small{color:var(--muted);font-weight:400}.feedback-submit{width:100%}.feedback-status{min-height:20px;margin:0 0 10px;color:#26734f;font-size:12px}.feedback-status.error{color:var(--danger)}.feedback-trap{position:absolute;left:-9999px}
html:not([data-theme=dark]) .privacy i{background:#a66f56;box-shadow:0 0 0 4px #f1dfd5}
html:not([data-theme=dark]) .text-button,html:not([data-theme=dark]) .eyebrow,html:not([data-theme=dark]) .hero h1 em{color:#76503e}
html:not([data-theme=dark]) .upload-icon,html:not([data-theme=dark]) .export-bar{background:#654433}
html:not([data-theme=dark]) .upload-icon{color:#f1d1bf}
html:not([data-theme=dark]) .primary-button{background:#dcb7a3;color:#251914}
html:not([data-theme=dark]) .primary-button small{color:#60483c}
html:not([data-theme=dark]) .file-item.active{background:#f5ebe5;border-color:#d9bbaa}
html:not([data-theme=dark]) .step,html:not([data-theme=dark]) .file-number{background:#f1e5de;color:#745544}
html:not([data-theme=dark]) .account-action:hover,html:not([data-theme=dark]) .secondary-button:hover,html:not([data-theme=dark]) .system-footer a:hover{border-color:#8c604b;color:#76503e}
html:not([data-theme=dark]) .system-footer a[aria-current=page]{background:#654433;border-color:#654433;color:#fff5ef}
html[data-theme=dark]{color-scheme:dark;--ink:#e2e5e9;--muted:#b0b3b8;--line:#3e4042;--paper:#252728;--bg:#1c1c1d;--green:#815541;--accent:#e2b49a;--danger:#f28b82;--shadow:0 1px 2px rgba(0,0,0,.35)}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] .topbar{background:#252728}
html[data-theme=dark] .step,html[data-theme=dark] .file-number{background:#333334;color:#e2e5e9}
html[data-theme=dark] .dropzone:hover,html[data-theme=dark] .dropzone.dragover{background:#333334}
html[data-theme=dark] .file-item:hover{background:#333334}
html[data-theme=dark] .file-item.active{background:#3b302c;border-color:#815541}
html[data-theme=dark] .file-actions button{color:#b0b3b8}
html[data-theme=dark] .file-actions button:hover{background:#3a3b3c}
html[data-theme=dark] .preview-wrap{background:#18191a}
html[data-theme=dark] .controls{background:var(--paper)}
html[data-theme=dark] .field textarea,html[data-theme=dark] .field select,html[data-theme=dark] .field input[type=text]{background:#1c1c1d;border-color:#3e4042;color:var(--ink)}
html[data-theme=dark] .page-selection-field input:read-only{background:#333334;color:#e2e5e9}
html[data-theme=dark] .theme-toggle,html[data-theme=dark] .feedback-open,html[data-theme=dark] .account-action{background:#333334}
html[data-theme=dark] .feedback-dialog .field input{background:#1c1c1d;border-color:#3e4042;color:var(--ink)}
html[data-theme=dark] .status{color:#b0b3b8}
html[data-theme=dark] .privacy,html[data-theme=dark] .text-button,html[data-theme=dark] .apply-all{color:#b0b3b8}
html[data-theme=dark] .hero h1 em,html[data-theme=dark] .eyebrow{color:#c9a38e}
html[data-theme=dark] .empty-state,html[data-theme=dark] .editor-empty{color:#b0b3b8}
html[data-theme=dark] .export-bar{background:#5d4032}
@media(max-width:560px){.topbar-actions{gap:8px}.theme-toggle{width:36px;height:36px}.feedback-open{width:38px;padding:0;font-size:0}.feedback-open:after{content:"✦";font-size:17px}}
