/* Shared public/auth preview. Deliberately isolated from application code blocks. */
.decode-preview{--preview-accent:#67e8f9;min-width:0;text-align:start;border-color:#334466;background:radial-gradient(ellipse at 100% 0,#164e632c,transparent 60%),#0b1221;box-shadow:0 28px 70px #0003}
.decode-preview .terminal-header{direction:ltr;padding:15px 18px;flex-wrap:nowrap;background:#ffffff03}
.decode-preview .preview-filename{flex:1;color:#cbd5e1;font-size:11px}.preview-file-tag{font:700 9px/1 monospace;letter-spacing:.1em;color:#a5b4fc;background:#6366f11a;border:1px solid #6366f144;border-radius:5px;padding:5px 7px}
.preview-toolbar{padding:14px 16px;border-bottom:1px solid #263247;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#111c30}
.preview-provider{display:flex;align-items:center;gap:8px;font-size:10px;color:#94a3b8;min-width:0}.preview-provider select{font-family:inherit;font-size:11px;font-weight:600;line-height:1.6;border:1px solid #334155;border-radius:7px;background:#0b1221;color:#e2e8f0;padding:6px 8px;max-width:155px;cursor:pointer;color-scheme:dark}
.preview-tabs{display:flex;gap:4px;padding:3px;border:1px solid #334155;border-radius:9px;background:#0b1221;max-width:100%}.preview-tabs button{font-family:inherit;font-size:10px;font-weight:700;line-height:1.6;cursor:pointer;border:0;border-radius:6px;color:#cbd5e1;padding:7px 10px;background:transparent}
.preview-tabs button[aria-selected=true]{background:#164e63;color:#a5f3fc}.decode-preview.is-decoded .preview-tabs button[aria-selected=true]{background:#064e3b;color:#a7f3d0}
.code-terminal.decode-preview pre{font-size:11px;line-height:1.95;min-height:252px;padding:22px 20px;margin:0;color:#a5b4fc;text-align:left;direction:ltr}.decode-preview [data-preview-panel=decoded] pre{color:#e2e8f0}
.decode-preview [hidden]{display:none!important}.decode-preview [role=tabpanel]:focus-visible{outline:2px solid var(--preview-accent);outline-offset:-3px}
.decode-preview button:focus-visible,.decode-preview select:focus-visible{outline:2px solid var(--preview-accent);outline-offset:3px}.decode-preview .terminal-footer{font-size:9px;line-height:1.6;background:#ffffff03;flex-wrap:wrap}
.preview-result{display:flex;align-items:center;gap:9px;padding:12px 18px;border-top:1px solid #263247;font-size:10px;line-height:1.8;color:#94a3b8}.preview-result>i{color:#fbbf24}.is-decoded .preview-result>i,.is-decoded [data-preview-state]{color:#6ee7b7}.preview-example{margin-inline-start:auto;color:#94a3b8;font-size:9px}
.auth-showcase h2 span{font-size:.62em;line-height:1.6;margin-top:10px;letter-spacing:0}.auth-showcase .decode-preview{margin-top:24px}
@media(max-width:850px){.auth-page .auth-showcase{display:block;margin-top:38px}.auth-showcase h2{font-size:30px}.auth-showcase>p{max-width:none}}
@media(max-width:420px){.preview-toolbar{padding:12px;gap:10px}.preview-tabs{width:100%}.preview-tabs button{flex:1;padding:8px 6px}.code-terminal.decode-preview pre{font-size:10px;padding:18px 14px;min-height:238px}.preview-result{padding:10px 12px;flex-wrap:wrap}.preview-example{margin-inline-start:0}.decode-preview .terminal-footer{padding:10px 12px}}