:root{--scan-blue:#8bd3ff;--scan-cyan:#6de1c2;--scan-ink:#071522;--scan-glass:rgba(218,241,255,.1);--scan-border:rgba(255,255,255,.18)}
.viewer-page{background:radial-gradient(900px 560px at 8% -8%,rgba(139,211,255,.2),transparent 60%),radial-gradient(760px 520px at 96% 18%,rgba(109,225,194,.16),transparent 62%),linear-gradient(145deg,#06111d,#0b1726 48%,#07131f);color:#e8f5fc}
.viewer-page:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(115deg,transparent 0 48%,rgba(139,211,255,.025) 50%,transparent 52%),repeating-linear-gradient(0deg,transparent 0 7px,rgba(139,211,255,.018) 8px 9px);mix-blend-mode:screen}
.viewer-header{position:sticky;top:0;z-index:20;height:88px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.16);background:rgba(5,16,28,.68);backdrop-filter:blur(24px) saturate(145%);box-shadow:0 12px 40px rgba(0,0,0,.16)}
.viewer-brand{font-size:18px;letter-spacing:-.02em}.viewer-brand i{color:var(--scan-cyan)}.viewer-header-title{gap:8px}.viewer-header-title .eyebrow{color:var(--scan-cyan)}.viewer-header-title strong{color:#d9ecf8;font-size:13px}.viewer-back{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;color:#b9d0df;background:rgba(255,255,255,.06);transition:.25s}.viewer-back:hover{color:#fff;border-color:rgba(139,211,255,.5);background:rgba(139,211,255,.1)}
.viewer-shell{position:relative;z-index:1}.viewer-intro h1{color:#f4fbff;text-shadow:0 0 28px rgba(139,211,255,.18)}.viewer-intro p{color:#a9c1d0}.eyebrow{color:var(--scan-cyan)}
.viewer-card,.workspace-grid{border-color:var(--scan-border);background:linear-gradient(145deg,rgba(218,241,255,.12),rgba(185,223,246,.035));box-shadow:0 26px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px) saturate(130%)}
.viewer-card h2,.workspace-top h2{color:#eaf7fc}.viewer-card p,.how-grid span{color:#92adbd}.input-row input{background:rgba(2,10,19,.5);border-color:rgba(255,255,255,.2)}.input-row button{background:linear-gradient(135deg,var(--scan-blue),var(--scan-cyan));box-shadow:0 8px 24px rgba(109,225,194,.16)}.form-note{color:#819cac}.privacy-pill{border-color:rgba(109,225,194,.35);background:rgba(109,225,194,.08)}
.how-grid div{background:rgba(3,13,24,.25);border-color:rgba(255,255,255,.1)}.step-number{background:linear-gradient(135deg,var(--scan-blue),var(--scan-cyan));box-shadow:0 8px 24px rgba(93,183,255,.16)}
.workspace{position:relative;z-index:1}.ghost-button{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#bfd4df}.workspace-grid{background:rgba(3,10,18,.68)}.series-panel{background:rgba(255,255,255,.045);border-right:1px solid rgba(255,255,255,.1)}.series-item{color:#b9ced9}.series-item.active{background:rgba(139,211,255,.12);border-color:rgba(139,211,255,.35)}.series-thumb{background:rgba(93,183,255,.15);color:var(--scan-cyan)}
.image-stage{background:radial-gradient(circle at 50% 45%,rgba(139,211,255,.08),transparent 44%),#030a12}.stage-toolbar,.stage-footer{color:#829aaa;border-color:rgba(255,255,255,.1)}.scan-placeholder{background:radial-gradient(circle at center,rgba(139,211,255,.08),transparent 42%)}.scan-ring{border-color:rgba(139,211,255,.65);box-shadow:0 0 0 18px rgba(139,211,255,.04),0 0 70px rgba(109,225,194,.2)}.scan-ring:after{background:linear-gradient(transparent,var(--scan-cyan),transparent)}
.viewer-footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.12);color:#718b9b;background:rgba(5,16,28,.48);backdrop-filter:blur(18px)}.viewer-footer span:first-child{color:var(--scan-cyan)}
@media(max-width:700px){.viewer-header{height:76px}.viewer-shell{width:min(100% - 28px,1080px)}.viewer-footer{width:calc(100% - 28px)}}
.viewer-brand,.viewer-brand:focus,.viewer-brand:focus-visible,.viewer-brand:active{outline:none!important;box-shadow:none!important}
.viewer-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:0 clamp(20px,4vw,64px)}
.viewer-header-title{display:block;text-align:center}
.viewer-header-title .eyebrow{display:block;font-size:16px;letter-spacing:.2em;line-height:1.1}
.viewer-header-title strong{display:block;margin-top:3px;font-size:10px;line-height:1.2;color:#9bb3c7;font-weight:400}
.viewer-header-spacer{display:block}
.viewer-footer{width:100%;margin:0;display:flex;justify-content:space-between;padding:24px clamp(20px,4vw,64px);font-size:10px}
@media(max-width:700px){.viewer-header{height:auto;min-height:76px;grid-template-columns:1fr;padding:14px 18px}.viewer-header-title{display:block;min-width:0;max-width:100%;overflow:hidden}.viewer-header-title .eyebrow{font-size:11px;letter-spacing:.14em;white-space:nowrap}.viewer-header-title strong{font-size:9px;white-space:nowrap}.viewer-header-spacer{display:none}.viewer-footer{flex-direction:column;gap:5px}}