.core-preview{position:relative;isolation:isolate;min-height:360px;margin:24px 0 36px;overflow:hidden;border:1px solid var(--border,#383838);border-radius:var(--radius,16px);background:#111;color:#fff;box-shadow:0 20px 55px #0003}.core-preview>img{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:cover;object-position:70% 52%;transform:translate(var(--core-x,0px),var(--core-y,0px));transition:transform .2s ease}.core-preview-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090909ef 0%,#090909b0 38%,#0001 78%),radial-gradient(ellipse at center,transparent 20%,#0008 100%)}.core-preview-copy{position:relative;padding:44px;max-width:600px}.core-preview small,.core-page small{font:12px/1.5 monospace;letter-spacing:.13em;color:#b8b8b8}.core-preview h2{font:500 clamp(28px,3vw,46px)/1.05 sans-serif;letter-spacing:-.03em;color:#fff;margin:24px 0 18px}.core-preview p{font:14px/1.6 monospace;letter-spacing:.1em;color:#c5c5c5}.core-enter{display:inline-block;margin-top:16px;padding:15px 22px;border:1px solid #ffffff75;background:#ffffff12;backdrop-filter:blur(8px);border-radius:5px;color:#fff;text-decoration:none;font:14px monospace;transition:background .2s}.core-enter:hover{background:#ffffff26}.core-preview-index{position:absolute;bottom:30px;right:30px;font:12px monospace;letter-spacing:.1em;color:#aaa}.core-page{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important;background:#111;color:#eee;z-index:1000;overflow:hidden}.core-page:not(.active){display:none!important}.in-lab-core{overflow:hidden!important}.in-lab-core>header,.in-lab-core .app>header,.in-lab-core .site-footer,.in-lab-core .mobile-bottom-nav{visibility:hidden}.core-stage{position:absolute;inset:0}.core-stage canvas{display:block;width:100%;height:100%}.core-hud{position:absolute!important;top:0;left:0;right:0;display:flex!important;justify-content:space-between;align-items:start;gap:15px;padding:28px 32px!important;background:linear-gradient(#080808d0,transparent)!important;border:0!important;pointer-events:none;z-index:2}.core-hud h1{font:500 20px/1.2 sans-serif;letter-spacing:.04em;margin:6px 0;color:#fff}.core-hud nav{display:flex;gap:8px;pointer-events:auto}.core-page button,.core-page select{font:14px/1.4 monospace;color:#eee;background:#191919e8;border:1px solid #ffffff38;border-radius:5px;padding:12px 16px;cursor:pointer;min-height:44px}.core-page button:hover{background:#333;border-color:#ddd}.core-page button:focus-visible,.core-enter:focus-visible{outline:2px solid #fff;outline-offset:4px}.core-page [hidden]{display:none!important}.core-bottom{position:absolute;left:28px;bottom:28px;display:flex;gap:10px;z-index:2}.core-instructions{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);font:14px monospace;white-space:nowrap;color:#bbb;pointer-events:none}.core-loading,.core-intro{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(ellipse at 50% 60%,#292929,#090909);z-index:5;padding:30px}.core-loading h2,.core-intro h2{font:500 clamp(24px,4vw,44px)/1.15 sans-serif;letter-spacing:-.02em;color:#fff}.core-loading progress{width:100%;height:4px;accent-color:#ccc;margin:18px 0}.core-progress{font:14px monospace;color:#aaa}.core-loading button{justify-self:center}.core-intro p{font:14px/1.8 monospace;color:#aaa;margin:24px 0}.core-intro button{margin:6px}.core-panel{position:absolute;right:32px;top:110px;bottom:90px;width:min(440px,calc(100% - 40px));padding:28px;background:#101010ed;border:1px solid #ffffff40;backdrop-filter:blur(18px);border-radius:12px;overflow:auto;z-index:4;box-shadow:0 30px 80px #0008}.core-panel h2{font:500 27px sans-serif;color:#fff;margin:24px 0 14px}.core-panel p{font:14px/1.6 sans-serif;color:#aaa}.core-panel-close{display:block;margin-left:auto;margin-bottom:20px}.core-tool-row{padding:18px 0;border-top:1px solid #ffffff22}.core-tool-row strong{font:500 16px sans-serif;color:#eee}.core-tool-row button{margin-top:5px}.core-system-list{position:absolute;left:28px;bottom:86px;z-index:4;max-width:min(650px,calc(100% - 56px));max-height:55vh;overflow:auto;background:#111e;padding:14px;border:1px solid #555;border-radius:10px;display:flex;gap:8px;flex-wrap:wrap}.core-tooltip{position:absolute;z-index:2;background:#111e;border:1px solid #bbb;padding:10px;font:12px monospace;color:white;pointer-events:none}.core-fallback{height:100%;overflow:auto;padding:130px 32px 110px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-content:start;background:linear-gradient(#080808e8,#151515ee),url('/assets/lab-core/preview.webp') center/cover}.core-fallback>div{grid-column:1/-1;margin-bottom:15px}.core-fallback h2{font:500 36px sans-serif;color:#fff}.core-fallback p{color:#aaa;font-size:16px}.core-fallback button{text-align:left;display:flex;flex-direction:column;gap:22px;padding:24px;min-height:170px;background:#ffffff08}.core-fallback strong{font:500 24px sans-serif}.core-fallback span{font-size:12px;color:#aaa}.core-nav-shortcut{white-space:nowrap}html[data-acbs-style="studio"] .core-preview{border-color:#999;box-shadow:0 12px 35px #0002}html[data-acbs-style="cinema"] .core-preview{border-radius:8px;border-color:#333}body.in-lab-core .acbs-support{z-index:1100}body.in-lab-core .support-panel{z-index:1101}
@media(max-width:700px){.core-preview{min-height:330px}.core-preview-copy{padding:30px 24px}.core-preview-index{display:none}.core-preview-shade{background:linear-gradient(90deg,#080808e8,#08080875)}.core-hud{padding:20px 16px!important}.core-hud small{display:none}.core-hud h1{font-size:16px;max-width:105px}.core-hud nav{gap:5px}.core-hud button{font-size:12px;padding:10px 9px}.core-panel{top:90px;right:20px;bottom:85px;padding:22px}.core-instructions{bottom:94px;font-size:12px}.core-bottom{left:20px;bottom:20px}.core-system-list{left:20px;bottom:80px}.core-fallback{grid-template-columns:repeat(2,minmax(0,1fr));padding:110px 20px 100px;gap:12px}.core-fallback button{padding:18px;min-height:145px}.core-fallback strong{font-size:19px}.core-fallback h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.core-preview>img,.core-enter{transition:none!important;transform:none!important}}

body.in-lab-core .acbs-support:has(.support-panel[hidden]){visibility:hidden}
.core-page,.core-page *{box-sizing:border-box}

.core-hud{z-index:6}.core-page .core-hud button svg,.core-page .core-bottom button svg{display:none!important}
body.in-lab-core .mobile-dock,body.in-lab-core .mobile-current-tool{display:none!important}.core-page button svg{display:none!important}.core-fallback button{height:auto!important;overflow:visible!important}.core-page{padding-bottom:env(safe-area-inset-bottom)!important}.core-bottom{bottom:calc(20px + env(safe-area-inset-bottom))}
html.in-lab-core,html.in-lab-core body{overflow:hidden!important;overscroll-behavior:none}html.in-lab-core body{padding-bottom:0!important}.core-page button:focus-visible,.core-page select:focus-visible{outline:2px solid #fff!important;outline-offset:3px!important;box-shadow:none!important}.core-page button,.core-page select{--accent:#eee;--theme-glow:#fff}
.core-page.active{animation:core-arrival .22s ease-out}@keyframes core-arrival{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.core-page.active{animation:none}}
.core-preview{box-sizing:border-box;width:min(100%,calc(100vw - 52px));max-width:100%}html[data-acbs-style="cinema"] .core-preview{width:min(100%,calc(100vw - 2 * clamp(22px,5vw,76px)))}@media(max-width:1400px){.site-nav .core-nav-shortcut{font-size:0!important;flex:0 0 44px!important;min-width:44px!important;width:44px!important;padding:10px!important}.site-nav .core-nav-shortcut::before{content:'◇';font:20px sans-serif}}@media(max-width:700px){html[data-acbs-style] .core-preview{width:100%}}

.core-panel{z-index:7}

.core-preview[data-appearance="grayscale"]>img{filter:grayscale(1)}.core-page[data-appearance="grayscale"] .core-fallback{background-image:linear-gradient(#080808e8,#151515ee),url('/assets/lab-core/preview.webp');background-blend-mode:normal,luminosity}.core-panel>label{display:block;margin:24px 0;font:14px monospace}.core-panel>label select{display:block;margin-top:10px;width:100%}.core-tool-row strong{display:flex;align-items:center;gap:12px}.core-tool-icon{display:inline-flex;flex:none}.core-tool-icon svg{width:28px;height:28px}
/* Functional stations extend the existing scene HUD. */
.core-guided-nav{position:absolute;left:28px;bottom:86px;display:flex;gap:6px;max-width:calc(100% - 56px);overflow-x:auto;z-index:7;scrollbar-width:thin}.core-guided-nav button{flex:none;min-height:44px;padding:10px 14px;background:#111e;border:1px solid #ffffff30;color:#eee;font:600 .875rem monospace;white-space:nowrap}.core-guided-nav button:hover,.core-guided-nav button:focus-visible{background:#262626;border-color:#aaa}.core-page button:focus-visible,.core-page select:focus-visible,.core-page input:focus-visible{outline:2px solid #ddd;outline-offset:3px}.core-page button:disabled{opacity:.55;cursor:wait}.core-page .core-system-list{bottom:144px}.core-project-wall{display:grid;gap:16px}.core-project-card{padding:0 0 18px;border-bottom:1px solid #ffffff26;min-width:0}.core-project-card h3{font-size:1rem;overflow-wrap:anywhere}.core-project-thumbnail{display:block;width:100%;max-height:220px;aspect-ratio:16/10;object-fit:contain;background:#171717}.core-brand-preview img{width:100%;height:210px;object-fit:contain;background:#eee;border-radius:4px}.core-brand-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.core-brand-swatches span{display:grid;place-items:center;min-height:44px;min-width:85px;padding:8px;font:12px monospace;border:1px solid #888}.core-experiment-preview{display:block;width:100%;height:auto;aspect-ratio:8/5;background:#111;margin:18px 0}.core-panel label{display:block;margin:18px 0;font-size:.875rem}.core-panel select,.core-panel input[type=range]{max-width:100%;width:100%;min-height:44px;margin-top:8px}.core-panel h2{overflow-wrap:anywhere}.core-station-status,.core-action-error{font-size:.875rem;line-height:1.5}.core-panel button{min-height:44px}.core-panel{overscroll-behavior:contain}
@media(max-width:700px){.core-guided-nav{left:16px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:calc(100% - 32px)}.core-page .core-panel{top:100px;bottom:calc(138px + env(safe-area-inset-bottom));right:12px;left:12px;width:auto;max-width:none}.core-page .core-system-list{bottom:calc(132px + env(safe-area-inset-bottom));max-height:calc(100dvh - 240px)}.core-page .core-instructions{bottom:calc(132px + env(safe-area-inset-bottom))}.core-fallback{padding-bottom:160px}}
@media(prefers-reduced-motion:reduce){.core-guided-nav button{transition:none}}

.core-page:has(.core-intro:not([hidden])) .core-guided-nav,.core-page:has(.core-loading:not([hidden])) .core-guided-nav{visibility:hidden}
.core-quick-nav{position:absolute;left:28px;top:110px;display:flex;flex-wrap:wrap;gap:6px;z-index:3;max-width:calc(100% - 56px)}.core-quick-nav button{font-size:12px;min-height:44px;background:#111e}.core-performance{position:absolute;right:32px;top:80px;z-index:3;color:#ddd;font:12px monospace;background:#111c;padding:6px 10px}.core-search-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;border-bottom:1px solid #ffffff25}.core-search-row strong{width:100%;font-size:16px;overflow-wrap:anywhere}.core-search-results{display:grid;gap:8px}.core-panel input[type=search]{width:100%;min-height:48px;background:#181818;color:#fff;border:1px solid #777;border-radius:5px;padding:12px;font:16px sans-serif}.core-pin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.core-pin-grid button{white-space:normal}.core-panel label:has(input[type=checkbox]){display:flex;gap:10px;align-items:center;min-height:44px}.core-panel input[type=checkbox]{width:20px;height:20px;accent-color:#aaa;flex:none}.core-pin-choices{max-height:320px;overflow:auto}.core-task-row{padding:18px 0;border-bottom:1px solid #777}.core-task-row progress{width:100%;accent-color:#ccc}.core-task-row small{display:block;margin-bottom:8px}.core-desk-notice{position:absolute;top:165px;left:28px;max-width:min(450px,calc(100% - 56px));color:#eee;background:#111e;border:1px solid #777;padding:12px;z-index:8;font:14px sans-serif;pointer-events:none}.core-desk-notice:empty{display:none}.core-present-controls{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#111c;padding:8px;max-width:calc(100% - 24px);z-index:20}.core-present-controls span{font:12px monospace;max-width:240px;overflow-wrap:anywhere;color:white}.core-page.core-presenting .core-hud,.core-page.core-presenting .core-bottom,.core-page.core-presenting .core-guided-nav,.core-page.core-presenting .core-quick-nav,.core-page.core-presenting .core-instructions,.core-page.core-presenting .core-panel,.core-page.core-presenting .core-system-list,.core-page.core-presenting .core-performance,.core-page.core-presenting .core-desk-notice{display:none!important}.core-page:has(.core-intro:not([hidden])) .core-quick-nav,.core-page:has(.core-loading:not([hidden])) .core-quick-nav{visibility:hidden}body.in-lab-core:has(.core-presenting) .acbs-support{visibility:hidden}
@media(max-width:700px){.core-quick-nav{left:12px;top:88px;max-width:calc(100% - 24px);flex-wrap:nowrap;overflow:auto}.core-quick-nav button{padding:9px;font-size:12px;flex:none}.core-page .core-panel{top:145px}.core-performance{top:135px;right:12px}.core-desk-notice{top:145px;left:12px;max-width:calc(100% - 24px)}.core-present-controls{flex-wrap:wrap;justify-content:center;width:calc(100% - 24px)}.core-present-controls span{order:-1;width:100%;max-width:none;text-align:center}.core-present-controls button{font-size:12px;padding:8px}}