.labShell{--paper:#eee6d5;--paper-light:#faf5e9;--ink:#18231e;--muted:#65726b;--signal:#ef5b3f;--acid:#cfec58;min-height:100vh;color:var(--ink);background:var(--paper)}.siteHeader{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:stretch;min-height:104px;display:flex}.wordmark{align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);text-decoration:none;display:flex}.brandSeal{width:48px;height:58px;color:var(--paper-light);background:var(--signal);text-align:center;place-content:center;font-size:.8rem;line-height:1.15;display:grid}.wordmark>span:last-child{display:grid}.wordmark small{color:var(--muted);letter-spacing:.24em;font-size:.68rem}.wordmark h1{letter-spacing:-.06em;margin:0;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800}.siteHeader nav{border-left:1px solid var(--ink);display:flex}.siteHeader nav a{border-right:1px solid var(--ink);align-content:center;gap:.3rem;min-width:142px;padding:1rem 1.4rem;text-decoration:none;transition:color .15s,background .15s;display:grid}.siteHeader nav a:hover{color:var(--paper-light);background:var(--ink)}.siteHeader nav span{color:var(--signal);font:.65rem/1 var(--font-technical)}.siteMain{width:min(1280px,100%);min-height:calc(100vh - 160px);margin:0 auto;padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,3vw,3rem) clamp(1rem,3vw,3rem)}.playgroundIntro>p,.quizIntro>p,.emptyState>p{color:var(--signal);font:.72rem/1.2 var(--font-technical);letter-spacing:.18em}.playgroundIntro h2,.quizIntro h2,.emptyState h2{letter-spacing:-.05em;max-width:800px;margin:.45rem 0 1rem;font-size:clamp(1.35rem,3vw,2.6rem);line-height:1}.quizDetail{border:1px solid var(--ink);background:var(--paper-light);grid-template-columns:.9fr 1.1fr;min-height:650px;display:grid}.quizIntro,.configPanel{padding:clamp(1.5rem,5vw,4rem)}.quizIntro{background:var(--ink);color:var(--paper-light);flex-direction:column;padding-top:clamp(1.25rem,2.5vw,2rem);display:flex}.quizIntro>a{color:#bec8c1;text-underline-offset:4px;align-self:flex-start}.quizIntro h2{margin-top:.45rem;font-size:clamp(1.35rem,2.7vw,2.35rem)}.quizIntro>p:not(:first-of-type){color:#b8c2bc;max-width:390px;line-height:1.75}.quizIntro dl{margin:2rem 0 0}.quizIntro dl div{border-top:1px solid #526159;justify-content:space-between;padding:.75rem 0;display:flex}.quizIntro dd{font-family:var(--font-technical);font-variant-numeric:tabular-nums;margin:0}.configPanel{flex-direction:column;justify-content:center;display:flex}.primaryButton,.secondaryButton,.runToolbar button{border:1px solid var(--ink);cursor:pointer;justify-content:space-between;align-items:center;min-height:54px;padding:.8rem 1.1rem;display:inline-flex}.primaryButton{color:var(--paper-light);background:var(--signal);font-weight:700}.primaryButton:hover:not(:disabled){background:var(--ink)}.primaryButton:disabled,.secondaryButton:disabled{cursor:not-allowed;opacity:.45}.secondaryButton,.runToolbar button{background:0 0}.configPanel>.primaryButton{width:100%;margin-top:1.5rem}.formError{color:#842c1f;background:#f9d8ca;padding:.75rem}.formNote{color:var(--muted)}.quizRunPage{width:min(900px,100%);margin:0 auto}.runToolbar{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.runToolbar a{text-underline-offset:4px}.resultActions{justify-content:flex-end;align-items:center;gap:1rem;padding-top:1rem;display:flex}.embedRoot{background:#07120f;min-height:100dvh;padding:clamp(.5rem,2vw,1rem)}.embedWaiting{color:#edf7e1;text-align:center;background:#07120f;place-content:center;justify-items:center;min-height:100dvh;padding:2rem;display:grid}.embedWaiting p{color:#d7ff49;font:.7rem/1.2 var(--font-technical);letter-spacing:.18em}.embedWaiting h1{margin:.5rem;font-size:clamp(1.2rem,3.3vw,2rem)}.embedWaiting span{color:#91a79e}.waitingMark{width:72px;height:72px;font:700 1.2rem/1 var(--font-technical);border:1px solid #d7ff49;place-items:center;display:grid;transform:rotate(-6deg)}.playgroundIntro{max-width:850px;padding:.5rem 0 3rem}.playgroundIntro>p:first-child{margin-top:0}.playgroundIntro h2{font-size:clamp(1.35rem,2.7vw,2.3rem)}.playgroundIntro span{max-width:650px;color:var(--muted);font-size:1.05rem;line-height:1.7;display:block}.pickerIntro{padding-bottom:2rem}.pickerIntro h2{max-width:950px}.pickerError{color:#842c1f;background:#f9d8ca;border:1px solid #842c1f;align-items:baseline;gap:1rem;margin:0 0 1rem;padding:1rem 1.2rem;display:flex}.pickerError b{font:.68rem/1 var(--font-technical);letter-spacing:.14em;flex:none}.quizTreePanel{border:1px solid var(--ink);background:#faf5e9b8;animation:.36s ease-out both bench-arrive;box-shadow:14px 14px #18231e17}.quizTreeHeader{min-height:80px;color:var(--paper-light);background:linear-gradient(135deg, transparent 72%, #cfec581f 72%), var(--ink);justify-content:space-between;align-items:flex-end;gap:1rem;padding:clamp(.75rem,1.5vw,1.2rem);display:flex}.quizTreeHeader span,.quizTreeHeader small,.quizLeafCode,.directoryIdentity small{font:.65rem/1.2 var(--font-technical);letter-spacing:.14em}.quizTreeHeader span{color:var(--acid)}.quizTreeHeader h3{letter-spacing:-.04em;margin:.35rem 0 0;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1}.quizTreeHeader>p{color:var(--acid);font:800 clamp(1.5rem, 3.5vw, 2.75rem)/.75 var(--font-technical);text-align:right;margin:0;display:grid}.quizTreeHeader>p small{color:#aebbb4;margin-top:.45rem}.quizTreeRoot,.quizTreeChildren{margin:0;padding:0;list-style:none}.quizTreeChildren{background:#18231e08}.quizTreeDirectory,.quizTreeLeaf{padding-left:calc(var(--tree-depth) * clamp(.7rem, 2.5vw, 2rem));border-top:1px solid var(--ink);margin:0;position:relative}.quizTreeRoot>li:first-child{border-top:0}.directoryToggle,.quizTreeLeaf>:is(a,button){width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none}.directoryToggle{grid-template-columns:54px minmax(0,1fr) auto;align-items:stretch;min-height:96px;padding:0;transition:background .16s;display:grid}.directoryToggle:hover,.directoryToggle[aria-expanded=true]{background:var(--paper-light)}.directoryToggle[aria-expanded=true] .treeRail{color:var(--ink);background:var(--acid)}.treeRail{color:var(--paper-light);background:var(--signal);font:500 1.8rem/1 var(--font-technical);place-items:center;transition:color .16s,background .16s;display:grid}.directoryIdentity{align-content:center;gap:.3rem;padding:.75rem clamp(1rem,3vw,2.2rem);display:grid}.directoryIdentity small{color:var(--signal);text-transform:uppercase}.directoryIdentity strong{letter-spacing:-.055em;font-size:clamp(.85rem,2vw,1.6rem);line-height:1}.directoryIdentity>span{max-width:680px;color:var(--muted);line-height:1.5}.directoryCount{min-width:112px;color:var(--signal);font:700 1.6rem/1 var(--font-technical);text-align:center;border-left:1px dashed #829087;place-content:center;padding:1rem;display:grid}.directoryCount small{color:var(--muted);letter-spacing:.1em;margin-top:.35rem;font-size:.55rem}.quizTreeLeaf>:is(a,button){background:var(--acid);align-content:center;gap:.3rem;min-height:96px;padding:.75rem clamp(4rem,9vw,8rem) .75rem clamp(1.4rem,5vw,4rem);transition:color .16s,background .16s;display:grid;position:relative}.quizTreeLeaf>:is(a,button):before{background:var(--signal);content:"";width:7px;position:absolute;top:0;bottom:0;left:0}.quizTreeLeaf>:is(a,button):hover,.quizTreeLeaf>:is(a,button):focus-visible{color:var(--paper-light);background:var(--ink)}.quizTreeLeaf strong{letter-spacing:-.06em;font-size:clamp(.9rem,2vw,1.8rem);line-height:1}.quizTreeLeaf>:is(a,button)>span:not(.quizLeafCode){max-width:650px;color:var(--muted);line-height:1.5}.quizTreeLeaf>:is(a,button):hover>span:not(.quizLeafCode),.quizTreeLeaf>:is(a,button):focus-visible>span:not(.quizLeafCode){color:#b8c2bc}.quizLeafCode{color:var(--signal)}.quizTreeLeaf i{font-size:2.6rem;font-style:normal;position:absolute;top:50%;right:clamp(1.4rem,4vw,3rem);transform:translateY(-50%)}.workbenchIntro{justify-content:space-between;align-items:flex-end;gap:2rem;max-width:none;display:flex}.workbenchIntro>div:first-child{min-width:0}.workbenchIntro span b{color:var(--ink)}.changeQuizControl{flex:0 0 min(230px,30%);justify-items:stretch;gap:.55rem;display:grid}.changeQuizControl small{color:var(--signal);font:.66rem/1.45 var(--font-technical)}.playgroundGrid{border:1px solid var(--ink);grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr);display:grid}.hostControls,.frameBench,.eventLog{background:#faf5e9b8;min-width:0;padding:1rem}.hostControls{border-right:1px solid var(--ink);flex-direction:column;gap:1.4rem;display:flex}.frameBench iframe{border:1px solid var(--ink);background:#07120f;width:100%;height:680px;display:block}.panelLabel{font:.65rem/1.2 var(--font-technical);letter-spacing:.1em;justify-content:space-between;gap:1rem;padding-bottom:.75rem;display:flex}.panelLabel i{color:var(--signal);font-style:normal}.buttonRow{grid-template-columns:1fr auto;gap:.5rem;display:grid}.hostControls details{border-top:1px dashed #829087;padding-top:1rem}.hostControls summary{cursor:pointer}.hostControls pre,.eventLog pre{color:#dbe8dd;font:.68rem/1.55 var(--font-technical);background:#101b17;padding:1rem;overflow:auto}.eventLog{border-top:1px solid var(--ink);grid-column:1/-1;max-height:420px;overflow:auto}.eventLog pre b{color:#d7ff49}.hostResult{margin-top:2rem}.hostResult>h3{font-size:2rem}@keyframes bench-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loadingPanel,.emptyState{text-align:center;place-content:center;justify-items:center;min-height:55vh;display:grid}.emptyState h2{font-size:clamp(1.35rem,2.3vw,2rem)}.siteFooter{border-top:1px solid var(--ink);font:.62rem/1 var(--font-technical);letter-spacing:.14em;justify-content:space-between;padding:1.2rem clamp(1rem,4vw,4rem);display:flex}@media (width<=850px){.siteHeader{align-items:stretch}.siteHeader nav a{min-width:auto}.quizDetail,.playgroundGrid{grid-template-columns:1fr}.hostControls{border-right:0;border-bottom:1px solid var(--ink)}.workbenchIntro{display:grid}.changeQuizControl{width:min(320px,100%)}}@media (width<=580px){.siteHeader{flex-direction:column}.siteHeader nav{border-top:1px solid var(--ink);border-left:0}.siteHeader nav a{flex:1;padding:.75rem 1rem}.wordmark{padding:.75rem 1rem}.siteMain{padding:.75rem 1rem 1rem}.quizIntro,.configPanel{padding:1.4rem}.frameBench iframe{height:600px}.quizTreeHeader{min-height:72px}.directoryToggle{grid-template-columns:44px minmax(0,1fr)}.directoryCount{display:none}.directoryIdentity>span{font-size:.85rem}.pickerError{display:grid}.siteFooter{gap:1rem}}@media (prefers-reduced-motion:reduce){.quizTreePanel{animation:none}}:root{--font-sans:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-technical:"IBM Plex Sans", "Avenir Next", "Helvetica Neue", sans-serif;color:#18231e;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;background:#eee6d5}*{box-sizing:border-box}html{background:#eee6d5;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ef5b3f}#root{min-height:100vh}