:root{color-scheme:dark;--bg:#09090b;--fg:#f4f4f5;--muted:#a1a1aa;--border:rgba(255,255,255,.1);--strong:rgba(255,255,255,.32)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 34rem),var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;background:rgba(9,9,11,.84);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.8rem}.brand small{display:block;color:var(--muted);font-size:.8rem}.mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);background:rgba(255,255,255,.08);border-radius:1rem;font-weight:900}nav{display:flex;gap:1rem;flex-wrap:wrap;color:#d4d4d8}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:1rem;padding:.75rem 1rem;font-weight:800;border:1px solid transparent}.btn.large{padding:1rem 1.3rem}.btn.primary{background:#fff;color:#09090b}.btn.secondary{background:rgba(255,255,255,.06);border-color:var(--border)}.full{width:100%}.hero,.page,.band{padding:5rem 2rem}.hero,.checkout{max-width:78rem;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem}.page{max-width:78rem;margin:auto}.band{border-block:1px solid var(--border);background:rgba(255,255,255,.03)}h1{font-size:clamp(3rem,7vw,6rem);line-height:.92;letter-spacing:-.07em;margin:0}h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;margin:0 0 1rem}p,.lead{color:#d4d4d8;line-height:1.75}.eyebrow{display:inline-block;border:1px solid var(--border);background:rgba(255,255,255,.05);border-radius:999px;padding:.5rem .8rem;margin-bottom:1.25rem;color:#d4d4d8}.panel,.card,.artifact{border:1px solid var(--border);background:rgba(255,255,255,.045);border-radius:1.5rem}.panel,.card{padding:1.4rem}.mini-grid{display:grid;gap:.8rem}.mini-grid div,.fact,.facts div{border:1px solid var(--border);background:rgba(0,0,0,.2);border-radius:1rem;padding:1rem}.mini-grid span,.fact span,.facts span{display:block;color:var(--muted);font-size:.9rem}.grid{display:grid;gap:1rem}.grid.three{grid-template-columns:repeat(3,1fr)}.section-head{max-width:78rem;margin:0 auto 2rem}.section-head.spaced{margin-top:4rem}.section-head.center,.centered{text-align:center}.split-head{display:flex;justify-content:space-between;align-items:end;gap:1rem}.pack-card p,.workflow-card p,.card p,.artifact p{color:var(--muted)}.workflow-top,.pack-footer,.fact{display:flex;justify-content:space-between;gap:1rem}.price{font-size:2.5rem;font-weight:900}.highlight{border-color:var(--strong);background:rgba(255,255,255,.09)}ul{color:#d4d4d8;line-height:1.8}.artifact{overflow:hidden}.preview,.large-preview{display:grid;place-items:center;min-height:12rem;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.02))}.preview span,.large-preview span{font-size:3rem;font-weight:900}.large-preview{min-height:30rem;border-radius:1.5rem;border:1px solid var(--border)}.image-artifact{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),rgba(255,255,255,.03))}.video-artifact{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.02))}.audio-artifact{background:repeating-linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.14) 8px,rgba(255,255,255,.03) 8px,rgba(255,255,255,.03) 18px)}.agent-artifact{background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,.02))}.core-artifact{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.16))}.card-body{padding:1rem}.card-body small{color:var(--muted)}.text-link{font-weight:900}.link-row{display:flex;gap:1rem;flex-wrap:wrap}.filters{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.filter,.processor{border:1px solid var(--border);background:rgba(255,255,255,.05);color:white;border-radius:999px;padding:.7rem 1rem}.filter.active,.processor.selected{background:white;color:#09090b}.checkout-head{max-width:78rem;margin:auto auto 2rem;display:flex;justify-content:space-between;gap:2rem}.price-box{border:1px solid var(--border);border-radius:1.5rem;padding:1rem 1.25rem;min-width:12rem}.price-box span,.price-box strong{display:block}.price-box strong{font-size:2rem}.success{max-width:78rem;margin:0 auto 1.5rem;border:1px solid rgba(34,197,94,.45);background:rgba(34,197,94,.1);border-radius:1.25rem;padding:1rem}.success.error{border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.12)}.processors,.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.processor{text-align:left;border-radius:1rem}.processor span,.processor small{display:block;margin-top:.3rem}input{width:100%;margin-top:.4rem;padding:.8rem;border-radius:.8rem;border:1px solid var(--border);background:rgba(0,0,0,.25);color:white}.footer{border-top:1px solid var(--border);color:var(--muted);padding:1.5rem 2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.live-artifact .live-preview{display:block;min-height:12rem;background:rgba(255,255,255,.04)}
.live-preview img,.live-preview video{display:block;width:100%;height:14rem;object-fit:cover;background:#050505}
.audio-preview,.file-preview{min-height:14rem;display:grid;place-items:center;background:rgba(255,255,255,.06);padding:1rem}
.audio-preview audio{width:100%;max-width:90%}
.file-preview span,.audio-preview span{font-size:2.2rem;font-weight:900}
.source-state{max-width:78rem;margin:0 auto;border:1px solid var(--border);background:rgba(255,255,255,.045);border-radius:1.5rem;padding:1.4rem;display:grid;gap:.75rem}
.source-state span{color:var(--muted);word-break:break-all}

.artifact-viewer{width:100%;max-width:min(100%,92rem);margin:0 auto;display:grid;gap:.85rem;min-width:0}
.viewer-stage{width:100%;min-width:0;border:1px solid var(--border);background:rgba(255,255,255,.045);border-radius:1.5rem;overflow:hidden;display:grid;grid-template-rows:auto auto}
.viewer-media{width:100%;min-width:0;max-width:100%;display:flex;align-items:center;justify-content:center;min-height:clamp(14rem,42svh,30rem);max-height:none;background:rgba(0,0,0,.28);overflow:hidden;contain:layout paint;padding:.75rem}
.artifact-fit-frame{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;margin:0;padding:0;overflow:hidden;background:#050505;border-radius:1rem}
.viewer-media img,.viewer-media video{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:min(70svh,44rem)!important;object-fit:contain!important;object-position:center center!important;background:#050505}
.viewer-media iframe{display:block;width:100%!important;height:min(70svh,44rem)!important;max-width:100%!important;min-height:24rem!important;border:0;background:#050505;color:white}.html-artifact-frame{display:block;width:100%;height:min(70svh,44rem)!important;border:0;background:white}
.viewer-media.viewer-media-audio{box-sizing:border-box;width:100%;inline-size:100%;height:clamp(13rem,24svh,20rem);min-height:13rem;max-height:20rem;align-items:stretch;justify-content:stretch;justify-items:stretch;padding:1rem 1.25rem;background:#050505;overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;scrollbar-width:none;contain:layout paint style}
.viewer-media.viewer-media-audio::-webkit-scrollbar,.viewer-audio::-webkit-scrollbar,.audio-spectrum::-webkit-scrollbar,.audio-control-bar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.viewer-audio{box-sizing:border-box;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.75rem;align-items:stretch;inline-size:100%!important;width:100%!important;max-inline-size:none!important;max-width:none!important;height:100%;min-height:0;max-height:none;flex:1 1 auto;padding:0;overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;scrollbar-width:none;contain:layout paint style}
.viewer-audio *{box-sizing:border-box;min-width:0;max-width:100%}
.viewer-audio .audio-glyph{position:static;display:block;justify-self:center;align-self:center;transform:none;font-size:1.35rem;font-weight:900;line-height:1;height:1.4rem;max-height:1.4rem;overflow:hidden}
.audio-spectrum{box-sizing:border-box;position:static;transform:none;display:block;inline-size:100%!important;width:100%!important;max-inline-size:none!important;max-width:none!important;min-width:0!important;height:100%!important;min-height:5.25rem!important;max-height:100%!important;block-size:100%!important;min-block-size:5.25rem!important;max-block-size:100%!important;border:1px solid var(--border);border-radius:.9rem;background:rgba(255,255,255,.035);overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;scrollbar-width:none}
.viewer-audio .gb10-hidden-audio{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;max-width:1px!important;max-height:1px!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;appearance:none!important;clip-path:inset(50%)!important}
.audio-control-bar{position:static;transform:none;display:grid;grid-template-columns:auto minmax(8rem,1fr) auto minmax(5rem,9rem);align-items:center;gap:.65rem;inline-size:100%;width:100%;max-inline-size:none;max-width:none;height:3rem;min-height:3rem;max-height:3rem;padding:.35rem .65rem;border:1px solid var(--border);border-radius:.85rem;background:rgba(255,255,255,.045);overflow:hidden!important;scrollbar-width:none}
.audio-play-button{height:2.05rem;min-height:2.05rem;max-height:2.05rem;white-space:nowrap;border:1px solid var(--border);border-radius:.65rem;background:rgba(255,255,255,.08);color:white;font-weight:800;padding:0 .85rem;cursor:pointer}
.audio-play-button:focus-visible{outline:1px solid var(--strong);outline-offset:1px}
.audio-seek,.audio-volume{display:block;width:100%;height:1.45rem;min-height:1.45rem;max-height:1.45rem;margin:0;padding:0;accent-color:#fff;background:transparent;overflow:hidden}
.audio-time{display:block;min-width:5.4rem;max-width:7rem;color:#d4d4d8;font-size:.78rem;line-height:1;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis}
.audio-autoplay-note{display:none!important}
.viewer-audio .gb10-hidden-audio[data-autoplay-blocked="true"] ~ .audio-autoplay-note{color:#d4d4d8}

/* v36: audio uses an isolated full-width viewer, not the generic centered media frame. */
.gb10-audio-media{box-sizing:border-box;display:block!important;width:100%!important;inline-size:100%!important;max-width:none!important;min-width:0!important;height:clamp(13rem,26svh,20rem)!important;min-height:13rem!important;max-height:20rem!important;margin:0!important;padding:1rem 1.25rem!important;background:#050505!important;overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;scrollbar-width:none!important;contain:layout paint style!important;border:0!important;border-radius:0!important}
.gb10-audio-media::-webkit-scrollbar,.gb10-audio-media *::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.gb10-audio-media .gb10-audio-wide{box-sizing:border-box!important;display:grid!important;grid-template-rows:minmax(7rem,1fr) 3.25rem!important;grid-template-columns:minmax(0,1fr)!important;gap:.85rem!important;align-items:stretch!important;justify-items:stretch!important;width:100%!important;inline-size:100%!important;max-width:none!important;min-width:0!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;position:relative!important;transform:none!important;contain:layout paint style!important}
.gb10-audio-media .gb10-audio-wide .audio-glyph{display:none!important}
.gb10-audio-media .audio-spectrum{box-sizing:border-box!important;display:block!important;position:static!important;width:100%!important;inline-size:100%!important;max-width:none!important;min-width:0!important;height:100%!important;block-size:100%!important;min-height:7rem!important;max-height:none!important;margin:0!important;border:1px solid var(--border)!important;border-radius:1rem!important;background:rgba(255,255,255,.035)!important;overflow:hidden!important;transform:none!important;contain:strict!important}
.gb10-audio-media .audio-control-bar{box-sizing:border-box!important;position:static!important;display:grid!important;grid-template-columns:auto minmax(12rem,1fr) auto minmax(6rem,12rem)!important;align-items:center!important;gap:.75rem!important;width:100%!important;inline-size:100%!important;max-width:none!important;min-width:0!important;height:3.25rem!important;min-height:3.25rem!important;max-height:3.25rem!important;margin:0!important;padding:.4rem .7rem!important;border:1px solid var(--border)!important;border-radius:.95rem!important;background:rgba(255,255,255,.045)!important;overflow:hidden!important;transform:none!important}
.gb10-audio-media .audio-seek{width:100%!important;min-width:0!important;max-width:none!important}
.gb10-audio-media .audio-volume{width:100%!important;min-width:5rem!important;max-width:12rem!important}
.gb10-audio-media .audio-time{min-width:5.8rem!important;max-width:8rem!important;text-align:center!important;white-space:nowrap!important}
.viewer-details{padding:.8rem 1rem .9rem;min-width:0}
.viewer-details small{color:var(--muted)}
.viewer-details h3{margin:.25rem 0 .15rem;word-break:break-word;font-size:clamp(1rem,2vw,1.35rem);line-height:1.2}
.viewer-details p{margin:.15rem 0 0;color:var(--muted)}
.viewer-controls{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:3rem}
.viewer-controls button:disabled{opacity:.45;cursor:not-allowed}
.viewer-counter{min-width:6rem;text-align:center;color:#d4d4d8;font-weight:800}
.artifact-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;content-visibility:auto;contain-intrinsic-size:1px 12rem}
.artifact-thumb{border:1px solid var(--border);background:rgba(255,255,255,.045);color:white;border-radius:1rem;padding:.65rem;text-align:left;cursor:pointer;min-width:0}
.artifact-thumb.active{border-color:var(--strong);background:rgba(255,255,255,.12)}
.thumb-preview{height:6rem;border-radius:.75rem;background:rgba(0,0,0,.26);display:grid;place-items:center;overflow:hidden;margin-bottom:.5rem}
.thumb-preview img,.thumb-preview video{display:block;width:100%;height:100%;object-fit:cover;background:#050505}
.thumb-preview span{font-weight:900;font-size:1.8rem;letter-spacing:.05em;color:#d4d4d8}
.thumb-label{display:block;font-size:.82rem;color:#d4d4d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){.viewer-media{min-height:clamp(12rem,40svh,22rem);padding:.5rem}.viewer-media img,.viewer-media video{max-height:min(64svh,34rem)!important}.viewer-media.viewer-media-audio,.gb10-audio-media{height:clamp(12.5rem,28svh,16rem)!important;min-height:12.5rem!important;max-height:16rem!important;padding:.75rem!important}.gb10-audio-media .gb10-audio-wide{grid-template-rows:minmax(6.25rem,1fr) 3rem!important}.audio-control-bar,.gb10-audio-media .audio-control-bar{grid-template-columns:auto minmax(0,1fr) auto!important}.audio-volume{display:none!important}.audio-time{min-width:4.5rem!important;font-size:.72rem}.artifact-strip{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}}
@media(max-width:950px){nav{display:none}.hero,.checkout{grid-template-columns:1fr}.grid.three,.processors,.form-grid{grid-template-columns:1fr}.split-head,.checkout-head{display:block}}


/* v33: one square display frame, no nested black square, no forced image stretching.
   Images/videos preserve intrinsic aspect ratio with width:auto/height:auto and max bounds. */
.artifact-viewer .viewer-stage{border:0!important;background:transparent!important;border-radius:0!important;overflow:visible!important;display:grid!important;grid-template-rows:auto auto!important;gap:.75rem!important}
.artifact-viewer .viewer-media:not(.viewer-media-audio){box-sizing:border-box!important;width:min(100%,72svh,48rem)!important;inline-size:min(100%,72svh,48rem)!important;height:auto!important;block-size:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;margin-left:auto!important;margin-right:auto!important;padding:.75rem!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#050505!important;border:1px solid var(--border)!important;border-radius:1.5rem!important}
.artifact-viewer .viewer-media:not(.viewer-media-audio) .artifact-fit-frame{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;border-radius:0!important;aspect-ratio:auto!important}
.artifact-viewer .viewer-media:not(.viewer-media-audio) .artifact-fit-frame>img,.artifact-viewer .viewer-media:not(.viewer-media-audio) .artifact-fit-frame>video{box-sizing:border-box!important;display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center center!important;border:0!important;background:transparent!important}
.artifact-viewer .viewer-media:not(.viewer-media-audio) .artifact-fit-frame>iframe{box-sizing:border-box!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center center!important;border:0!important;background:#050505!important}
.artifact-viewer .viewer-media:not(.viewer-media-audio) .artifact-fit-frame>.html-artifact-frame{background:white!important}
.artifact-viewer .viewer-details{width:min(100%,72svh,48rem)!important;margin-left:auto!important;margin-right:auto!important;padding:.25rem 0 .4rem!important}
@media(max-width:720px){.artifact-viewer .viewer-media:not(.viewer-media-audio){width:min(100%,68svh,36rem)!important;inline-size:min(100%,68svh,36rem)!important;height:auto!important;block-size:auto!important;padding:.5rem!important}.artifact-viewer .viewer-details{width:min(100%,68svh,36rem)!important}}

/* Full-width homepage hero and six-image gallery showcase */
.home-hero{display:block;width:100%;padding-top:6rem;padding-bottom:2.5rem}
.home-hero-copy{max-width:78rem}
.home-gallery-showcase{max-width:78rem;margin:0 auto;padding:0 2rem 5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.home-gallery-showcase figure{margin:0;min-height:18rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:1.5rem;background:rgba(255,255,255,.035);overflow:hidden}
.home-gallery-showcase img{display:block;width:auto;height:auto;max-width:100%;max-height:28rem;object-fit:contain}
@media(max-width:950px){.home-hero{padding-top:4rem;padding-bottom:2rem}.home-gallery-showcase{grid-template-columns:1fr;padding-inline:1.25rem}.home-gallery-showcase figure{min-height:14rem}.home-gallery-showcase img{max-height:22rem}}

/* Workflow video preview block */
.workflow-feature-video-shell{max-width:78rem;margin:-2rem auto 0;padding:0 2rem 2rem}
.workflow-feature-video{border:1px solid var(--border);border-radius:1.5rem;background:rgba(255,255,255,.045);overflow:hidden;display:grid;gap:0}
.workflow-feature-video video{display:block;width:100%;max-height:64vh;object-fit:contain;background:#050505}
.workflow-feature-video-copy{display:grid;gap:.25rem;padding:1rem 1.15rem}
.workflow-feature-video-copy small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.workflow-feature-video-copy strong{font-size:1.05rem;word-break:break-word}
.workflow-feature-video-copy span{color:var(--muted);line-height:1.55}
@media(max-width:950px){.workflow-feature-video-shell{margin:0 auto;padding-inline:1.25rem}.workflow-feature-video video{max-height:48vh}}

/* Workflow hero sample image */
.workflow-hero{align-items:center}
.workflow-hero-sample{min-height:28rem;display:flex;align-items:center;justify-content:center;padding:2rem;border:1px solid var(--border);border-radius:2rem;background:rgba(255,255,255,.035);overflow:hidden}
.workflow-hero-sample img{display:block;width:auto;height:auto;max-width:100%;max-height:42rem;object-fit:contain;border-radius:1.2rem;box-shadow:0 1rem 3rem rgba(0,0,0,.35)}
@media(max-width:980px){.workflow-hero-sample{min-height:18rem}.workflow-hero-sample img{max-height:30rem}}

/* Homepage structured feature list */
.feature-sheet{max-width:76rem}
.feature-index{counter-reset:feature;list-style:none;display:grid;gap:.85rem;margin:2rem 0 0;padding:0}
.feature-index li{counter-increment:feature;display:grid;grid-template-columns:3.25rem minmax(12rem,19rem) 1fr;gap:1rem;align-items:start;padding:1.05rem 1.15rem;border:1px solid var(--border);border-radius:1.1rem;background:rgba(255,255,255,.035)}
.feature-index li::before{content:counter(feature,decimal-leading-zero);display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid rgba(255,255,255,.12);border-radius:.8rem;background:rgba(255,255,255,.055);font-weight:900;color:#fff}
.feature-index strong{font-size:1.05rem;color:#fff}
.feature-index span{color:#c9c9d1;line-height:1.65}
@media(max-width:820px){.feature-index li{grid-template-columns:2.8rem 1fr}.feature-index span{grid-column:2}}

/* Workflow inclusion and feature sections */
.inclusion-card{display:grid;gap:1.25rem}
.dependency-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem}
.dependency-row{display:grid;gap:.28rem;padding:.9rem;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.04)}
.dependency-row strong{font-size:1rem}
.dependency-row span{color:#fff;font-weight:900}
.dependency-row small{color:var(--muted);line-height:1.55}
.feature-list{margin:.5rem 0 0;padding-left:1.25rem;display:grid;gap:.8rem}
.feature-list li{padding-left:.2rem;color:#e4e4e7}
.feature-list li::marker{color:#fff}
.feature-list strong{display:block;color:#fff;font-size:1rem;margin-bottom:.15rem}
.feature-list span{display:block;color:var(--muted);line-height:1.55}
.feature-card{min-height:13rem}

/* Collapsible left sidebar layout */
.app-shell{min-height:100vh;display:flex;align-items:stretch}
.sidebar-toggle{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.left-sidebar{position:sticky;top:0;z-index:30;flex:0 0 18rem;width:18rem;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border);background:rgba(9,9,11,.94);backdrop-filter:blur(18px);transition:flex-basis .18s ease,width .18s ease;overflow:hidden}
.content-shell{flex:1;min-width:0}
.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border)}
.sidebar-brand{display:flex;align-items:center;gap:.75rem;min-width:0}
.sidebar-brand .mark{flex:0 0 auto}
.sidebar-label{display:grid;gap:.1rem;min-width:0}
.sidebar-label strong,.sidebar-label small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-label small{color:var(--muted);font-size:.75rem}
.sidebar-collapse{display:grid;place-items:center;flex:0 0 auto;width:2.25rem;height:2.25rem;border:1px solid var(--border);border-radius:.8rem;background:rgba(255,255,255,.06);cursor:pointer;color:#d4d4d8}
.collapse-closed{display:none}
.sidebar-nav{display:flex;flex-direction:column;gap:.35rem;min-height:0;overflow:auto;padding:.85rem}
.side-section{display:grid;gap:.25rem;padding-top:.65rem;margin-top:.45rem;border-top:1px solid rgba(255,255,255,.08)}
.side-section:first-of-type{border-top:0;margin-top:0;padding-top:.35rem}
.side-section-bottom{margin-top:auto}
.side-section-title{display:flex;align-items:center;gap:.7rem;padding:.6rem .65rem;color:#a1a1aa;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:900}
.side-link{display:flex;align-items:center;gap:.7rem;min-height:2.45rem;padding:.58rem .65rem;border:1px solid transparent;border-radius:.9rem;color:#d4d4d8}
.side-link:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}
.side-link.active{background:rgba(255,255,255,.11);border-color:var(--strong);color:#fff}
.side-link.compact{font-size:.92rem}
.side-icon{display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:rgba(255,255,255,.04);font-weight:900;font-size:.72rem;letter-spacing:-.03em}
.side-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gb10-sidebar-toggle:checked ~ .left-sidebar{flex-basis:4.85rem;width:4.85rem}
#gb10-sidebar-toggle:checked ~ .left-sidebar .sidebar-label,
#gb10-sidebar-toggle:checked ~ .left-sidebar .side-text{opacity:0;width:0;max-width:0;pointer-events:none}
#gb10-sidebar-toggle:checked ~ .left-sidebar .sidebar-brand-row{justify-content:center;padding-inline:.6rem}
#gb10-sidebar-toggle:checked ~ .left-sidebar .sidebar-brand{gap:0}
#gb10-sidebar-toggle:checked ~ .left-sidebar .sidebar-collapse{position:absolute;right:.55rem;top:3.8rem;width:1.9rem;height:1.9rem}
#gb10-sidebar-toggle:checked ~ .left-sidebar .collapse-open{display:none}
#gb10-sidebar-toggle:checked ~ .left-sidebar .collapse-closed{display:block}
#gb10-sidebar-toggle:checked ~ .left-sidebar .sidebar-nav{padding:.75rem .55rem}
#gb10-sidebar-toggle:checked ~ .left-sidebar .side-link,
#gb10-sidebar-toggle:checked ~ .left-sidebar .side-section-title{justify-content:center;padding-inline:.35rem}
#gb10-sidebar-toggle:checked ~ .left-sidebar .side-section-title{margin-top:.6rem}
@media(max-width:900px){
  .app-shell{display:block}
  .left-sidebar{position:fixed;left:0;top:0;bottom:0;flex-basis:18rem;width:18rem;box-shadow:0 1rem 4rem rgba(0,0,0,.45);transform:translateX(0)}
  #gb10-sidebar-toggle:checked ~ .left-sidebar{transform:translateX(calc(-100% + 4.85rem));width:18rem;flex-basis:18rem}
  #gb10-sidebar-toggle:checked ~ .left-sidebar .sidebar-label,
  #gb10-sidebar-toggle:checked ~ .left-sidebar .side-text{opacity:1;width:auto;max-width:12rem;pointer-events:auto}
  .content-shell{padding-left:4.85rem}
  .hero,.page,.band{padding-left:1.25rem;padding-right:1.25rem}
}


/* v37: dedicated full-width audio renderer. This deliberately bypasses the square image/video viewer. */
.artifact-viewer .gb10-audio-stage{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  inline-size:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:#050505!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  contain:layout paint style!important;
}
.artifact-viewer .gb10-audio-shell{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:clamp(7rem,18svh,13rem) 3.25rem!important;
  gap:.85rem!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  inline-size:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:11.25rem!important;
  max-height:none!important;
  margin:0!important;
  padding:1rem 1.25rem!important;
  overflow:hidden!important;
  background:#050505!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  contain:layout paint style!important;
}
.artifact-viewer .gb10-audio-spectrum{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  inline-size:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  min-height:7rem!important;
  max-height:13rem!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--border)!important;
  border-radius:1rem!important;
  background:rgba(255,255,255,.035)!important;
}
.artifact-viewer .gb10-audio-controls{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto minmax(7rem,14rem)!important;
  gap:.75rem!important;
  align-items:center!important;
  width:100%!important;
  inline-size:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:3.25rem!important;
  min-height:3.25rem!important;
  max-height:3.25rem!important;
  margin:0!important;
  padding:.42rem .75rem!important;
  overflow:hidden!important;
  border:1px solid var(--border)!important;
  border-radius:1rem!important;
  background:rgba(255,255,255,.045)!important;
}
.artifact-viewer .gb10-audio-play{height:2.1rem!important;min-height:2.1rem!important;max-height:2.1rem!important;min-width:4.25rem!important;white-space:nowrap!important;touch-action:manipulation!important;user-select:none!important}
.artifact-viewer .gb10-audio-seek{width:100%!important;max-width:none!important;min-width:0!important}
.artifact-viewer .gb10-audio-volume{width:100%!important;max-width:14rem!important;min-width:7rem!important}
.artifact-viewer .gb10-audio-time{min-width:6rem!important;max-width:8rem!important;text-align:center!important;white-space:nowrap!important}
.artifact-viewer .gb10-hidden-audio{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip-path:inset(50%)!important}
@media(max-width:720px){
  .artifact-viewer .gb10-audio-shell{grid-template-rows:clamp(6rem,18svh,10rem) 3rem!important;padding:.75rem!important;gap:.65rem!important}
  .artifact-viewer .gb10-audio-spectrum{min-height:6rem!important;max-height:10rem!important}
  .artifact-viewer .gb10-audio-controls{grid-template-columns:auto minmax(0,1fr) auto!important;height:3rem!important;min-height:3rem!important;max-height:3rem!important;padding:.35rem .55rem!important;gap:.55rem!important}
  .artifact-viewer .gb10-audio-volume{display:none!important}
  .artifact-viewer .gb10-audio-time{min-width:4.75rem!important;max-width:5.75rem!important;font-size:.74rem!important}
}

/* v38: audio artifacts have their own full-width viewer, scoped only to the artifact section. */
.artifact-viewer.audio-artifact-viewer{
  width:100%!important;
  max-width:min(100%,92rem)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:grid!important;
  gap:.85rem!important;
  min-width:0!important;
}
.artifact-viewer.audio-artifact-viewer .viewer-stage{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:.75rem!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}
.artifact-viewer.audio-artifact-viewer .gb10-audio-stage{
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;
  width:100%!important;
  inline-size:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:clamp(12rem,24svh,20rem)!important;
  min-height:12rem!important;
  max-height:20rem!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#050505!important;
  border:1px solid var(--border)!important;
  border-radius:1.35rem!important;
  transform:none!important;
  contain:layout paint style!important;
}
.artifact-viewer.audio-artifact-viewer [data-gb10-audio-shell].gb10-wide-audio-player{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) 3.25rem!important;
  gap:.85rem!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  inline-size:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:1rem 1.25rem!important;
  overflow:hidden!important;
  background:#050505!important;
  border:0!important;
  border-radius:1.35rem!important;
  transform:none!important;
  contain:layout paint style!important;
}
.artifact-viewer.audio-artifact-viewer [data-gb10-audio-spectrum].gb10-wide-audio-spectrum{
  box-sizing:border-box!important;
  display:block!important;
  position:static!important;
  width:100%!important;
  inline-size:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--border)!important;
  border-radius:1rem!important;
  background:rgba(255,255,255,.035)!important;
  transform:none!important;
}
.artifact-viewer.audio-artifact-viewer [data-gb10-audio-controls].gb10-wide-audio-controls{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto minmax(7rem,14rem)!important;
  gap:.75rem!important;
  align-items:center!important;
  width:100%!important;
  inline-size:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:3.25rem!important;
  min-height:3.25rem!important;
  max-height:3.25rem!important;
  margin:0!important;
  padding:.42rem .75rem!important;
  overflow:hidden!important;
  border:1px solid var(--border)!important;
  border-radius:1rem!important;
  background:rgba(255,255,255,.045)!important;
  transform:none!important;
}
.artifact-viewer.audio-artifact-viewer .gb10-wide-audio-play{
  height:2.1rem!important;
  min-height:2.1rem!important;
  max-height:2.1rem!important;
  min-width:4.25rem!important;
  margin:0!important;
  white-space:nowrap!important;
  touch-action:manipulation!important;
  user-select:none!important;
}
.artifact-viewer.audio-artifact-viewer .gb10-wide-audio-seek{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
.artifact-viewer.audio-artifact-viewer .gb10-wide-audio-volume{
  width:100%!important;
  max-width:14rem!important;
  min-width:7rem!important;
  margin:0!important;
}
.artifact-viewer.audio-artifact-viewer .gb10-wide-audio-time{
  min-width:6rem!important;
  max-width:8rem!important;
  text-align:center!important;
  white-space:nowrap!important;
  color:#d4d4d8!important;
}
.artifact-viewer.audio-artifact-viewer .gb10-hidden-audio{
  position:absolute!important;
  left:-9999px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
}
.artifact-viewer.audio-artifact-viewer .viewer-details{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:.25rem 0 .4rem!important;
}
@media(max-width:720px){
  .artifact-viewer.audio-artifact-viewer .gb10-audio-stage{height:clamp(11rem,28svh,16rem)!important;min-height:11rem!important;max-height:16rem!important}
  .artifact-viewer.audio-artifact-viewer [data-gb10-audio-shell].gb10-wide-audio-player{grid-template-rows:minmax(0,1fr) 3rem!important;padding:.75rem!important;gap:.65rem!important}
  .artifact-viewer.audio-artifact-viewer [data-gb10-audio-controls].gb10-wide-audio-controls{grid-template-columns:auto minmax(0,1fr) auto!important;height:3rem!important;min-height:3rem!important;max-height:3rem!important;padding:.35rem .55rem!important;gap:.55rem!important}
  .artifact-viewer.audio-artifact-viewer .gb10-wide-audio-volume{display:none!important}
  .artifact-viewer.audio-artifact-viewer .gb10-wide-audio-time{min-width:4.75rem!important;max-width:5.75rem!important;font-size:.74rem!important}
}

.admin-page h1{font-size:clamp(2.6rem,5vw,4.8rem)}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);gap:1rem;align-items:start}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.settings-note{font-size:.95rem}.settings-path{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.82rem;overflow-wrap:anywhere;color:var(--muted)}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.admin-form{grid-template-columns:1fr}}


/* v46 checkout spine fields */
.form-grid select,
.form-grid textarea,
.form-grid input,
.card textarea {
    width: 100%;
    box-sizing: border-box;
}
.checkline {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    margin: .8rem 0;
}
.checkline input[type="checkbox"] {
    width: auto;
    margin-top: .2rem;
}


/* v0.4.75 Payment Server offer/cart restore */
.cta-row { display:flex; gap:.75rem; flex-wrap:wrap; align-items:center; }
.cart-badge { display:inline-flex; min-width:1.35rem; height:1.35rem; align-items:center; justify-content:center; padding:0 .35rem; border-radius:999px; background:rgba(96,165,250,.25); font-size:.75rem; font-weight:800; }
.cart-list-card { min-width:0; }
.cart-line { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; padding:1rem 0; border-bottom:1px solid rgba(148,163,184,.2); }
.cart-line-controls { display:flex; flex-direction:column; align-items:flex-end; gap:.45rem; }
.cart-total-row { display:flex; justify-content:space-between; gap:1rem; padding-top:1rem; font-size:1.15rem; }
.qty-fixed { font-size:.85rem; opacity:.75; }
.text-link { border:0; padding:0; background:transparent; cursor:pointer; }
.text-link.danger { color:#fca5a5; }
.check-row { display:flex !important; gap:.55rem; align-items:flex-start; }
.check-row input { width:auto !important; margin-top:.2rem; }
@media(max-width:760px) { .cart-line { grid-template-columns:1fr; } .cart-line-controls { align-items:flex-start; } }