.sandbox-module__JCBgnq__page{--bg:#f6f4ef;--panel:#fbfaf7;--panel-raised:#f1eee7;--line:#d9d5cc;--text:#24252a;--muted:#77746d;--accent:#2f62c8;--accent-text:#fbfaf7;--danger:#b8432f;--monitor:#f9f8f4;--ease-soft:cubic-bezier(.22, 1, .36, 1);--terminal-foreground:#24252a;--terminal-background:#f9f8f4;--terminal-0:#24252a;--terminal-1:#c8473a;--terminal-2:#3f8a3a;--terminal-3:#a8740f;--terminal-4:#2f62c8;--terminal-5:#a04593;--terminal-6:#1f8aa6;--terminal-7:#6b6f78;--terminal-8:#9a9ea8;--terminal-9:#d6604f;--terminal-10:#4f9e48;--terminal-11:#b8861d;--terminal-12:#4a7be0;--terminal-13:#b65aa8;--terminal-14:#2a9fbd;--terminal-15:#8a8d94;min-height:100svh;color:var(--text);background:var(--bg);font-family:var(--font-mono), monospace;padding:1rem}.dark .sandbox-module__JCBgnq__page{--bg:#0c111f;--panel:#0f1524;--panel-raised:#151d30;--line:#252f47;--text:#dfe5f2;--muted:#7c87a2;--accent:#6fa8ff;--accent-text:#0c111f;--danger:#ff8a7a;--monitor:#090d18;--terminal-foreground:#dfe5f2;--terminal-background:#090d18;--terminal-0:#2a3145;--terminal-1:#ff7a6b;--terminal-2:#9fd98a;--terminal-3:#ffd27a;--terminal-4:#6fa8ff;--terminal-5:#e58fd0;--terminal-6:#6fd3ef;--terminal-7:#b9c0cf;--terminal-8:#5c6680;--terminal-9:#ff9b8e;--terminal-10:#b8eca0;--terminal-11:#ffe3a3;--terminal-12:#98c2ff;--terminal-13:#f2b0e2;--terminal-14:#9fe6f7;--terminal-15:#f5f7fb}.sandbox-module__JCBgnq__page button,.sandbox-module__JCBgnq__page select{font-family:inherit}.sandbox-module__JCBgnq__page :focus-visible{outline:1px dashed var(--text);outline-offset:2px}.sandbox-module__JCBgnq__topbar{border:1px solid var(--line);background:var(--panel);grid-template-columns:1fr auto 1fr;align-items:center;height:2.75rem;padding:0 .75rem;font-size:.68rem;display:grid}.sandbox-module__JCBgnq__topbar strong{font-size:.72rem;font-weight:500}.sandbox-module__JCBgnq__back{width:fit-content;color:var(--muted);transition:color .4s var(--ease-soft);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.sandbox-module__JCBgnq__back:hover{color:var(--text)}.sandbox-module__JCBgnq__engineStatus{color:var(--muted);justify-self:end;align-items:center;gap:.45rem;display:flex}.sandbox-module__JCBgnq__engineStatus i{background:var(--accent);border-radius:50%;width:.4rem;height:.4rem}.sandbox-module__JCBgnq__engineStatus[data-status=error]{color:var(--danger)}.sandbox-module__JCBgnq__engineStatus[data-status=error] i{background:var(--danger)}.sandbox-module__JCBgnq__spinner{animation:.9s linear infinite sandbox-module__JCBgnq__spin}@keyframes sandbox-module__JCBgnq__spin{to{transform:rotate(360deg)}}.sandbox-module__JCBgnq__studio{border:1px solid var(--line);background:var(--panel);border-top:0;grid-template-rows:minmax(28rem,calc(100svh - 10.75rem)) auto;grid-template-columns:minmax(22rem,.86fr) minmax(28rem,1.14fr);display:grid}.sandbox-module__JCBgnq__editorPane,.sandbox-module__JCBgnq__viewerPane{flex-direction:column;min-width:0;min-height:0;display:flex}.sandbox-module__JCBgnq__editorPane{border-right:1px solid var(--line)}.sandbox-module__JCBgnq__tabs{border-bottom:1px solid var(--line);scrollbar-width:none;min-height:2.35rem;display:flex;overflow-x:auto}.sandbox-module__JCBgnq__tabs button{border:0;border-right:1px solid var(--line);color:var(--muted);transition:color .3s var(--ease-soft);background:0 0;flex:none;padding:0 .8rem;font-size:.65rem}.sandbox-module__JCBgnq__tabs button:hover,.sandbox-module__JCBgnq__tabs button[aria-selected=true]{color:var(--text)}.sandbox-module__JCBgnq__tabs button[aria-selected=true]{background:var(--panel-raised);box-shadow:inset 0 -1px var(--text)}.sandbox-module__JCBgnq__editor{flex:1;min-height:18rem;position:relative;overflow:hidden}.sandbox-module__JCBgnq__editorLoading{color:var(--muted);font-size:.65rem}.sandbox-module__JCBgnq__editorFooter{border-top:1px solid var(--line);min-height:2.9rem;color:var(--muted);justify-content:space-between;align-items:center;padding:0 .55rem 0 .8rem;font-size:.58rem;display:flex}.sandbox-module__JCBgnq__editorFooter button{border:1px solid var(--accent);height:1.9rem;color:var(--accent-text);background:var(--accent);transition:opacity .3s var(--ease-soft);border-radius:3px;align-items:center;gap:.42rem;padding:0 .7rem;font-size:.64rem;display:flex}.sandbox-module__JCBgnq__editorFooter button:hover:not(:disabled){opacity:.88}.sandbox-module__JCBgnq__editorFooter button:disabled{opacity:.4}.sandbox-module__JCBgnq__editorFooter .sandbox-module__JCBgnq__stopButton{border-color:var(--danger);color:var(--danger);background:0 0}.sandbox-module__JCBgnq__editorFooter kbd{font:inherit;opacity:.7;margin-left:.2rem}.sandbox-module__JCBgnq__paneHeader{border-bottom:1px solid var(--line);min-height:2.35rem;color:var(--muted);white-space:nowrap;justify-content:space-between;align-items:center;gap:1rem;padding:0 .75rem;font-size:.61rem;display:flex}.sandbox-module__JCBgnq__paneTitle{color:var(--text)}.sandbox-module__JCBgnq__monitor{background:var(--monitor);flex:1;place-items:center;min-height:16rem;padding:2rem 1.25rem;display:grid;position:relative;overflow:hidden}.sandbox-module__JCBgnq__screen{image-rendering:pixelated;display:block}.sandbox-module__JCBgnq__emptyMonitor{max-width:20rem;color:var(--muted);text-align:center;font-size:.67rem;line-height:1.6}.sandbox-module__JCBgnq__monitorMeta{color:var(--muted);justify-content:space-between;font-size:.54rem;display:flex;position:absolute;bottom:.6rem;left:.8rem;right:.8rem}.sandbox-module__JCBgnq__errorLog{border-top:1px solid color-mix(in oklab, var(--danger) 45%, transparent);max-height:9rem;color:var(--danger);background:color-mix(in oklab, var(--danger) 7%, var(--panel));white-space:pre-wrap;margin:0;padding:.65rem .8rem;font-family:inherit;font-size:.6rem;line-height:1.55;overflow:auto}.sandbox-module__JCBgnq__timeline{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.6rem .75rem;display:grid}.sandbox-module__JCBgnq__transport{align-items:center;gap:.18rem;display:flex}.sandbox-module__JCBgnq__transport button,.sandbox-module__JCBgnq__transport select{min-width:2rem;height:1.75rem;color:var(--muted);transition:color .3s var(--ease-soft);background:0 0;border:1px solid #0000;border-radius:3px;place-items:center;font-size:.61rem;display:grid}.sandbox-module__JCBgnq__transport button:hover:not(:disabled){color:var(--text)}.sandbox-module__JCBgnq__transport button:disabled{opacity:.3}.sandbox-module__JCBgnq__transport .sandbox-module__JCBgnq__playButton{border-color:var(--line);color:var(--text);margin:0 .15rem}.sandbox-module__JCBgnq__transport select{border-color:var(--line);color:var(--text);margin-left:.45rem}.sandbox-module__JCBgnq__transport output{min-width:9.5rem;color:var(--text);font-variant-numeric:tabular-nums;margin-left:.6rem;font-size:.62rem}.sandbox-module__JCBgnq__track{min-width:0;position:relative}.sandbox-module__JCBgnq__clip{--tick:color-mix(in oklab, var(--text) 14%, transparent);border:1px solid var(--line);height:1.75rem;color:var(--muted);background:linear-gradient(to right, color-mix(in oklab, var(--accent) 22%, transparent) calc(var(--progress) * 100%), transparent calc(var(--progress) * 100%)), repeating-linear-gradient(to right, transparent 0, transparent calc(100% / var(--frame-count) - 1px), var(--tick) calc(100% / var(--frame-count) - 1px), var(--tick) calc(100% / var(--frame-count)));border-radius:3px;justify-content:center;align-items:center;font-size:.55rem;display:flex;position:relative;overflow:hidden}.sandbox-module__JCBgnq__clip:after{top:0;bottom:0;left:calc(var(--progress) * (100% - 1px));content:"";background:var(--text);width:1px;position:absolute}.sandbox-module__JCBgnq__clip[data-empty=true]{background:0 0;border-style:dashed}.sandbox-module__JCBgnq__clip[data-empty=true]:after{display:none}.sandbox-module__JCBgnq__track:has(.sandbox-module__JCBgnq__scrubber:focus-visible) .sandbox-module__JCBgnq__clip{outline:1px dashed var(--text);outline-offset:2px}.sandbox-module__JCBgnq__scrubber{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.sandbox-module__JCBgnq__scrubber:disabled{cursor:default}@media (max-width:1050px){.sandbox-module__JCBgnq__page{padding:.6rem}.sandbox-module__JCBgnq__studio{grid-template-rows:clamp(24rem,52svh,34rem) clamp(20rem,44svh,31rem) auto;grid-template-columns:1fr}.sandbox-module__JCBgnq__editorPane{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:620px){.sandbox-module__JCBgnq__page{padding:0}.sandbox-module__JCBgnq__topbar{grid-template-columns:auto 1fr;gap:1rem}.sandbox-module__JCBgnq__topbar strong,.sandbox-module__JCBgnq__back span,.sandbox-module__JCBgnq__editorFooter>span{display:none}.sandbox-module__JCBgnq__editorFooter{justify-content:flex-end}.sandbox-module__JCBgnq__monitor{min-height:0;padding:1.6rem .5rem}.sandbox-module__JCBgnq__timeline{grid-template-columns:1fr}.sandbox-module__JCBgnq__transport{justify-content:center}.sandbox-module__JCBgnq__transport output{min-width:0}}@media (prefers-reduced-motion:reduce){.sandbox-module__JCBgnq__spinner{animation:none}}