/* BLVS PowerPoint Preview - approved Transparent Final V4 */
@scope (#workbench.preview-studio) {
:scope{
  color-scheme:dark;
  --bg:#0a0f15; --surface:#101721; --surface2:#131d28; --surface3:#192430;
  --border:#25313d; --border-soft:#202b36; --text:#edf4fa; --muted:#91a2b1;
  --faint:#647787; --accent:#54d8bc; --accent2:#74a8ff; --accent-rgb:84,216,188;
  --slide-bg:#0d1924; --slide-panel:#162a35; --slide-line:rgba(180,220,222,.15);
  --radius:14px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer} button:focus-visible,.thumb:focus-visible,.collection-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px} button:disabled{opacity:.45;cursor:not-allowed}svg{display:block} .icon{height:17px;width:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon.sm{width:14px;height:14px}
.topbar{height:72px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 31px;background:#0d131b;position:relative;z-index:4}
.brand-wrap,.top-actions,.brand,.breadcrumb,.toolbar-start,.toolbar-actions,.section-title,.meta-row,.status,.button,.canvas-controls,.kicker-line{display:flex;align-items:center}.brand-wrap{gap:27px;min-width:0}.brand{gap:10px;white-space:nowrap;font-weight:800;letter-spacing:.02em;font-size:14px}.brand-mark{width:32px;height:32px;border:1px solid #3b6b68;border-radius:10px;background:linear-gradient(155deg,#193b3b,#0f202b);position:relative;display:grid;place-items:center}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:11px;height:11px;border:2px solid var(--accent);border-radius:3px;transform:rotate(-18deg)}.brand-mark:after{transform:translate(5px,4px) rotate(-18deg);opacity:.48}.brand .thin{font-weight:450;color:#8da0ae}.brand-divider{height:26px;width:1px;background:var(--border)}.breadcrumb{gap:10px;color:var(--muted);min-width:0;font-size:12px}.breadcrumb span:last-child{color:#e0e9ed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-chevron{color:#60727d}.top-actions{gap:10px}.top-pill{padding:7px 11px;border:1px solid #2a4544;background:#132724;color:#84d9c8;border-radius:999px;font-size:11px;letter-spacing:.05em;font-weight:700}.top-pill:before{content:"";display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 8px var(--accent)}
.button{height:37px;justify-content:center;gap:8px;padding:0 14px;border-radius:9px;border:1px solid var(--border);background:#16212b;color:#dce7ef;white-space:nowrap;font-weight:650;font-size:12px;transition:background .2s,border-color .2s,transform .2s}.button:hover{background:#22303d;border-color:#4b6375}.button.primary{background:var(--accent);border-color:var(--accent);color:#09211d}.button.primary:hover{filter:brightness(1.1)}.button.ghost{background:transparent}.button.icon-btn{width:36px;padding:0}.button.muted{color:var(--muted)}
.workspace{display:grid;grid-template-columns:215px minmax(0,1fr) 314px;min-height:665px;border-bottom:1px solid var(--border-soft)}
.rail{background:#101720;border-right:1px solid var(--border-soft);min-width:0;display:flex;flex-direction:column;padding:22px 15px 17px}.rail-head{display:flex;justify-content:space-between;align-items:center;padding:0 7px 11px}.eyebrow{letter-spacing:.11em;text-transform:uppercase;font-weight:800;font-size:10px;color:#8295a5}.counter{color:#c0d0da;font-size:11px;font-weight:700}.rail-note{font-size:11px;color:#718798;padding:0 7px 13px}.thumbnail-list{display:flex;flex-direction:column;gap:13px;overflow:auto;max-height:650px;padding:2px 7px 22px;scrollbar-color:#384955 transparent;scrollbar-width:thin}.thumb{border:1px solid transparent;border-radius:10px;padding:6px;display:block;color:#90a3b1;text-align:left;background:transparent;width:100%;transition:.16s}.thumb:hover{border-color:#344451;background:#19232e}.thumb.active{border-color:rgba(var(--accent-rgb),.65);background:rgba(var(--accent-rgb),.09);color:var(--text)}.thumb-frame{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #35424c;border-radius:5px;overflow:hidden;background:#091520}.thumb.active .thumb-frame{border-color:var(--accent)}.thumb-info{display:flex;gap:7px;align-items:center;padding:6px 1px 0}.thumb-num{font-size:10px;color:#6f8794;font-weight:750}.thumb.active .thumb-num{color:var(--accent)}.thumb-title{font-size:10.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-bottom{margin-top:auto;padding:14px 7px 0;border-top:1px solid var(--border-soft);color:#73889a;font-size:10.5px;display:flex;align-items:center;gap:7px}
.viewer{min-width:0;display:flex;flex-direction:column;align-items:center;padding:25px 30px 26px;background:radial-gradient(ellipse 70% 50% at 50% 25%,rgba(38,65,75,.20),transparent 83%),#0b1119}.viewer-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px;max-width:1080px}.toolbar-start{gap:11px}.tooltitle{font-weight:730;color:#ecf3f6;letter-spacing:.005em}.view-mode{font-size:11px;color:#79909e;padding:4px 8px;background:#16232c;border:1px solid #273744;border-radius:6px}.toolbar-actions{gap:9px}.toolbar-counter{font-weight:760;font-size:12px;color:#dbe7ed;min-width:53px;text-align:center}.toolbar-counter b{color:var(--accent)}
.canvas-wrapper{width:min(100%,1080px);position:relative;margin:auto 0 0}.slide-shadow{padding:7px;border:1px solid #33414b;background:#17232d;border-radius:11px;box-shadow:0 18px 70px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.018)}
.slide-surface{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden;container-type:inline-size;background:var(--slide-bg);isolation:isolate;color:#f5f9fc;flex:none}.slide-surface::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 50%,rgba(0,0,0,.17));pointer-events:none;z-index:10}.slide-inner{position:absolute;inset:0;padding:5.6cqw 6.4cqw;display:flex;flex-direction:column;z-index:2}.slide-brand{display:flex;align-items:center;gap:1.2cqw;color:#a9c3cb;font-size:1.42cqw;letter-spacing:.13em;font-weight:740;text-transform:uppercase}.slide-brand .mini-mark{width:1.6cqw;height:1.6cqw;border:0.29cqw solid var(--accent);transform:rotate(45deg);border-radius:.2cqw}.slide-numeral{position:absolute;right:5.1cqw;bottom:4.2cqw;color:rgba(180,215,227,.6);font-size:1.4cqw;font-weight:650;letter-spacing:.07em}.slide-grid-bg{position:absolute;inset:0;opacity:.36;background-image:linear-gradient(var(--slide-line) 1px,transparent 1px),linear-gradient(90deg,var(--slide-line) 1px,transparent 1px);background-size:5.2cqw 5.2cqw;mask-image:linear-gradient(90deg,transparent,black 42%,black)}.slide-dot{position:absolute;border-radius:50%;width:38cqw;height:38cqw;right:-9cqw;top:11cqw;border:1px solid rgba(var(--accent-rgb),.33);box-shadow:0 0 0 5cqw rgba(var(--accent-rgb),.035),0 0 0 11cqw rgba(var(--accent-rgb),.03)}.slide-dot:before{content:"";position:absolute;inset:4cqw;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.42)}
.slide-cover .cover-main{margin-top:auto;margin-bottom:auto;max-width:68cqw;position:relative;z-index:3}.slide-kicker{display:inline-flex;align-items:center;gap:1.15cqw;color:var(--accent);font-weight:780;text-transform:uppercase;font-size:1.52cqw;letter-spacing:.15em}.slide-kicker:before{content:"";display:block;width:3cqw;height:.18cqw;background:var(--accent)}.cover-title{font-size:6.75cqw;line-height:1.085;letter-spacing:-.062em;margin:2.9cqw 0 2cqw;font-weight:790;max-width:62cqw}.cover-title em{font-style:normal;color:var(--accent)}.cover-subtitle{font-size:1.88cqw;color:#a6bdca;max-width:49cqw;line-height:1.64}.slide-footer{display:flex;align-items:center;gap:2cqw;margin-top:auto;font-size:1.3cqw;color:#82a0ae;letter-spacing:.02em}.slide-footer i{display:block;width:3.5cqw;height:.13cqw;background:var(--accent)}
.slide-heading{margin-top:4.15cqw;position:relative;z-index:2}.slide-heading h2{margin:1.35cqw 0 .8cqw;font-size:4.25cqw;letter-spacing:-.055em;line-height:1.12}.slide-heading p{font-size:1.6cqw;color:#a4bbca;margin:0}.agenda-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.1cqw;margin-top:5.3cqw}.agenda-item{border:1px solid rgba(184,224,229,.19);padding:2.2cqw;display:flex;gap:2.2cqw;align-items:start;background:rgba(255,255,255,.023);border-radius:1.05cqw}.agenda-num{font-size:2.8cqw;font-weight:720;color:var(--accent);line-height:1}.agenda-copy strong{display:block;font-size:1.88cqw;font-weight:700}.agenda-copy span{display:block;font-size:1.25cqw;color:#8ca6b4;margin-top:.55cqw}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.9cqw;margin-top:5.8cqw}.stat-card{border:1px solid rgba(179,219,224,.2);border-radius:1.2cqw;padding:2.7cqw 2.1cqw;background:linear-gradient(135deg,rgba(255,255,255,.058),rgba(255,255,255,.014));min-height:19cqw}.stat-label{font-size:1.45cqw;color:#b2c5d0}.stat-val{font-weight:780;letter-spacing:-.06em;font-size:4.95cqw;margin:1.45cqw 0 .7cqw;line-height:1}.stat-val.accent{color:var(--accent)}.stat-change{font-size:1.18cqw;color:#86d6c6}.stat-line{height:.36cqw;border-radius:50px;background:#28424a;margin-top:2cqw;overflow:hidden}.stat-line b{display:block;height:100%;background:var(--accent);border-radius:50px}
.chart-area{margin-top:3.7cqw;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 23cqw;gap:2.8cqw}.bar-chart{display:flex;align-items:end;gap:2.15cqw;padding:2cqw 1.3cqw 3cqw;border-bottom:1px solid #526570;position:relative;background:repeating-linear-gradient(to top,transparent,transparent calc(25% - 1px),rgba(183,218,228,.11) calc(25% - 1px),rgba(183,218,228,.11) 25%)}.bar-group{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;position:relative}.bar{width:70%;min-height:8%;background:linear-gradient(0deg,rgba(var(--accent-rgb),.48),var(--accent));border-radius:.55cqw .55cqw 0 0;position:relative}.bar span{position:absolute;top:-2.5cqw;left:50%;transform:translateX(-50%);font-size:1.23cqw;color:#d8e7ef;font-weight:720}.bar-label{position:absolute;bottom:-2.55cqw;left:0;right:0;text-align:center;font-size:1.15cqw;color:#a8bfcb}.insight-card{border:1px solid rgba(var(--accent-rgb),.26);border-radius:1.25cqw;background:linear-gradient(140deg,rgba(var(--accent-rgb),.12),rgba(255,255,255,.02));padding:2.7cqw 2.15cqw;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.insight-card span{font-size:1.25cqw;color:#aac0cb}.insight-card strong{font-size:4.3cqw;color:var(--accent);letter-spacing:-.07em;margin:1.3cqw 0}.insight-card p{font-size:1.28cqw;line-height:1.6;color:#c2d1d8;margin:0}
.quote-layout{height:100%;display:flex;align-items:center}.quote-layout>div{max-width:76cqw}.quote-mark{font-size:13cqw;color:var(--accent);line-height:.7;font-family:Georgia,serif}.quote-big{font-size:4.7cqw;line-height:1.27;letter-spacing:-.045em;font-weight:675;margin:1.4cqw 0 2.7cqw}.quote-big em{font-style:normal;color:var(--accent)}.quote-credit{font-size:1.5cqw;color:#90afbc}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6cqw;gap:2cqw}.pillar{background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.01));border:1px solid #36505a;border-radius:1.2cqw;padding:2.5cqw;min-height:22.5cqw}.pillar-symbol{height:5cqw;width:5cqw;border-radius:1cqw;background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.33);display:grid;place-items:center;color:var(--accent);font-size:2.7cqw;font-weight:700;margin-bottom:2.5cqw}.pillar h3{font-size:2.25cqw;letter-spacing:-.03em;margin:0 0 .9cqw}.pillar p{color:#9db4bf;font-size:1.35cqw;line-height:1.53;margin:0}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1.9cqw;position:relative;margin-top:7.6cqw}.timeline:before{content:"";position:absolute;height:2px;left:2cqw;right:2cqw;top:1.25cqw;background:linear-gradient(90deg,var(--accent),rgba(var(--accent-rgb),.22))}.milestone{position:relative;padding-top:5cqw}.milestone:before{content:"";position:absolute;top:.65cqw;left:1cqw;width:1.25cqw;height:1.25cqw;border-radius:50%;background:var(--accent);box-shadow:0 0 0 .55cqw var(--slide-bg);z-index:2}.milestone:nth-child(n+3):before{background:#507581}.milestone .period{color:var(--accent);font-size:1.45cqw;font-weight:780}.milestone h3{font-size:2.05cqw;margin:.9cqw 0}.milestone p{color:#a4bcc7;font-size:1.3cqw;line-height:1.6;max-width:17cqw}
.comparison-grid{margin-top:4.8cqw;display:grid;grid-template-columns:1fr 1fr;gap:2.5cqw}.compare-panel{border-radius:1.25cqw;border:1px solid #35505d;padding:3cqw 3.3cqw;min-height:27cqw;background:rgba(255,255,255,.025)}.compare-panel.highlight{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.09)}.compare-panel .tag{font-size:1.4cqw;font-weight:770;color:#97b5c1;text-transform:uppercase;letter-spacing:.08em}.compare-panel.highlight .tag{color:var(--accent)}.compare-panel h3{font-size:2.7cqw;margin:1.7cqw 0}.compare-panel .compare-item{font-size:1.53cqw;color:#bed0d7;padding:1.2cqw 0;border-top:1px solid rgba(176,207,219,.15)}
.slide-ending .closing-content{margin:auto 0;max-width:70cqw}.closing-mini{font-size:1.5cqw;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-weight:800}.closing-title{font-size:7.6cqw;line-height:1.07;letter-spacing:-.064em;margin:2.6cqw 0;font-weight:780}.closing-title em{color:var(--accent);font-style:normal}.closing-desc{font-size:1.9cqw;color:#abc1cd}.closing-rule{height:.22cqw;width:15cqw;background:var(--accent);margin-top:4.4cqw}
.slide-surface.is-mini .slide-inner{pointer-events:none}
.canvas-controls{justify-content:space-between;gap:15px;max-width:1080px;width:100%;margin-top:19px}.left-hint,.right-hint{display:flex;align-items:center;gap:10px;color:#778c9a;font-size:11px}.key{padding:2px 7px;min-width:26px;border-radius:5px;background:#19242e;border:1px solid #31404c;font-size:11px;color:#a9bdc7;text-align:center}.direction-buttons{display:flex;gap:7px}.control-button{height:35px;width:35px;border-radius:9px;border:1px solid #34434e;background:#19232d;display:grid;place-items:center;color:#ccdade}.control-button:hover{background:#273643;color:#fff}.control-button:disabled{opacity:.37}.slide-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin:19px auto 0}.slide-dots button{padding:0;border:0;width:6px;height:6px;background:#465866;border-radius:5px;transition:width .2s,background .2s}.slide-dots button.current{width:23px;background:var(--accent)}.under-stage{margin-top:22px;width:100%;max-width:1080px;display:flex;gap:13px;justify-content:space-between;color:#657f8e;font-size:11px}.under-stage strong{color:#a8bbc5;font-weight:680}
.detail-panel{background:#111922;border-left:1px solid var(--border-soft);padding:24px 22px 25px;min-width:0}.panel-section{padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid #253440}.panel-section:last-child{margin-bottom:0;padding-bottom:0;border:0}.section-title{justify-content:space-between;gap:8px;margin-bottom:14px}.section-title h3{font-size:11px;color:#9aafbe;text-transform:uppercase;letter-spacing:.085em;margin:0;font-weight:820}.tag-secondary{font-size:10px;color:var(--accent);background:rgba(var(--accent-rgb),.09);border:1px solid rgba(var(--accent-rgb),.2);border-radius:5px;padding:3px 7px}.deck-name{font-size:23px;letter-spacing:-.046em;line-height:1.23;margin:0 0 10px;font-weight:770}.deck-desc{font-size:12px;line-height:1.75;color:#92a8b6;margin:0 0 16px}.category-list{display:flex;flex-wrap:wrap;gap:7px}.category-list span{padding:5px 9px;color:#a5b6c3;background:#1c2935;border:1px solid #2b3e4d;border-radius:6px;font-size:10px}.palette-description{font-size:11px;color:#91a6b4;margin:0 0 13px}.palette-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.palette-button{min-width:0;padding:7px 5px 8px;background:#15212b;border:1px solid #30404c;border-radius:9px;color:#a5b7c4;text-align:center}.palette-button:hover{border-color:#6d8892}.palette-button.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.09)}.swatch-group{height:21px;display:flex;overflow:hidden;border-radius:4px;margin-bottom:7px}.swatch-group i{display:block;flex:1}.palette-button span{display:block;font-size:9.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:620}.palette-button.selected span{color:#f0faf7}.palette-confirm{color:#91bfae;font-size:10px;display:flex;align-items:center;gap:6px;margin-top:12px}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:9px;row-gap:15px}.spec label{display:block;font-size:10px;color:#728998;margin-bottom:3px}.spec strong{display:block;font-size:12px;color:#d1dfe7;font-weight:690}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.feature-list li{display:flex;gap:8px;align-items:start;font-size:11.5px;color:#a9bcc6}.feature-list .icon{color:var(--accent);width:14px;height:14px;margin-top:2px}.demo-notice{background:#14212b;border:1px solid #2a4050;padding:12px;border-radius:10px;font-size:10.5px;color:#8ea5b3;line-height:1.65;margin-top:17px}.panel-action{display:grid;grid-template-columns:1fr;gap:9px;margin-top:15px}.panel-action .button{width:100%;height:40px}.panel-action .small-info{font-size:10px;color:#7e93a1;text-align:center}
.collection-section{padding:29px 32px 45px;background:#0b1118}.collection-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:20px}.collection-title{font-size:22px;font-weight:770;letter-spacing:-.035em;margin:3px 0 3px}.collection-sub{color:#879cad;font-size:12px;margin:0}.collection-head .button{height:33px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.collection-card{width:100%;text-align:left;border:1px solid #2b3946;border-radius:12px;padding:8px;background:#121b25;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.collection-card:hover{transform:translateY(-3px);border-color:#607482;box-shadow:0 15px 24px rgba(0,0,0,.18)}.collection-card.selected{border-color:rgba(var(--accent-rgb),.75);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.13)}.collection-preview{position:relative;width:100%;aspect-ratio:16/8.25;background:#0e1b27;border-radius:6px;overflow:hidden;border:1px solid #384b55}.collection-preview .slide-surface{height:100%;aspect-ratio:16/8.25}.collection-preview .slide-inner{padding:5cqw 6cqw}.collection-body{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:10px 5px 5px}.collection-body strong{font-size:12px;font-weight:720;display:block;line-height:1.3}.collection-body span{font-size:10px;color:#8198a7;display:block;margin-top:3px}.collection-arrow{width:29px;height:29px;border-radius:8px;background:#1d2c38;color:#a1b7c2;display:grid;place-items:center;flex:none}.collection-card.selected .collection-arrow{color:var(--accent)}
.overview{position:fixed;inset:0;z-index:20;background:rgba(7,11,16,.96);overflow:auto;display:none;padding:33px 5vw 50px;backdrop-filter:blur(12px)}.overview.is-open{display:block}.overview-top{max-width:1320px;margin:0 auto 23px;display:flex;align-items:center;justify-content:space-between;gap:16px}.overview-top h2{font-size:23px;letter-spacing:-.03em;margin:2px 0}.overview-items{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.overview-item{background:#14202a;border:1px solid #304353;border-radius:10px;padding:7px;text-align:left;color:#e6f1f7}.overview-item:hover{border-color:var(--accent)}.overview-item .slide-surface{border-radius:5px}.overview-item .label{font-weight:700;font-size:12px;display:block;padding:9px 4px 4px}
.toast{position:fixed;z-index:32;bottom:22px;left:50%;transform:translate(-50%,15px);background:#1d3038;border:1px solid rgba(var(--accent-rgb),.5);box-shadow:0 10px 40px rgba(0,0,0,.35);color:#e2f6f2;padding:10px 16px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
body.hide-details .workspace{grid-template-columns:215px minmax(0,1fr)}body.hide-details .detail-panel{display:none}
body.is-presenting{overflow:hidden}body.is-presenting .topbar,body.is-presenting .rail,body.is-presenting .detail-panel,body.is-presenting .collection-section,body.is-presenting .viewer-toolbar,body.is-presenting .under-stage{display:none}body.is-presenting .workspace{display:block;min-height:100vh;border:none}body.is-presenting .viewer{height:100vh;padding:2.3vh 3vw;background:#05090d;justify-content:center}body.is-presenting .canvas-wrapper{width:min(94vw,calc(85vh * 16 / 9));margin:auto}body.is-presenting .slide-shadow{padding:0;border:0;border-radius:0;box-shadow:0 14px 65px #0008}body.is-presenting .canvas-controls{position:fixed;bottom:19px;left:50%;transform:translateX(-50%);z-index:8;width:auto;max-width:none;margin:0;background:rgba(16,27,35,.85);border:1px solid #34444f;padding:8px 12px;border-radius:11px;gap:26px;backdrop-filter:blur(10px)}body.is-presenting .left-hint{display:none}body.is-presenting .slide-dots{position:fixed;bottom:35px;left:25px;margin:0;z-index:7}
body.is-presenting .exit-present{display:grid} .exit-present{display:none;position:fixed;top:20px;right:20px;z-index:12;border:1px solid #435661;background:#172632;color:white;border-radius:9px;height:39px;gap:8px;align-items:center;padding:0 13px;font-size:12px}
@media(max-width:1350px){.workspace{grid-template-columns:176px minmax(0,1fr) 283px}.viewer{padding:22px 20px}.detail-panel{padding:21px 16px}.rail{padding:20px 9px}.collection-grid{gap:11px}.topbar{padding:0 22px}body.hide-details .workspace{grid-template-columns:176px minmax(0,1fr)}}
@media(max-width:1050px){.workspace{grid-template-columns:162px minmax(0,1fr)}.detail-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--border-soft);display:grid;grid-template-columns:1.5fr 1.2fr 1fr;gap:20px}.detail-panel .panel-section{margin:0;border-bottom:0;border-right:1px solid var(--border-soft);padding:0 18px 0 0}.detail-panel .panel-section:nth-child(3){border-right:0}.detail-panel .panel-section:nth-child(4){grid-column:1/-1;border-right:0;padding:0}.detail-panel .panel-action{max-width:320px}.thumbnail-list{max-height:580px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-items{grid-template-columns:repeat(3,minmax(0,1fr))}body.hide-details .workspace{grid-template-columns:162px minmax(0,1fr)}}
@media(max-width:720px){.topbar{height:61px;padding:0 13px}.brand-wrap{gap:8px}.brand-divider,.breadcrumb,.top-pill{display:none}.brand{font-size:12px}.top-actions .button:not(.primary){display:none}.top-actions .button.primary{font-size:11px;padding:0 9px;height:34px}.workspace,body.hide-details .workspace{display:flex;flex-direction:column}.rail{order:2;padding:13px 10px;border-right:0;border-top:1px solid var(--border-soft)}.rail-head,.rail-note,.rail-bottom{display:none}.thumbnail-list{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;padding:2px 3px 9px;gap:8px}.thumb{min-width:144px;width:144px;flex:none}.viewer{order:1;padding:14px 10px 17px;min-height:0}.viewer-toolbar{margin-bottom:13px}.view-mode,.toolbar-start .eyebrow{display:none}.slide-shadow{padding:3px;border-radius:6px}.canvas-controls{margin-top:11px}.left-hint{display:none}.under-stage{font-size:10px;margin-top:12px}.detail-panel{order:3;display:flex;flex-direction:column;padding:21px 15px}.detail-panel .panel-section{border-right:0;border-bottom:1px solid var(--border-soft);padding:0 0 18px;margin:0 0 19px}.detail-panel .panel-section:nth-child(3){border-right:0}.detail-panel .panel-section:nth-child(4){padding-bottom:0;border-bottom:0}.palette-options{grid-template-columns:repeat(6,minmax(0,1fr))}.palette-button{padding:5px 3px}.palette-button span{font-size:8px}.spec-grid{grid-template-columns:repeat(4,1fr)}.collection-section{padding:25px 11px}.collection-grid{gap:9px}.collection-title{font-size:20px}.collection-head .button{display:none}.collection-body strong{font-size:11px}.collection-body span{font-size:9px}.collection-arrow{display:none}.overview{padding:20px 12px}.overview-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-top h2{font-size:18px}.overview-item .label{font-size:10px}.right-hint{font-size:10px}body.is-presenting .viewer{padding:0}body.is-presenting .canvas-wrapper{width:100vw}body.is-presenting .canvas-controls{bottom:10px}}
@media(max-width:410px){.palette-options{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-body{padding:8px 2px 4px}.collection-grid{gap:8px}.collection-card{padding:5px}.spec-grid{grid-template-columns:repeat(2,1fr)}}

/* V2 · Hero thuộc nội dung Tool; không dựng navigation của website. */
.preview-hero{max-width:1640px;margin:0 auto;padding:38px 40px 34px;display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:45px;position:relative;border-bottom:1px solid var(--border-soft);background:radial-gradient(ellipse 52% 85% at 94% 0%,rgba(51,118,120,.14),transparent 85%),radial-gradient(ellipse 55% 120% at 3% 70%,rgba(69,110,172,.08),transparent 82%)}
.preview-hero:before{content:"";position:absolute;left:40px;bottom:-1px;width:150px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}
.hero-copy{max-width:920px}.hero-kicker{color:#9fb7c2;letter-spacing:.115em;font-size:10px;font-weight:800;display:flex;align-items:center;gap:9px}.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.13)}.hero-demo{color:#80a69f;font-size:9px;border:1px solid #2b4846;background:#142825;padding:2px 8px;border-radius:30px;letter-spacing:.06em;margin-left:5px}
.preview-hero h1{margin:15px 0 9px;font-size:clamp(25px,3.1vw,42px);line-height:1.16;letter-spacing:-.045em;font-weight:780}.preview-hero h1 span{color:#8cbdbe}.preview-hero p{font-size:13px;line-height:1.75;color:#92a7b6;max-width:630px;margin:0}.hero-meta{display:flex;gap:13px;align-items:center;margin-top:18px;color:#8a9eac;font-size:11px}.hero-meta i{height:3px;width:3px;border-radius:50%;background:#586d7a}
.hero-cta-area{background:linear-gradient(155deg,#15212b,#101923);border:1px solid #2c4149;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:9px;box-shadow:0 16px 50px rgba(0,0,0,.14)}.hero-current-label{font-size:9px;font-weight:780;letter-spacing:.13em;color:#71909e}.hero-current{display:block;font-size:16px;letter-spacing:-.025em;margin:-2px 0 4px}.cta-button{height:45px;width:100%;justify-content:center;font-size:12px;gap:9px}.cta-button svg:last-child{margin-left:auto}.hero-present{width:100%;font-size:11px}
.workspace{max-width:1640px;margin:0 auto;grid-template-columns:230px minmax(0,1fr) 230px;min-height:630px}.viewer{padding:20px 25px 26px;min-width:0;justify-content:flex-start}.viewer-toolbar{margin-bottom:17px}.toolbar-actions .button{height:32px;font-size:11px}.detail-toggle{padding:0 10px!important}.detail-panel{padding:20px 16px}.palette-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.palette-button{padding:7px 6px 8px}.palette-button span{font-size:9px}.palette-description{line-height:1.55}.panel-section{padding-bottom:18px;margin-bottom:18px}.deck-name{font-size:21px}.panel-download{height:45px!important;font-size:11px!important;gap:7px}.panel-download .icon:last-child{margin-left:auto}
.canvas-viewport{width:100%;max-width:1190px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#3b5861 transparent;scroll-padding:16px;padding:2px 0 12px;margin:0 auto;flex:none}.canvas-wrapper{width:calc(100% * var(--zoom-ratio,1));max-width:none;margin:0 auto;min-width:0;transition:width .15s ease}.viewer .canvas-controls{max-width:1190px;margin-top:12px}.viewer .under-stage{max-width:1190px;margin-top:17px}.slide-shadow{padding:5px}.canvas-controls{flex-wrap:wrap}.zoom-controls{display:flex;align-items:center;gap:8px;background:#131f29;border:1px solid #2c3f4c;padding:5px 6px 5px 12px;border-radius:10px}.zoom-caption{font-size:10px;color:#92a7b6;font-weight:700;margin-right:2px;white-space:nowrap}.zoom-button{font-size:18px;font-weight:450;width:28px;height:28px;border-radius:6px}.zoom-controls input[type=range]{appearance:none;-webkit-appearance:none;outline:none;height:3px;width:95px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 50%,#405563 50%,#405563 100%);border-radius:3px;cursor:pointer}.zoom-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#d6eee9;border:2px solid #58b8a7;border-radius:50%;box-shadow:0 0 0 3px #192f35}.zoom-controls input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#d6eee9;border:2px solid #58b8a7;border-radius:50%}.zoom-reset{border:1px solid #3d555d;border-radius:7px;background:#1e3038;color:var(--accent);font-weight:780;font-size:11px;padding:5px 9px;min-width:51px;height:29px}.zoom-reset:hover{background:#2d4048}.right-hint{margin-left:auto}.toolbar-counter{min-width:51px}.slide-dots{margin-top:10px}
.collection-section{max-width:1640px;margin:0 auto}.download-modal{display:none;position:fixed;inset:0;z-index:25;align-items:center;justify-content:center;padding:20px}.download-modal.is-open{display:flex}.download-modal-backdrop{position:absolute;inset:0;background:rgba(5,10,15,.8);backdrop-filter:blur(7px)}.download-dialog{position:relative;width:min(100%,465px);padding:30px;background:linear-gradient(140deg,#182632,#0f1923);border:1px solid #3a5059;border-radius:19px;box-shadow:0 22px 85px rgba(0,0,0,.5)}.dialog-close{position:absolute;top:16px;right:16px;height:32px;width:32px;display:grid;place-items:center;border-radius:8px;border:1px solid #344651;background:#1b2b35;color:#aabec8}.dialog-symbol{height:46px;width:46px;display:grid;place-items:center;color:#0e2b27;background:var(--accent);border-radius:13px;margin-bottom:21px}.dialog-symbol svg{width:21px;height:21px}.download-dialog h2{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:9px 0 12px}.download-dialog h2 span{color:var(--accent)}.download-dialog p{font-size:12px;line-height:1.8;color:#a5bbc5;margin:0}.download-dialog p strong{color:#dce9ec}.download-summary{display:flex;flex-wrap:wrap;gap:11px;margin:20px 0;padding:12px;background:#14232c;border:1px solid #2b3e48;border-radius:9px}.download-summary span{font-size:10.5px;display:flex;gap:6px;align-items:center;color:#a8bfc8}.download-summary svg{color:var(--accent)}.download-summary b{font-weight:700;color:#d8e9e8}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.dialog-actions .button{font-size:11px}
body.hide-details .workspace{grid-template-columns:230px minmax(0,1fr)}
body.is-presenting .preview-hero,body.is-presenting .download-modal{display:none!important}body.is-presenting .canvas-viewport{overflow:visible;max-width:none;width:100%;padding:0;display:flex;align-items:center;justify-content:center}body.is-presenting .canvas-wrapper{width:min(94vw,calc(85vh * 16 / 9))!important;min-width:0;margin:auto;transition:none}body.is-presenting .viewer .canvas-controls{max-width:none;margin:0}body.is-presenting .zoom-controls{display:none}body.is-presenting .viewer{justify-content:center}
@media(max-width:1350px){.workspace{grid-template-columns:185px minmax(0,1fr) 235px}.preview-hero{padding:32px 24px 27px}.preview-hero:before{left:24px}.viewer{padding:19px 15px 20px}.detail-panel{padding:17px 12px}.rail{padding:16px 9px}body.hide-details .workspace{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:980px){.workspace{grid-template-columns:170px minmax(0,1fr)}.detail-panel{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1.15fr 1.1fr;gap:17px;border-top:1px solid var(--border-soft);border-left:0;padding:20px 18px}.detail-panel .panel-section{border-bottom:0;border-right:1px solid var(--border-soft);padding:0 17px 0 0;margin:0}.detail-panel .panel-section:nth-child(3){border-right:0}.detail-panel .panel-section:nth-child(4){grid-column:1/-1;border:0;border-top:1px solid var(--border-soft);padding:15px 0 0}.detail-panel .panel-action{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.detail-panel .panel-action .button{width:auto}.detail-panel .panel-action .small-info{width:100%;text-align:left}.palette-options{grid-template-columns:repeat(3,minmax(0,1fr))}body.hide-details .workspace{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:720px){.preview-hero{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:27px 16px 24px}.preview-hero:before{left:16px}.preview-hero h1{font-size:27px;margin-top:12px}.preview-hero p{font-size:12px}.hero-kicker{font-size:9px;flex-wrap:wrap}.hero-meta{font-size:10px}.hero-cta-area{padding:14px}.hero-current-label,.hero-current{display:none}.hero-present{height:34px}.workspace,body.hide-details .workspace{display:flex;flex-direction:column}.viewer{order:1;padding:16px 10px 17px}.viewer-toolbar{gap:8px;flex-wrap:wrap}.toolbar-actions{gap:4px}.toolbar-actions .button{padding:0 7px}.detail-toggle{font-size:0!important}.detail-toggle .icon{width:17px;height:17px}.canvas-controls{margin-top:8px!important;gap:10px}.zoom-controls{width:100%;justify-content:center;order:1;gap:8px}.zoom-controls input[type=range]{flex:1;max-width:175px}.zoom-caption{font-size:10px}.right-hint{order:0;width:100%;justify-content:space-between}.slide-dots{margin-top:12px}.under-stage{font-size:10px}.rail{order:2;border-right:0;border-top:1px solid var(--border-soft);padding:12px 10px}.detail-panel{order:3;display:flex;flex-direction:column;padding:18px 14px}.detail-panel .panel-section{border-right:0;border-bottom:1px solid var(--border-soft);padding:0 0 18px;margin:0 0 18px}.detail-panel .panel-section:nth-child(3){border-bottom:1px solid var(--border-soft)}.detail-panel .panel-section:nth-child(4){border-top:0;padding:0;margin:0;border:0}.detail-panel .panel-action{display:grid;grid-template-columns:1fr 1fr}.detail-panel .panel-action .button{width:100%}.detail-panel .panel-action .panel-download{grid-column:1/-1}.palette-options{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-section{padding:24px 12px}.download-dialog{padding:24px 18px}.dialog-actions{flex-direction:column}.dialog-actions .button{width:100%}body.is-presenting .canvas-viewport{width:100vw}body.is-presenting .viewer .canvas-controls{width:auto}}
@media(max-width:410px){.zoom-controls{gap:6px}.zoom-caption{display:none}.zoom-controls input[type=range]{max-width:none}}

@media(max-width:720px){.detail-panel .panel-action{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.detail-panel .panel-action .button{min-width:0;white-space:normal;min-height:40px;height:auto;padding:8px 9px;text-align:center;line-height:1.35}.detail-panel .panel-action .panel-download{justify-content:center}.detail-panel .panel-action .panel-download .icon:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{@page{size:landscape;margin:0}body{background:#fff}body>*:not(.workspace){display:none!important}.rail,.detail-panel,.viewer-toolbar,.canvas-controls,.slide-dots,.under-stage{display:none!important}.workspace{display:block!important;border:0}.viewer{padding:0;min-height:0;background:#fff}.canvas-wrapper{width:100%!important;margin:0}.slide-shadow{padding:0;border:0;box-shadow:none}.slide-surface{width:100vw;height:56.25vw}}

/* FINAL · Compact content-first viewer. Source slide remains full-size (100% fit). */
.full-label-short{display:none}
@media(max-width:720px){.full-label{display:none}.full-label-short{display:inline}}
.preview-hero{display:block;padding:23px 30px 20px;min-height:0}
.preview-hero:before{left:30px}
.preview-hero h1{font-size:clamp(24px,2.7vw,35px);margin:9px 0 5px;line-height:1.19}
.preview-hero p{font-size:12px;line-height:1.5;max-width:820px}
.hero-meta{margin-top:10px;gap:10px;font-size:10px}
.workspace{min-height:0;align-items:stretch}
.rail{padding:15px 11px 10px;min-height:0}
.rail-head{padding-bottom:6px}
.rail-note{padding-bottom:7px}
.thumbnail-list{height:574px;max-height:574px;flex:0 0 574px;gap:8px;padding:2px 5px 5px;overscroll-behavior:contain}
.thumb{padding:4px;border-radius:8px}
.thumb-info{padding-top:4px}
.viewer{padding:15px 18px 13px}
.viewer-toolbar{margin-bottom:11px}
.toolbar-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}
.viewer .canvas-controls{margin-top:9px}
.viewer .under-stage{margin-top:10px}
.canvas-viewport{padding-bottom:6px}
.slide-dots{margin-top:6px}
.detail-panel{padding:15px 13px}
.panel-section{padding-bottom:14px;margin-bottom:14px}
.section-title{margin-bottom:9px}
.deck-name{margin-bottom:6px}
.deck-desc{line-height:1.55;margin-bottom:9px}
.palette-description{margin-bottom:8px}
.palette-confirm{margin-top:8px}
.spec-grid{row-gap:9px}
.panel-action{margin-top:8px}
/* Sidebar: three compact palette swatches per row keeps the collection within view. */
.detail-panel .palette-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.detail-panel .palette-button{padding:5px 3px 6px}
.detail-panel .swatch-group{height:15px;margin-bottom:4px}
.detail-panel .palette-button span{font-size:8px}
.detail-panel .deck-desc{font-size:11.5px;line-height:1.45}
.detail-panel .category-list span{padding:4px 7px}
@media(min-width:981px) and (max-width:1270px){.viewer-toolbar .toolbar-start>.eyebrow{display:none}}
.collection-section{grid-column:1/-1;width:100%;padding:19px 24px 28px;border-top:1px solid #25323d}
.collection-head{margin-bottom:13px}
.collection-title{font-size:20px;margin:2px 0}
.collection-grid{gap:12px}
.collection-card{padding:6px}
.collection-body{padding:7px 4px 3px}
body.is-presenting .workspace{min-height:100vh}
@media(max-width:1350px){.preview-hero{padding:20px 20px 18px}.preview-hero:before{left:20px}.thumbnail-list{height:510px;max-height:510px;flex-basis:510px}.viewer{padding:14px 12px 13px}.detail-panel{padding:14px 12px}.collection-section{padding:18px 18px 26px}}
@media(max-width:980px){.detail-panel{padding:16px 14px}.detail-panel .panel-section:nth-child(4){padding-top:10px}.toolbar-actions{gap:5px}}
@media(max-width:720px){
  .preview-hero{padding:21px 15px 18px;display:block}
  .preview-hero:before{left:15px}
  .preview-hero h1{font-size:clamp(23px,6.3vw,29px);margin-top:10px}
  .preview-hero p{font-size:11.5px}
  .hero-meta{margin-top:11px}
  .viewer{order:1;padding:12px 10px 14px}
  .viewer-toolbar{align-items:flex-start;margin-bottom:9px}
  .toolbar-actions{gap:5px}
  .toolbar-actions .button{font-size:10px;padding:0 7px}
  .toolbar-actions #fullscreenTrigger{font-size:10px;padding:0 7px}
  .toolbar-actions #fullscreenTrigger .icon{width:14px;height:14px}
  .rail{order:2;padding:9px 10px}
  .thumbnail-list{height:auto;max-height:none;flex:0 1 auto;gap:7px}
  .collection-section{order:3;padding:18px 11px 22px}
  .detail-panel{order:4;padding:16px 13px}
  .detail-panel .panel-section{padding-bottom:14px;margin-bottom:14px}
  .collection-head{margin-bottom:12px}
}
@media(min-width:721px) and (max-width:980px){.collection-section{grid-row:2}.detail-panel{grid-row:3}}
@media(max-width:420px){.toolbar-counter{min-width:46px}.toolbar-start{gap:6px}.toolbar-actions .button{height:30px}}

/* FINAL UX refinement — harmonize with BLVS app.css dark background (main). */
:root{
  --bg:#050b18;--surface:#08152e;--surface2:#0b1f42;--surface3:#0e264d;
  --border:#1b3559;--border-soft:rgba(91,132,174,.20);--text:#f3f7fe;--muted:#9db2c9;
}
body{
  background:
    radial-gradient(ellipse at 15% -12%,rgb(0 161 162 / .12),transparent 34rem),
    radial-gradient(ellipse at 86% 8%,rgb(29 121 255 / .16),transparent 38rem),
    radial-gradient(ellipse at 62% 45%,rgb(101 18 240 / .06),transparent 32rem),
    linear-gradient(145deg,#050b18,#071228);
  background-attachment:fixed;
}
.preview-hero{
  background:radial-gradient(ellipse 58% 140% at 2% 5%,rgba(0,161,162,.085),transparent 85%),transparent;
  border-bottom-color:var(--border-soft);
}
.preview-hero h1 span{color:#8bd5d8}
.rail{background:rgba(8,21,46,.82)}
.viewer{background:radial-gradient(ellipse 72% 59% at 50% 23%,rgba(30,80,136,.18),transparent 78%),rgba(6,15,32,.52)}
.detail-panel{background:rgba(8,21,46,.79)}
.collection-section{background:rgba(8,21,46,.40);border-top-color:var(--border-soft)}
.slide-shadow{background:#10223c;border-color:#244260;box-shadow:0 16px 55px rgba(0,3,14,.30)}
.button.ghost{background:rgba(12,29,55,.42)}
.button.ghost:hover{background:rgba(23,55,86,.8)}
.zoom-controls{background:#0e213b;border-color:#274362}
.deck-desc{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  line-clamp:3;overflow:hidden;text-overflow:ellipsis;
  line-height:1.5;max-height:4.5em;word-break:break-word;
}
.panel-info .deck-name{font-size:20px;margin-bottom:7px}
.panel-info{min-width:0}
/* One full five-color bar per palette, stacked vertically in sidebar. */
.detail-panel .palette-options{display:flex;flex-direction:column;gap:6px}
.detail-panel .palette-button{
  display:flex;align-items:center;gap:10px;min-height:40px;width:100%;padding:6px 9px;
  border-radius:8px;background:rgba(13,32,58,.70);border:1px solid #254263;
}
.detail-panel .palette-button:hover{background:rgba(27,57,89,.8);border-color:#537b9c}
.detail-panel .palette-button.selected{background:rgba(var(--accent-rgb),.075);border-color:var(--accent)}
.detail-panel .palette-button .swatch-group{
  display:flex;overflow:hidden;margin:0;width:116px;height:25px;
  border:1px solid rgba(255,255,255,.11);border-radius:5px;flex:0 0 116px;
}
.detail-panel .palette-button .swatch-group i{flex:1}
.detail-panel .palette-button>span:last-child{
  font-size:11px;line-height:1.2;font-weight:660;text-align:left;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;min-width:0;
}
.detail-panel .palette-button.selected>span:last-child{color:#f3fbff}
.palette-confirm{margin-top:8px}
.panel-download-section .panel-action{margin-top:3px}
.panel-download-section .button.primary{background:#1765d1;border-color:#1765d1;color:#fff}
.panel-download-section .button.primary:hover{background:#1d79ff;border-color:#1d79ff}
/* Horizontal, non-wrapping library carousel with visible drag scrollbar. */
.collection-head{align-items:center}
.collection-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.collection-arrows{display:flex;gap:6px;align-items:center}
.collection-arrows .button{height:34px;width:34px;padding:0}
.collection-grid{
  display:grid;grid-auto-flow:column;grid-auto-columns:clamp(300px,30vw,455px);
  grid-template-columns:none;gap:14px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-color:#407198 rgba(20,48,75,.85);scrollbar-width:auto;
  padding:2px 3px 12px;overscroll-behavior-x:contain;
  max-width:100%;min-width:0;
}
.collection-grid::-webkit-scrollbar{height:9px}
.collection-grid::-webkit-scrollbar-track{background:rgba(20,48,75,.8);border-radius:20px}
.collection-grid::-webkit-scrollbar-thumb{background:#407198;border-radius:20px}
.collection-grid .collection-card{width:100%;min-width:0;scroll-snap-align:start;}
.collection-card{background:rgba(13,30,54,.92);border-color:#294761}
.collection-card:hover{border-color:#6799ba}
.collection-section{min-width:0;overflow:hidden}
@media(max-width:980px) and (min-width:721px){
  .detail-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
  .detail-panel .panel-section{min-width:0;grid-column:auto;border:0;border-right:0;border-bottom:1px solid var(--border-soft);padding:0 0 16px;margin:0;}
  .detail-panel .panel-section:nth-child(4){grid-column:auto;border:0;border-bottom:1px solid var(--border-soft);padding:0 0 16px}
  .detail-panel .palette-button .swatch-group{width:100px;flex-basis:100px}
}
@media(max-width:720px){
  .detail-panel{display:flex;flex-direction:column}
  .detail-panel .panel-section,.detail-panel .panel-section:nth-child(4){
    grid-column:auto;border-right:0;border-top:0;border-bottom:1px solid var(--border-soft);
    padding:0 0 15px;margin:0 0 15px;
  }
  .detail-panel .panel-section:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
  .detail-panel .palette-button .swatch-group{width:130px;flex-basis:130px}
  .collection-section{padding:18px 12px 25px;order:3}
  .collection-head{align-items:flex-start;gap:9px;flex-direction:column}
  .collection-actions{width:100%;justify-content:space-between}
  .collection-head .button{display:flex}
  .collection-grid{grid-auto-columns:min(80vw,340px);gap:11px;padding-bottom:13px}
  .viewer .under-stage{display:none}
}
@media(max-width:410px){.detail-panel .palette-button .swatch-group{width:115px;flex-basis:115px}}


/* Content overlays sit directly over the main BLVS website background.
   The standalone HTML reproduces the site background only at body level;
   on production the existing website shell supplies that same background. */
body{
  background:
    radial-gradient(ellipse at 15% -12%, rgb(0 161 162 / .12), transparent 34rem),
    radial-gradient(ellipse at 86% 8%, rgb(29 121 255 / .16), transparent 38rem),
    radial-gradient(ellipse at 62% 45%, rgb(101 18 240 / .06), transparent 32rem),
    linear-gradient(145deg, #050b18, #060d1d);
  background-attachment:scroll;
}

/* Clean frame only for the main preview workspace. Hero and collection stay open without side lines. */
.workspace{
  border-left:1px solid rgba(93,151,193,.17);
  border-right:1px solid rgba(93,151,193,.17);
  border-bottom:0;
}
.preview-hero{border-bottom:1px solid rgba(93,151,193,.15)}
.collection-section{border-top-color:rgba(93,151,193,.17)}
@media(max-width:720px){
  .workspace{
    border-left:1px solid rgba(93,151,193,.17);
    border-right:1px solid rgba(93,151,193,.17);
  }
}

.preview-hero,.workspace,.rail,.viewer,.detail-panel,.collection-section{
  background:transparent!important;
  box-shadow:none!important;
}
.workspace{border-bottom:0}
.preview-hero{border-bottom:1px solid rgba(105,157,203,.15)}
.preview-hero:before{display:none}
.preview-hero h1{
  color:#f2f7ff;font-weight:790;letter-spacing:-.037em;
  font-size:clamp(27px,3vw,39px);line-height:1.16;
  overflow-wrap:anywhere;
}
.preview-hero h1 span{color:#84d5dd;margin-left:.14em}
.preview-hero .hero-kicker{color:#8fb7c7;letter-spacing:.13em}
.preview-hero p{color:#aabed4;font-size:13px;line-height:1.6}
.rail{border-right-color:rgba(93,151,193,.17)}
.detail-panel{border-left-color:rgba(93,151,193,.17)}
.collection-section{border-top-color:rgba(93,151,193,.17)}
.panel-section{border-bottom-color:rgba(93,151,193,.18)}
.detail-panel .palette-button{background:rgba(11,28,53,.22);border-color:rgba(101,160,205,.24)}
.detail-panel .palette-button:hover{background:rgba(28,65,98,.36)}
.detail-panel .palette-button.selected{background:rgba(var(--accent-rgb),.09)}
.collection-card{background:rgba(8,22,44,.25);border-color:rgba(100,151,198,.28)}
.collection-arrow{background:rgba(32,57,82,.45)}
.slide-shadow{background:rgba(12,27,46,.56);border-color:rgba(103,156,195,.34)}
.zoom-controls{background:rgba(9,26,52,.32);border-color:rgba(101,160,205,.22)}
.zoom-reset{background:rgba(19,53,76,.4)}
.view-mode{background:rgba(15,43,67,.28);border-color:rgba(101,160,205,.22)}
.button:not(.primary){background:rgba(11,30,59,.28);border-color:rgba(103,153,191,.28)}
.button:not(.primary):hover{background:rgba(26,63,95,.5)}
@media(max-width:980px){
  .detail-panel{border-top-color:rgba(93,151,193,.17)}
}
@media(max-width:720px){
  .rail{border-top-color:rgba(93,151,193,.17)}
  .preview-hero h1{font-size:clamp(25px,7vw,32px)}
}
/* Fullscreen and dialogs intentionally keep their legible dark backdrop. */
body.is-presenting .viewer{background:#050b18!important}
@media print{body{background:#fff!important}body.is-presenting .viewer{background:#fff!important}}
}

/* LIVE integration: isolate the approved Preview V4 CSS from the shared Site Shell. */
#workbench.preview-studio{
  display:block;
  min-width:0;
  color:var(--text);
  background:transparent;
  font:14px/1.5 Inter,'Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
#workbench.preview-studio,
#workbench.preview-studio *{box-sizing:border-box}
#workbench.preview-studio .preview-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#workbench.preview-studio .slide-surface{position:relative;overflow:hidden}
#workbench.preview-studio .slide-canvas{
  position:absolute;
  top:0;
  left:0;
  width:1280px;
  height:720px;
  transform-origin:0 0;
  overflow:hidden;
  isolation:isolate;
}
html:not(.dark) #workbench.preview-studio{
  color-scheme:light;
  --bg:#f4f7fb;
  --surface:#ffffff;
  --surface2:#f7faff;
  --surface3:#edf3f8;
  --border:#cbd9e8;
  --border-soft:#dce6ef;
  --text:#152d47;
  --muted:#5a7189;
  --faint:#6f8498;
  --slide-bg:#eaf0f6;
  --slide-panel:#ffffff;
  --slide-line:rgba(46,82,116,.14);
}

/* V5.0.5 UAT corrective: show the complete slide deck inside the primary preview frame. */
#workbench.preview-studio .slide-canvas.overview-canvas{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;
  gap:12px;
  width:100%!important;
  height:100%!important;
  padding:14px;
  overflow:auto!important;
  transform:none!important;
}
#workbench.preview-studio .overview-slide{
  position:relative;
  display:block;
  min-width:0;
  padding:0;
  border:1px solid var(--border-soft);
  border-radius:8px;
  background:var(--surface2);
  color:var(--text);
  text-align:left;
  cursor:pointer;
  overflow:hidden;
}
#workbench.preview-studio .overview-slide:hover,
#workbench.preview-studio .overview-slide:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}
#workbench.preview-studio .overview-slide-frame{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--slide-bg);
}
#workbench.preview-studio .overview-slide-frame> *{
  position:absolute!important;
  inset:0 auto auto 0;
  width:1280px!important;
  height:720px!important;
  max-width:none!important;
  transform-origin:top left;
}
#workbench.preview-studio .overview-slide-label{
  display:block;
  padding:7px 9px 8px;
  color:var(--text);
  font-size:10px;
  font-weight:750;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:720px){
  #workbench.preview-studio .slide-canvas.overview-canvas{
    grid-template-columns:1fr;
    gap:10px;
    padding:10px;
  }
}

/* V5.0.5 UAT grid clarity: keep every overview item at a readable 16:9 size. */
#workbench.preview-studio .slide-canvas.overview-canvas{
  grid-auto-rows:max-content!important;
  align-items:start!important;
}
#workbench.preview-studio .overview-slide{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  align-self:start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
}
#workbench.preview-studio .overview-slide-frame{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16 / 9!important;
  flex:0 0 auto!important;
}
#workbench.preview-studio .overview-slide-frame > *{
  display:block!important;
}