@font-face{font-family:Geist;src:url('/assets/Geist-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/Geist-SemiBold.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/Pretendard-SemiBold.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{color-scheme:light;--labs-accent:#7b6cff;--labs-ink:#191820;--labs-muted:#797683;--labs-line:#e9e7ef;--labs-header:76px;--labs-toolbar:48px;--accent:#7b6cff;--lime:#7b6cff;--border:#e9e7ef;--line:#e9e7ef;--bg:#faf9fc;--panel:#fff;--text:#22212a;--muted:#797683;font-family:Geist,Pretendard,sans-serif;color:#22212a;background:#faf9fc}
body,input,button,textarea,select{font-family:Geist,Pretendard,sans-serif}body{background:#faf9fc;color:#22212a}button,select,input,textarea{border-color:var(--labs-line)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7b6cff;outline-offset:3px}button:hover{border-color:#b8aff5;background:#f4f1ff}button.primary,.primary{background:#7b6cff;color:#fff;border-color:#7b6cff}button.primary:hover,.primary:hover{background:#6958e9;color:#fff}button.active,button.on{background:#f0ecff;color:#6350d6;border-color:#d7cffb}
#labs-header{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:flex-start;gap:0;height:var(--labs-header);min-height:var(--labs-header);padding:0 32px;background:#fff;border:0;border-bottom:1px solid var(--labs-line);color:var(--labs-ink);font-family:Geist,Pretendard,sans-serif;isolation:isolate}
#labs-header .brand,#labs-header .labs-home{display:flex;align-items:center;flex:0 0 215px;margin:0;padding:0;text-decoration:none;line-height:1}
#labs-header .header-wordmark,#labs-header .labs-home>img{display:block;width:181px;height:36px;object-fit:contain;max-width:none}
#labs-header .labs-nav{display:flex;align-items:stretch;justify-content:center;height:100%;gap:18px;margin:auto;padding:0;border:0;background:none;overflow:visible}
#labs-header .labs-item{position:relative;display:flex;align-items:center;border-bottom:2px solid transparent;gap:0;margin:0;padding:0 3px}
#labs-header .labs-item.is-current{border-bottom-color:#7b6cff}
#labs-header .labs-link{display:flex;align-items:center;gap:10px;height:100%;padding:0 5px;color:#514e5c;border:0;background:none;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;border-radius:0;opacity:.65;transition:opacity .18s}
#labs-header .labs-link:hover,#labs-header .is-current .labs-link{opacity:1;color:#17151f}
#labs-header .labs-link img{width:25px;height:30px;object-fit:contain}
#labs-header .labs-expand{width:24px;height:34px;min-width:0;padding:5px;border:0;background:transparent;color:#aaa5b8;border-radius:5px;display:grid;place-items:center}
#labs-header .labs-expand:hover{color:#7b6cff;background:#f5f2ff}
#labs-header .labs-expand svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
#labs-header .labs-dropdown{position:absolute;left:0;top:calc(100% - 3px);width:230px;padding:7px;background:#fff;border:1px solid var(--labs-line);border-radius:0 0 12px 12px;box-shadow:0 12px 24px #26203f10;display:none}
#labs-header .labs-item:hover .labs-dropdown,#labs-header .labs-item:focus-within .labs-dropdown,#labs-header .labs-item.is-open .labs-dropdown{display:block}
#labs-header .labs-dropdown a{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:0;border-radius:6px;color:#464150;text-decoration:none;font-size:13px;background:transparent}
#labs-header .labs-dropdown a:hover,#labs-header .labs-dropdown a.is-selected{background:#f4f1ff;color:#6551d5}
#labs-header .labs-dropdown small{font-size:10px;letter-spacing:.3px;color:#9790a6}
#labs-header .labs-hub{flex:0 0 215px;text-align:right;color:#85808f;font-size:11px;text-decoration:none;white-space:nowrap}
#labs-header .labs-hub span{margin-left:8px;color:#7b6cff}
#labs-header .menu{margin-right:14px}
body[data-lab=home] #labs-header .labs-nav{margin-left:auto;margin-right:0}
body[data-lab=home]>aside{top:var(--labs-header);height:calc(100vh - var(--labs-header));border-color:var(--labs-line)}
body[data-lab=home] .workspace{padding-top:0}
.lab-toolbar,.topbar.lab-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--labs-toolbar);min-height:var(--labs-toolbar);padding:0 32px;background:#fff;border-bottom:1px solid var(--labs-line);gap:16px;transform:none!important;margin:0!important;overflow:visible;opacity:1!important}
.lab-toolbar>.brand,.lab-toolbar>nav,.lab-toolbar .version{display:none!important}
.lab-toolbar .topactions,.lab-toolbar .header-actions{display:flex;gap:8px;margin-left:auto}
.lab-toolbar button{padding:6px 10px;font-size:11px;line-height:1.4;background:#fff;color:#777080;border:1px solid var(--labs-line);border-radius:5px}
.lab-toolbar button:hover{color:#6955d7;background:#f5f2ff}
.labs-location{display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:11px;letter-spacing:.4px}
.labs-location>span{color:#96909f;font-size:10px;font-weight:600;letter-spacing:1.1px}.labs-location i{font-style:normal;color:#dbd6e3}.labs-location strong{font-weight:400;color:#60596d}
body[data-lab=visual],body[data-lab=visual].header-collapsed{--header-height:124px}
body[data-lab=visual] #toggle-header{display:none!important}
body[data-lab=visual] .sidebar{top:76px;height:calc(100dvh - 124px);background:#fbfafd;padding-top:22px}
body[data-lab=visual] #canvas-view{height:calc(100dvh - 124px)}
body[data-lab=visual] .navbtn.active{color:#6551d5;background:#eee9ff}
body[data-lab=visual] .sidefooter .tinylogo{font-size:0;background:url('/assets/VISUAL_LAB_icon.svg') center/contain no-repeat;width:28px;height:28px}
body[data-lab=visual] .scene-empty-mark{font-size:0;background:url('/assets/VISUAL_LAB_icon.svg') center/contain no-repeat;width:50px;height:55px;display:inline-block;opacity:.6}
body[data-lab=visual] .eyebrow{color:#8878cf}body[data-lab=visual] .sidebar .sidehead{color:#9991a5}
body[data-lab=visual] .scene-frame.is-drop-target{border-color:#7b6cff;background:#eee9ffc9;box-shadow:0 0 0 5px #7b6cff20}
body[data-lab=visual] .card{border-color:#eeebf4;border-radius:9px;background:#fff}
body[data-lab=frame] main{padding:24px 28px;max-width:1900px}
body[data-lab=frame] .page-title{margin-bottom:22px}body[data-lab=frame] .page-title h1{font-size:21px;color:#28232f;letter-spacing:-.6px}body[data-lab=frame] .eyebrow{color:#9a90ad;font-size:9px}
body[data-lab=frame] .workspace{grid-template-columns:260px minmax(340px,1fr) 300px;gap:18px}
body[data-lab=frame] .controls,body[data-lab=frame] .output,body[data-lab=frame] .viewer-panel{background:#fff;border-color:#e7e3ee;border-radius:9px}
body[data-lab=frame] #stage{background:#1d1d23;color:#fff}
body[data-lab=frame] #stage .frame-top,body[data-lab=frame] #stage .frame-bottom{color:#fff;text-shadow:0 1px 4px #000}
body[data-lab=frame] #stage #loadState{color:#fff;background:#201d29dd}
body[data-lab=frame] #stage #grid i{border-color:#ffffff45}
body[data-lab=frame] select,body[data-lab=frame] textarea{background:#faf9fc;color:#3c3648}
body[data-lab=frame] .primary{background:#7b6cff;color:#fff}
body[data-lab=sound] main{max-width:1800px;grid-template-columns:minmax(0,1fr) 360px}
body[data-lab=sound] .browse{padding:28px 32px 120px}
body[data-lab=sound] .intro{padding-bottom:20px}.intro h1{font-size:30px;letter-spacing:-1px;line-height:1.35;margin:12px 0;color:#24202e}
body[data-lab=sound] .intro p:not(.eyebrow){font-size:12px;color:#8a8295}
body[data-lab=sound] .outline-disc{width:62px;height:62px;font-size:25px;border-color:#d3cbed;outline-color:#eee9f8;color:#9d8bd8;margin-bottom:10px}
body[data-lab=sound] .eyebrow{color:#9a8cba;font-size:9px;letter-spacing:1.5px}
body[data-lab=sound] .composer{background:#fff;top:76px;height:calc(100dvh - 76px);padding-bottom:100px}
body[data-lab=sound] .player{background:#fff;border-color:#e4deee;box-shadow:0 -4px 24px #27203e06;color:#534b61}
body[data-lab=sound] .player-play{background:#7b6cff;color:white;border:0}
body[data-lab=sound] .card{background:#fff;border-color:#e7e3ed;box-shadow:0 2px 8px #22153103;border-radius:9px}
body[data-lab=sound] .wave rect{fill:#c8bfeb}body[data-lab=sound] .playing .wave rect{fill:#7b6cff}
body[data-lab=sound] textarea,body[data-lab=sound] input,body[data-lab=sound] select{background:#faf9fc;color:#534b61}
body[data-lab=sound] .primary{background:#7b6cff;color:white}
body[data-lab=sound] dialog{background:white;color:#302939;border-color:#e4deee}
@media(min-width:1600px){#labs-header{padding:0 40px}.lab-toolbar{padding:0 40px}}
@media(max-width:1100px){#labs-header{padding:0 20px}#labs-header .labs-home,#labs-header .brand{flex-basis:190px}#labs-header .labs-hub{flex-basis:90px}#labs-header .labs-nav{gap:12px}body[data-lab=frame] .workspace{grid-template-columns:240px minmax(320px,1fr)}body[data-lab=frame] .output{grid-column:1/-1}body[data-lab=sound] main{grid-template-columns:minmax(0,1fr) 310px}body[data-lab=sound] .browse{padding:24px 22px 120px}}
@media(max-width:760px){:root{--labs-header:105px;--labs-toolbar:44px}#labs-header{height:105px;min-height:105px;flex-wrap:wrap;padding:10px 16px 0;align-content:space-between}#labs-header .labs-home,#labs-header .brand{flex:1 1 auto;height:36px}#labs-header .header-wordmark,#labs-header .labs-home>img{width:149px;height:30px}#labs-header .labs-hub{position:absolute;right:18px;top:23px;font-size:10px}#labs-header .labs-nav,body[data-lab=home] #labs-header .labs-nav{order:3;height:50px;flex:1 1 100%;margin:0;justify-content:center;gap:16px}#labs-header .labs-link{font-size:11px;gap:7px}#labs-header .labs-link img{width:21px;height:25px}#labs-header .labs-expand{width:19px}#labs-header .labs-dropdown{width:195px}#labs-header .labs-item:last-child .labs-dropdown{left:auto;right:0}.lab-toolbar,.topbar.lab-toolbar{height:44px;min-height:44px;padding:0 14px;gap:5px}.labs-location{font-size:10px;gap:7px}.labs-location>span{display:none}.labs-location i{display:none}.lab-toolbar button{font-size:10px;padding:5px 7px}.lab-toolbar .header-actions{gap:4px}.lab-toolbar #saveSetup{display:none}body[data-lab=visual],body[data-lab=visual].header-collapsed{--header-height:149px}body[data-lab=visual] #canvas-view{height:calc(100dvh - 149px)}body[data-lab=visual] .sidebar{height:auto;top:0}body[data-lab=frame] main{padding:20px 14px}body[data-lab=frame] .workspace{display:flex;flex-direction:column}body[data-lab=frame] .workspace>*{width:100%}body[data-lab=frame] .page-title h1{font-size:20px}body[data-lab=sound] main{display:block}body[data-lab=sound] .browse{padding:24px 18px 28px;border-right:0}body[data-lab=sound] .composer{position:static;height:auto;padding-bottom:120px}body[data-lab=sound] .intro h1{font-size:28px}body[data-lab=sound] .intro-side{display:none}body[data-lab=sound] .player{padding:10px 15px}body[data-lab=home] #sidebar{top:105px}body[data-lab=home] .workspace{padding-top:0}}
/* Quiet surfaces keep photographs, camera previews and sound waveforms in focus. */
@font-face{font-family:GeistMono;src:url('/assets/GeistMono-Regular.woff2') format('woff2');font-display:swap}
body[data-lab=visual] #scene-viewport{background-color:#faf9fc;background-image:radial-gradient(#dcd6e7 .7px,transparent .7px)}
body[data-lab=visual] .scene-tabs-bar,body[data-lab=visual] .scene-output{background:#fff}
body[data-lab=visual] .catalog-node{background:#faf9fc;border-color:#eee9f3}
body[data-lab=visual] .catalog-node strong,body[data-lab=visual] .node-title strong{color:#51465d}
body[data-lab=visual] #scene-empty h2{color:#8e839b}
body[data-lab=visual] #scene-empty p,body[data-lab=visual] .scene-output-foot{color:#a195ad}
body[data-lab=visual] .catalog-filters select{background:#fff;color:#7e728e}
body[data-lab=visual] .canvas-library-head input{background:#faf9fc}
body[data-lab=visual] .scene-tab.active{border-color:#7b6cff;background:#fff;color:#6c58c6}
body[data-lab=visual] .scene-output,body[data-lab=visual] #scene-prompt{color:#51465d}
body[data-lab=visual] .canvas-library-head .eyebrow{color:#9686b2}
body[data-lab=visual] .node-thumb{border-color:#e8e1ef}
body[data-lab=sound] .intro-side p{font-family:GeistMono,Pretendard,sans-serif!important}
body[data-lab=sound] .wave i{background:#b0a1d9}
body[data-lab=sound] .card.playing .wave i{background:#7b6cff}
body[data-lab=frame] .frame-top,body[data-lab=frame] .frame-bottom,body[data-lab=frame] .simulation-status{font-family:GeistMono,Pretendard,sans-serif}
body[data-lab=frame] .studio-options label{white-space:nowrap}
body[data-lab=frame] button.active{box-shadow:none}
body[data-lab=frame] .output button{color:#6550c5}
body[data-lab=frame] .output button.primary{color:#fff}
body[data-lab=frame] .studio-options{flex-wrap:wrap;gap:12px}
body[data-lab=sound] dialog::backdrop{background:#211c324d}
@media(max-width:760px){#labs-header .labs-nav,body[data-lab=home] #labs-header .labs-nav{gap:4px;width:100%;min-width:0}#labs-header .labs-item{padding:0;flex:1;justify-content:center;min-width:0}#labs-header .labs-link{font-size:10px;gap:5px;padding:0 3px}#labs-header .labs-link span{display:inline!important}#labs-header .labs-expand{width:17px;flex:0 0 17px}.lab-toolbar #saveSetup{display:inline-block}body[data-lab=visual] .scene-tabs-bar{min-width:0}body[data-lab=visual] #scene-tabs{min-width:0;flex:1}}
@media(max-width:760px){.topbar.lab-toolbar{align-content:center;flex-wrap:nowrap}body[data-lab=visual] .scene-workspace{grid-template-rows:72px minmax(0,1fr) var(--prompt-height,140px)}body[data-lab=visual] .scene-tabs-bar{height:72px;display:flex;flex-wrap:wrap;align-content:center;overflow:hidden;padding:0 6px;gap:3px}body[data-lab=visual] .scene-tabs-bar>#scene-tabs{order:0;flex:1 1 calc(100% - 70px);height:32px}body[data-lab=visual] .scene-tabs-bar>#add-deck,body[data-lab=visual] .scene-tabs-bar>#deck-options{order:0;margin:0;flex:0 0 28px}body[data-lab=visual] .scene-tabs-bar>#canvas-quick-tools{order:1;margin:0;flex:1;padding-right:4px}body[data-lab=visual] .scene-tabs-bar>.topactions{order:1;flex:0 0 auto;margin:0}body[data-lab=visual] .scene-tab,body[data-lab=visual] .scene-tab.active{height:30px;min-width:100px}body[data-lab=visual] .scene-output-head .eyebrow{display:none}}

/* October requested navigation and workspace corrections. */
#labs-header{position:fixed;left:0;right:0;top:0;box-sizing:border-box}
body{padding-top:var(--labs-header)}
#labs-header .labs-nav,body[data-lab=home] #labs-header .labs-nav{margin-left:auto;margin-right:0}
#labs-header .labs-item.is-current{background:#f5f2ff;border-bottom-color:#7b6cff}
body[data-lab=frame] .viewer-panel{padding:16px;border:1px solid var(--labs-line);top:calc(var(--labs-header) + 16px)}
body[data-lab=sound] .search,body[data-lab=sound] #search{background:#fff;color:#534b61}
body[data-lab=visual] #drop-preview{border:2px dashed #7b6cff;background:#eee9ffb3;box-shadow:0 0 0 3px #7b6cff18;color:#5540c0}
body[data-lab=visual] #snap-indicator{background:#7b6cff;color:#fff;box-shadow:0 0 0 3px #7b6cff20}
@media(max-width:760px){#labs-header .labs-nav,body[data-lab=home] #labs-header .labs-nav{margin:0}body[data-lab=frame] .viewer-panel{padding:12px;position:static}}