:root{color-scheme:dark;--bg: #08111f;--bg-alt: #122035;--panel: rgba(10, 18, 35, .86);--border: rgba(141, 170, 219, .18);--text: #f5f7fb;--muted: #9eb0cf;--accent: #6366f1;--accent-soft: #c7d2fe;--shadow: 0 24px 80px rgba(0, 0, 0, .35);font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(129,140,248,.22),transparent 25%),radial-gradient(circle at bottom right,rgba(99,102,241,.18),transparent 30%),linear-gradient(180deg,var(--bg),#050b14 60%);min-height:100vh}button,input,textarea,select{font:inherit}input,textarea,select{width:100%;border-radius:14px;border:1px solid var(--border);background:#08111fcc;color:var(--text);padding:.85rem 1rem}button{cursor:pointer;border:none}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:2rem;border-right:1px solid var(--border);background:#040911bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:1.5rem}.content,.screen-shell{padding:2rem}.screen-shell{min-height:100vh;display:grid;place-items:center}.auth-panel,.panel,.hero-panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.auth-panel{width:min(520px,100%);padding:2rem}.hero-panel,.panel{padding:1.5rem}.page-title,.brand-title{margin:.2rem 0 .5rem;font-family:Georgia,serif}.eyebrow{margin:0;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-soft);font-size:.78rem}.muted-copy{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:1rem}.tight{gap:.5rem}.grid{display:grid;gap:1rem}.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-list{display:flex;flex-direction:column;gap:.5rem}.nav-link,.interactive-panel{text-decoration:none;color:var(--text)}.nav-link{padding:.8rem 1rem;border-radius:14px;border:1px solid transparent}.nav-link.active,.nav-link:hover,.interactive-panel:hover,.format-card.selected{background:#6366f129;border-color:#818cf85c}.interactive-panel,.format-card,.dropzone{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:18px;border:1px solid var(--border);background:#08111f99}.format-card{text-align:left}.dropzone input{padding:0;border:none;background:transparent}.account-card{margin-top:auto}.primary-button,.secondary-button,.compact-button{border-radius:999px;padding:.85rem 1.2rem}.primary-button{color:#f5f7fb;background:linear-gradient(135deg,#818cf8,#6366f1)}.secondary-button,.compact-button{color:var(--text);background:#ffffff0f;border:1px solid var(--border)}.compact-button{align-self:flex-start;padding:.65rem 1rem}.segmented-control{display:flex;gap:.5rem;margin:1rem 0}.segmented-control button{flex:1;padding:.75rem 1rem;border-radius:999px;background:#ffffff0d;color:var(--text)}.segmented-control button.active{background:#6366f12e}.preview-panel{max-height:70vh;overflow:auto;padding:1rem;border-radius:18px;background:#fff;color:#111827}.preview-frame{width:100%;min-height:70vh;border-radius:18px;border:1px solid var(--border);background:#fff}.preview-toggle-panel{padding:1rem;border-radius:18px;border:1px solid var(--border);background:#08111f80}.extract-preview-copy{margin:0;line-height:1.6;white-space:pre-wrap}.button-row,.list-row,.checkbox-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.button-row,.files-upload-row{flex-wrap:wrap}.checkbox-row{justify-content:flex-start}.checkbox-row input{width:auto}.meter{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#ffffff14}.meter-fill{height:100%;background:linear-gradient(90deg,var(--accent),#a5b4fc)}.error-text{color:#ff9f8e}@media(max-width:960px){.app-shell,.two-up,.three-up{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}