.sq-tweak{font:500 12px/1.2 var(--font-ui,system-ui);align-items:center;gap:6px;padding:6px 8px;display:flex}.sq-tweak-range{width:min(220px,52vw);accent-color:var(--ember,#e4572e)}.sq-tweak-step{appearance:none;border:1px solid var(--rule-strong,#c9bfae);background:var(--sheet,#fbf9f4);width:26px;height:26px;color:var(--ink,#15130f);font:600 15px/1 var(--font-ui,system-ui);cursor:pointer;border-radius:50%;padding:0}.sq-tweak-step:hover{border-color:var(--ink,#15130f)}.sq-tweak-hint{color:var(--ink-mute,#8a8478);white-space:nowrap}@media (pointer:coarse){.sq-tweak-hint{display:none}.sq-tweak-step{width:34px;height:34px}}.cm-editor.sq-scrubbing,.cm-editor.sq-scrubbing *{cursor:ew-resize!important}.cm-editor .sq-swatch{cursor:pointer}.sq-palette-pick{z-index:60;border:1px solid var(--rule-strong,#c9bfae);border-radius:var(--r-2,10px);background:var(--sheet,#fbf9f4);max-width:calc(100vw - 16px);box-shadow:var(--lift-2,0 10px 30px #0000002e);grid-template-columns:repeat(4,auto);gap:2px;padding:8px;display:grid;position:absolute}.sq-palette-pick button{appearance:none;color:var(--ink,#15130f);font:13px/1 var(--font-mono,ui-monospace, monospace);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 9px 6px 6px;display:flex}.sq-palette-pick button:hover,.sq-palette-pick button:focus-visible{background:var(--paper-2,#ede6d8);outline:none}.sq-palette-pick button[aria-current]{box-shadow:inset 0 0 0 1.5px var(--ink,#15130f)}.sq-palette-pick .sq-swatch{border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 1px #0000002e}@media (max-width:480px){.sq-palette-pick{grid-template-columns:repeat(3,auto)}}.studio-page .site-foot{margin-top:var(--s-6)}.studio{max-width:calc(1560px + 2 * var(--gutter));padding:8px var(--gutter) 0;margin:0 auto}.studio-page .site-head .wrap{max-width:calc(1560px + 2 * var(--gutter))}.studio-bar{align-items:center;gap:var(--s-3);border-bottom:1px solid var(--rule);min-height:56px;padding-bottom:8px;display:flex}.bar-group{align-items:center;gap:4px;display:flex}.bar-actions{gap:6px}.bar-actions .btn{margin-left:4px}#explain[aria-pressed=true]{background:var(--ink);color:var(--paper)}.starter select{width:11.5em;font:inherit;color:var(--ink);background:var(--sheet);border:1.5px solid var(--ink);border-radius:var(--r-pill);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e4572e' stroke-width='2'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;max-width:200px;padding:7px 34px 7px 14px;font-size:14.5px;font-weight:500}.remix-of{color:var(--ink-soft);margin-left:var(--s-2);font-size:14px}.meter-wrap{align-items:center;gap:14px;margin-left:auto;display:flex}.meter{align-items:center;gap:8px;display:flex;position:relative}.meter svg{width:38px;height:38px}.meter .track{fill:none;stroke:var(--rule);stroke-width:4px}.meter .fill{fill:none;stroke:var(--ink);stroke-width:4px;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray var(--d-2) var(--ease-ink), stroke var(--d-2)}.meter.near .fill{stroke:var(--ember)}.meter.over .fill{stroke:var(--ember-deep)}.meter-text{font-family:var(--font-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:14px}.meter-text b{color:var(--ink);font-weight:600}.meter.over .meter-text b{color:var(--ember-deep)}#clip.busy{background:conic-gradient(var(--ember-soft) var(--p,0%), var(--sheet) 0);border-color:var(--ember)}.make-bar,.over-close,.more-sheet{display:none}.more-sheet[open]{width:min(100vw,520px);max-width:100vw;max-height:86svh;padding:var(--s-3) var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom));background:var(--sheet);color:var(--ink);border:0;border-radius:16px 16px 0 0;margin:auto auto 0;display:block}.post-sheet{background:var(--sheet);width:min(92vw,420px);color:var(--ink);border:0;border-radius:14px}.post-sheet::backdrop{background:#15130f73}.post-sheet h2{margin:0 0 10px;font-size:22px}.post-bar{background:var(--rule);border-radius:3px;height:6px;overflow:hidden}.post-bar span{background:var(--ember);width:0;height:100%;transition:width var(--d-2);display:block}.story-sheet p{margin:0 0 10px}.story-art{border-radius:var(--r-1);overflow:hidden}.story-art canvas{aspect-ratio:1;width:100%;height:auto;display:block}.post-sheet .field{width:100%;font-size:16px}.describe-status{min-height:1.5em;color:var(--ink-soft);margin:8px 0 0;font-size:14px}.more-first{margin-top:var(--s-2);grid-template-columns:minmax(0,1fr)}.post-sheet .dialog-actions{flex-wrap:wrap}.more-sheet::backdrop{background:#15130f73}.more-head{justify-content:space-between;align-items:center;display:flex}.more-head h2{margin:0;font-size:22px}.more-sheet h3{margin:var(--s-3) 0 6px;color:var(--ink-mute);font-size:13px;font-weight:500}.more-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.more-list button{border:1px solid var(--rule);border-radius:var(--r-1);min-height:46px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;padding:8px 12px;font-size:15px}.more-slot .starter select{width:100%;max-width:none;margin-top:var(--s-2)}.more-slot .transport{margin-bottom:6px}.mutate-panel{z-index:2;border:1px solid var(--rule);border-radius:var(--r-2);background:var(--sheet);flex-direction:column;grid-area:panel;gap:6px;min-height:0;padding:6px 8px 8px;display:flex}.mutate-panel[hidden]{display:none}.mutate-head{align-items:center;gap:2px;display:flex}.mutate-status{min-width:0;color:var(--ink-soft);flex:1;margin:0;font-size:14px}.mutate-grid{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-height:0;display:grid}.mutate-child{aspect-ratio:1;border:1.5px solid var(--rule-strong);border-radius:var(--r-1);background:var(--paper);cursor:pointer;min-width:0;max-height:100%;transition:transform var(--d-1), opacity var(--d-2);padding:0;position:relative;overflow:hidden}.mutate-child[hidden]{display:none}.mutate-child canvas{width:100%;height:100%;display:block}.mutate-child:active{transform:scale(.96)}.mutate-child.waiting{opacity:.35}.cm-editor .sq-changed{background:var(--ember-soft);box-shadow:0 0 0 1px var(--ember);border-radius:2px}.studio-grid{--canvas-w:min(44vw, calc(100vh - 272px));--panel-h:176px;grid-template-columns:minmax(0, 1fr) 16px minmax(240px, var(--canvas-w));grid-template-rows:minmax(0, 1fr) 14px minmax(64px, var(--panel-h));grid-template-areas:"code vsplit canvas""hsplit vsplit canvas""panel vsplit canvas";height:calc(100vh - 152px);min-height:540px;margin-top:12px;display:grid}.pane{min-width:0}.code-pane{flex-direction:column;grid-area:code;gap:10px;min-height:0;display:flex}.editor{border:1px solid var(--rule-strong);border-radius:var(--r-2);background:var(--sheet);flex:1;min-height:160px;position:relative;overflow:hidden}.editor .cm-editor{height:100%}.editor-standin{z-index:2;background:var(--sheet);min-height:100%;color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;margin:0;padding:14px 6px 14px 40px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14.5px;line-height:1.65;position:absolute;inset:0;overflow:hidden}.split{touch-action:none;outline-offset:-2px;position:relative}.split:before{content:"";background:var(--rule-strong);transition:background var(--d-2), transform var(--d-2) var(--ease-settle);border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.split:hover:before,.split:focus-visible:before,body.resizing .split:before{background:var(--ember)}.split-v{cursor:col-resize;grid-area:vsplit}.split-v:before{width:4px;height:44px}.split-h{cursor:row-resize;grid-area:hsplit}.split-h:before{width:44px;height:4px}body.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}body.resizing .stage{pointer-events:none}.problem{background:var(--sheet);box-shadow:var(--lift-1);max-height:40%;animation:note-in var(--d-3) var(--ease-settle) both;border-radius:3px;flex:none;padding:12px 16px 12px 14px;font-size:15px;position:relative;overflow:auto}.problem:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 40' preserveAspectRatio='none'%3E%3Cpath d='M3 0c3 5-3 10 0 15s-3 10 0 15 -3 7 0 10' fill='none' stroke='%23e4572e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 40px repeat-y;width:6px;position:absolute;top:8px;bottom:8px;left:0}.problem .where{font-family:var(--font-mono);color:var(--ember-deep);font-size:12.5px;display:block}.problem pre{color:var(--ink-soft);margin:6px 0;font-size:12.5px}.problem .fix{color:var(--ink-soft);font-size:14.5px;display:block}.problem .fix code{color:var(--ink)}.problem .show-me{color:var(--ink);margin-top:6px;font-size:14px;font-weight:500;display:inline-block}.problem .show-me code{color:var(--ember-deep);background:0 0;padding:0}.problem.budget:before{filter:hue-rotate(35deg)}.canvas-pane{flex-direction:column;grid-area:canvas;gap:12px;min-height:0;display:flex}.stage-sheet{padding:12px}.stage-sheet .tape.tl,.stage-sheet .tape.tr{width:50px;height:16px;top:-5px}.stage-sheet .tape.tl{left:-13px}.stage-sheet .tape.tr{right:-13px}.stage-sheet canvas.is-interactive{cursor:crosshair}.stage-sheet:fullscreen{background:var(--paper);place-items:center;padding:0;display:grid}.stage-sheet:fullscreen canvas{width:min(100vw,100vh)}.stage-sheet:fullscreen .tape{display:none}.fs-btn{opacity:0;transition:opacity var(--d-2);position:absolute;top:18px;right:18px}.stage-sheet:hover .fs-btn,.fs-btn:focus-visible{opacity:1}.stage-note{background:var(--ink);color:var(--paper);border-radius:var(--r-pill);white-space:nowrap;pointer-events:none;padding:5px 11px;font-size:13px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.transport{align-items:center;gap:8px;display:flex}.scrub{min-width:0;accent-color:var(--ember);flex:1;height:28px}.time{color:var(--ink-soft);text-align:right;min-width:76px;font-size:13px}.cost{color:var(--ink-mute);min-height:1.5em;margin:0;font-size:12px}.squig-sleep{opacity:.9}.panel{border:1px solid var(--rule);border-radius:var(--r-2);background:var(--sheet);flex-direction:column;grid-area:panel;min-height:0;display:flex;overflow:hidden}.panel-tabs{flex:none;padding:0 6px}.panel-tabs>button{padding:9px 10px;font-size:13.5px}.console-count{min-width:1.6em;font-family:var(--font-mono);color:var(--ember-deep);margin-left:2px;font-size:11px;display:inline-block}.panel-body{flex:1;min-height:0;padding:10px 14px;font-size:13px;overflow:auto}.panel-body pre{white-space:pre-wrap;font-size:12.5px}.panel-body .note{color:#9a7a21}.panel-empty{color:var(--ink-mute);margin:0}.explain-list{margin:0;padding:0;list-style:none}.explain-list li{border-radius:var(--r-1);gap:10px;padding:4px 6px;display:flex}.explain-list li[data-line]:hover{background:var(--ember-soft)}.explain-list .mono{color:var(--ink-mute);text-align:right;min-width:2ch}.live-values{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 18px;margin:0;font-size:12.5px;display:grid}.live-values div,.keys div{border-bottom:1px dashed var(--rule);justify-content:space-between;gap:12px;padding:3px 0;display:flex}.live-values dt{color:var(--ink-mute)}.live-values dd,.keys dd{margin:0}.keys{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 24px;margin:0;display:grid}.keys div{justify-content:flex-start}.keys dt{min-width:82px}.keys dd{color:var(--ink-soft)}@media (min-width:861px) and (max-width:1180px){.studio-bar{gap:var(--s-2)}.starter select{width:9.5em}#explain .lbl{display:none}#explain{border-radius:var(--r-pill);justify-content:center;width:40px;height:40px;padding:0}}@media (min-width:861px) and (max-width:1000px){#tidy,#squeeze{display:none}.bar-actions{gap:4px}}@media (max-width:860px){.studio-page .site-foot{margin-top:0}.studio{height:calc(100svh - 56px);min-height:480px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow-x:clip}.studio-bar{z-index:3;border:0;min-height:0;padding:0;display:block;position:absolute;right:12px}.studio-bar .starter,.studio-bar .bar-group,.code-pane .draft-bar,.fs-btn,.cost,.canvas-pane .transport,.split,.meter svg{display:none}.meter-wrap .stamp{white-space:nowrap;padding:3px 6px 2px;font-size:9px;position:absolute;top:1px;right:calc(100% + 4px)}.meter-text{border-radius:var(--r-pill);background:var(--sheet);padding:2px 7px;font-size:12px}.studio-grid{flex-direction:column;flex:1;gap:8px;height:auto;min-height:0;margin-top:0;display:flex}.canvas-pane{flex:none;order:1;align-items:center}.stage-sheet{width:min(100%,47svh);transition:width var(--d-3) var(--ease-settle);padding:6px}.studio[data-mutating] .stage-sheet{width:min(70%,26svh)}.mutate-status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mutate-head .btn{padding:4px 8px}.story-sheet{max-height:96svh}.story-art{max-width:52svh;margin:0 auto}.mutate-panel{background:0 0;border:0;flex:none;order:2;padding:0}.mutate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mutate-child{max-height:none}.code-pane{flex:1;order:3;min-height:72px}.editor .cm-editor{font-size:14px}.editor{min-height:0}.studio-grid>.runes-pane,.studio-grid>.panel{display:none}.studio[data-pane=pane-runes] .studio-grid>.runes-pane,.studio[data-pane=panel] .studio-grid>.panel{z-index:40;background:var(--paper);border:0;border-radius:0;flex-direction:column;padding:10px 12px 64px;display:flex;position:fixed;inset:56px 0 0;overflow:auto}.studio[data-pane=pane-runes] .over-close,.studio[data-pane=panel] .over-close{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:41;display:inline-flex;position:fixed}.make-bar{flex:none;grid-template-columns:1.25fr 1.2fr .8fr auto;gap:6px;padding-top:8px;display:grid}.make-bar .btn{justify-content:center;min-height:48px;padding:8px 6px;font-size:15px}.make-bar #more{padding:8px 10px}body:not([data-typing]) .keybar{display:none}}