.st{--top:77px;--col:clamp(330px, 27vw, 390px);grid-template-columns:minmax(0, 1fr) var(--col);height:100svh;padding:var(--top) var(--gutter) var(--gutter);grid-template-rows:minmax(0,1fr);gap:0 clamp(28px,3.4vw,56px);display:grid;overflow:hidden}.st [hidden]{display:none!important}.st label,.st button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.st select,.st input{font-size:1rem}.st__stage-col{border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:clip}.st__src{z-index:2;flex-wrap:wrap;grid-area:1/1;align-items:center;gap:12px 20px;padding:16px 20px;display:flex}.st__drop,.st__priv{display:none}.st__sample{align-items:center;gap:12px;display:flex}.st__or{font-size:var(--t-s);color:var(--c-muted);white-space:nowrap}.st__err{font-size:var(--t-s);color:var(--c-red);flex-basis:100%;order:9;max-width:62ch;line-height:1.5}.st__select{display:block;position:relative}.st__select:after{content:"";border:solid var(--c-muted);pointer-events:none;border-width:0 1.5px 1.5px 0;width:7px;height:7px;position:absolute;top:50%;right:16px;translate:0 -75%;rotate:45deg}.st__select select{appearance:none;cursor:pointer;color-scheme:dark;min-width:190px;height:44px;box-shadow:inset 0 0 0 1px var(--c-line-2);transition:box-shadow var(--t2) var(--soft), background-color var(--t2) var(--soft);background:0 0;border-radius:6px;padding:0 40px 0 14px;font-size:1rem;font-weight:500}.st__select select option{background:var(--stock);color:var(--opal)}@media (hover:hover){.st__select select:hover{box-shadow:inset 0 0 0 1px var(--c-ink);background:rgb(var(--ink-rgb) / .06)}}.st[data-mode=empty] .st__src{text-align:center;flex-flow:column;grid-row:1/-1;justify-content:center;gap:20px;padding:40px 24px}.st[data-mode=empty] .st__own{display:none}.st[data-mode=empty] .st__drop{background-color:rgb(var(--bg-rgb) / .86);display:grid}.st[data-mode=empty] .st__priv{font-size:var(--t-s);color:var(--c-muted);margin-top:-8px;display:block}.st[data-mode=empty] .st__err{text-align:center;flex-basis:auto;order:0}.st[data-mode=empty] .st__busy{display:none}.st[data-mode=ready] .st__src{animation:st-in var(--t3) var(--soft) both}@keyframes st-in{0%{opacity:0;translate:0 -6px}}.st__drop{background:rgb(var(--ink-rgb) / .04);width:min(560px,100%);box-shadow:inset 0 0 0 1px var(--c-line-2);transition:background-color var(--t2) var(--soft), box-shadow var(--t2) var(--soft), scale var(--t1) var(--soft);border-radius:8px;justify-items:center;gap:10px;padding:clamp(40px,10svh,96px) 24px}.st__drop-t{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.02em;font-weight:600;font-stretch:90%;line-height:1.1}.st__drop-t .mono{letter-spacing:0;font-weight:500}.st__drop-s{color:var(--c-muted);transition:color var(--t2) var(--soft)}.st__drop:active{scale:.99}@media (hover:hover){.st__drop:hover{background:rgb(var(--ink-rgb) / .08);box-shadow:inset 0 0 0 1px var(--c-ink)}.st__drop:hover .st__drop-s{color:var(--c-ink)}}.st.is-over .st__drop{background:rgb(var(--ink-rgb) / .1);box-shadow:inset 0 0 0 1px var(--c-red)}.st.is-over .st__stage-col{box-shadow:inset 0 0 0 1px var(--c-red)}.st__film{min-height:0;transition:opacity var(--t3) var(--soft);grid-area:2/1;grid-template-rows:minmax(0,1fr) auto;display:grid}.st__monitor{--arn:1.7778;--roll:0px;place-items:center;min-height:0;padding:4px 56px 12px;display:grid;position:relative;container-type:size}.st__perf{pointer-events:none;background:linear-gradient(rgb(var(--opal-rgb) / .3) 0 12px, transparent 12px) 0 var(--roll) / 10px 24px repeat-y;width:10px;position:absolute;top:0;bottom:0}.st__perf--l{left:20px}.st__perf--r{right:20px}.st__stage{width:min(100cqw, 100cqh * var(--arn));aspect-ratio:var(--ar,16 / 9);background:var(--film-bg,#050505);box-shadow:0 0 0 1px rgb(var(--opal-rgb) / .16);transition:width var(--t3) var(--soft);position:relative}.st__stage canvas{width:100%;height:100%;transition:opacity var(--t3) var(--soft), filter var(--t3) var(--soft);position:absolute;inset:0}.st__stage.is-busy canvas{opacity:.35;filter:blur(2px)}.st__busy{font-size:var(--t-s);color:#f4f4f0;place-content:center;justify-items:center;gap:14px;font-weight:500;display:grid;position:absolute;inset:0}.st__spin{border:1.5px solid #f4f4f040;border-top-color:#f4f4f0;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite st-spin}@keyframes st-spin{to{rotate:1turn}}.st__transport{align-items:center;gap:12px;padding:0 20px 20px;display:flex}.st__play{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--c-line-2);transition:background-color var(--t2) var(--soft), scale var(--t1) var(--soft);border-radius:6px;flex:none;place-items:center;display:grid}.st__play svg{fill:currentColor;width:16px;height:16px}.st__play[aria-pressed=true] .st__ico-play,.st__play[aria-pressed=false] .st__ico-pause{display:none}.st__play:active{scale:.97}.st__play:focus-visible{outline-offset:3px}@media (hover:hover){.st__play:hover{background:rgb(var(--ink-rgb) / .1)}}.st__track{cursor:pointer;touch-action:none;flex:1;min-width:0;height:44px;margin-inline:8px;position:relative}.st__track:before{content:"";background:var(--c-line-2);height:2px;position:absolute;inset:50% 0 auto;translate:0 -50%}.st__fill{background:rgb(var(--opal-rgb) / .75);width:0;height:2px;position:absolute;top:50%;left:0;translate:0 -50%}.st__head{background:var(--c-red);width:12px;height:12px;transition:scale var(--t1) var(--soft);border-radius:50%;position:absolute;top:50%;left:0;translate:-50% -50%}.st__track.is-held .st__head{scale:1.3}.st__track:focus-visible{outline-offset:0}.st__tc{text-align:right;min-width:11ch;font-family:var(--f-mono);font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--c-muted);flex:none}.st__tc b{color:var(--c-ink);font-weight:400}.st__panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--c-line-2) transparent;flex-direction:column;gap:32px;min-height:0;padding-right:6px;display:flex;overflow-y:auto}.st__panel>*{flex:none}.st__g{border:0;min-width:0;margin:0;padding:0}.st__g legend{float:left;width:100%;font-size:var(--t-s);letter-spacing:-.005em;margin:0 0 12px;padding:0;font-weight:600}.st__g legend+*{clear:both}.st__g>:not(legend)+:not(legend){margin-top:16px}.st input[type=radio]{opacity:0;pointer-events:none;position:absolute}.st label:has(input[type=radio]:focus-visible){outline:2px solid var(--c-ink);outline-offset:2px}.st__look,.st__aspect,.st__chip{cursor:pointer;box-shadow:inset 0 0 0 1px var(--c-line-2);transition:box-shadow var(--t2) var(--soft), background-color var(--t2) var(--soft);border-radius:6px;position:relative}.st__look:has(input:checked),.st__aspect:has(input:checked),.st__chip:has(input:checked){box-shadow:inset 0 0 0 2px var(--c-ink);background:rgb(var(--ink-rgb) / .05)}@media (hover:hover){.st__look:not(:has(input:checked)):hover,.st__aspect:not(:has(input:checked)):hover,.st__chip:not(:has(input:checked)):hover{box-shadow:inset 0 0 0 1px var(--c-ink)}}.st__looks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.st__look{align-content:center;gap:2px;min-height:64px;padding:10px 14px;display:grid}.st__look-n{letter-spacing:-.01em;font-weight:600}.st__look-t{font-size:var(--t-xs);color:var(--c-muted)}.st__note{font-size:var(--t-s);color:var(--c-muted);line-height:1.5}.st__inks{flex-wrap:wrap;align-items:center;gap:0 4px;margin-inline:-6px;display:flex}.st__ink{cursor:pointer;border-radius:6px;place-items:center;width:44px;height:44px;display:grid;position:relative}.st__ink i{background:linear-gradient(135deg, var(--sw-bg) 50%, var(--sw) 50%);width:28px;height:28px;box-shadow:0 0 0 1px var(--c-line-2);transition:box-shadow var(--t2) var(--soft);border-radius:50%}.st__ink:has(input:checked) i{box-shadow:0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-ink)}.st__ink-n{font-size:var(--t-s);color:var(--c-muted);margin-left:8px}.st__aspects{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.st__aspect{min-height:64px;font-size:var(--t-xs);align-content:center;justify-items:center;gap:8px;padding:8px 0;display:grid}.st__aspect i{border:1.5px solid;border-radius:2px}.st__use{font-size:var(--t-s);color:var(--c-muted)}.st__pair{grid-template-columns:minmax(0,1fr) 112px;gap:12px;display:grid}.st__field{font-size:var(--t-s);color:var(--c-muted);gap:6px;display:grid}.st__field input[type=text],.st__field input[type=number]{width:100%;height:44px;box-shadow:inset 0 0 0 1px var(--c-line-2);color:var(--c-ink);transition:box-shadow var(--t2) var(--soft);background:0 0;border:0;border-radius:6px;padding:0 12px}.st__field input::placeholder{color:rgb(var(--ink-rgb) / .62)}.st__field input:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}@media (hover:hover){.st__field input:not(:focus):hover{box-shadow:inset 0 0 0 1px var(--c-ink)}}.st__adv summary{cursor:pointer;border-top:1px solid var(--c-line);min-height:44px;font-size:var(--t-s);letter-spacing:-.005em;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.st__adv summary::-webkit-details-marker{display:none}.st__adv summary:after{content:"";width:7px;height:7px;transition:rotate var(--t2) var(--soft);border:1.5px solid;border-width:0 1.5px 1.5px 0;margin-right:4px;translate:0 -2px;rotate:45deg}.st__adv[open] summary:after{translate:0 2px;rotate:225deg}.st__adv summary:focus-visible{outline-offset:-2px;border-radius:6px}.st__adv-in{gap:20px;padding:8px 0 4px;display:grid}.st__range{font-size:var(--t-s);color:var(--c-muted);grid-template-columns:72px minmax(0,1fr) 52px;align-items:center;gap:10px;display:grid}.st__range output{text-align:right;font-size:var(--t-xs);color:var(--c-ink)}.st__range input{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.st__range input::-webkit-slider-runnable-track{background:var(--c-line-2);height:2px}.st__range input::-moz-range-track{background:var(--c-line-2);height:2px}.st__range input::-webkit-slider-thumb{appearance:none;background:var(--c-ink);border:0;border-radius:50%;width:20px;height:20px;margin-top:-9px}.st__range input::-moz-range-thumb{background:var(--c-ink);border:0;border-radius:50%;width:20px;height:20px}.st__range input:focus-visible{outline:2px solid var(--c-ink);outline-offset:0;border-radius:6px}.st__row{align-items:flex-end;gap:12px;display:flex}.st__field--seed{width:132px}.st__field--accent input{width:56px;height:44px;box-shadow:inset 0 0 0 1px var(--c-line-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px}.st__accent-v{font-size:var(--t-xs);color:var(--c-muted);align-self:center;padding-top:22px}.st__link{min-height:44px;font-size:var(--t-s);text-decoration:underline;text-decoration-color:var(--c-line-2);text-underline-offset:3px;transition:text-decoration-color var(--t2) var(--soft);align-self:center;margin-top:22px;padding:0 8px}@media (hover:hover){.st__link:hover{text-decoration-color:currentColor}}.st__dice{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--c-line-2);transition:rotate var(--t3) var(--soft), background-color var(--t2) var(--soft), scale var(--t1) var(--soft);border-radius:6px;flex:none;place-items:center;display:grid}.st__dice svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:18px;height:18px}.st__dice svg circle{fill:currentColor;stroke:none}.st__dice:active{rotate:90deg;scale:.97}@media (hover:hover){.st__dice:hover{background:rgb(var(--ink-rgb) / .06)}}.st__chips{flex-wrap:wrap;gap:8px;display:flex}.st__chip{min-height:44px;font-size:var(--t-s);align-items:center;padding:0 16px;font-weight:500;display:inline-flex}.st__cmd-body{font-size:var(--t-xs);line-height:1.7}.st__cmd-body:before{content:"$ ";color:var(--c-muted)}.st__cmd-body:focus-visible{outline:2px solid var(--c-ink);outline-offset:-2px;border-radius:8px}.st__flag{white-space:nowrap}.st__btns{gap:12px;display:flex}.st__setup>*+*{margin-top:12px}.st__setup:has([value=cmd]:checked) .st__setup-agent,.st__setup:has([value=agent]:checked) .st__setup-cmd{display:none}.st__setup .term__body{font-size:var(--t-xs);white-space:pre-wrap;overflow-wrap:anywhere}.st__btns>.btn,.st__render{flex:1;min-width:0}.st__render .btn{width:100%}.st__jobs{scrollbar-width:thin;gap:8px;max-height:176px;padding:0;list-style:none;display:grid;overflow-y:auto}.st__jobs:empty{display:none}.st__job{min-height:44px;box-shadow:inset 0 0 0 1px var(--c-line-2);font-size:var(--t-s);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:6px 12px;display:grid;position:relative;overflow:hidden}.st__job-n{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st__job-p{color:var(--c-muted);font-size:var(--t-xs);font-variant-numeric:tabular-nums}.st__job-dl,.st__job-x{min-height:32px;text-decoration:underline;text-decoration-color:var(--c-line-2);text-underline-offset:3px;align-items:center;font-weight:500;display:inline-flex}.st__job-e{color:var(--c-red);font-size:var(--t-xs);grid-column:1/-1}.st__job-bar{height:2px;width:calc(var(--p) * 100%);background:var(--c-ink);transition:width .6s var(--soft);position:absolute;bottom:0;left:0}.st__actions{z-index:2;background:var(--c-bg);border-top:1px solid var(--c-line);gap:12px;margin-top:auto;padding:16px 0;display:flex;position:sticky;bottom:0}.st__rec{flex:1.4;position:relative;overflow:hidden}.st__rec:before{content:"";background:rgb(var(--bg-rgb) / .24);transform-origin:0 0;scale:var(--p,0) 1;position:absolute;inset:0}.st__rec>span{position:relative}.st__actions .btn:not(.st__rec){flex:1}.st .btn:disabled{opacity:.4;cursor:default;pointer-events:none}.st__toast{z-index:var(--z-hud);max-width:min(480px, calc(100vw - 2 * var(--gutter)));background:var(--stock);color:var(--opal);font-size:var(--t-s);opacity:0;visibility:hidden;pointer-events:none;transition:translate var(--t3) var(--soft), opacity var(--t3) var(--soft), visibility 0s linear var(--t3);border-radius:8px;padding:12px 16px;line-height:1.45;position:fixed;bottom:28px;left:50%;translate:-50% 12px;box-shadow:0 8px 24px #0000002e}.st__toast[data-on]{opacity:1;visibility:visible;transition-delay:0s;translate:-50%}@media (width>=961px){.st[data-mode=empty] .st__film{opacity:.2;pointer-events:none}}@media (width<=960px){.st{height:auto;padding:var(--top) 0 0;display:block;overflow:visible}.st__stage-col{border-radius:0;display:contents}.st__src,.st__film{background:var(--c-bg)}.st__src{padding:12px var(--gutter)}.st__film{top:var(--top);z-index:3;box-shadow:0 1px 0 var(--c-line);position:sticky}.st__monitor{height:min(36svh, calc((100vw - 56px) / var(--arn) + 16px));padding:6px 28px 10px}.st__perf{background-size:8px 24px;width:8px}.st__perf--l{left:10px}.st__perf--r{right:10px}.st__transport{padding:0 var(--gutter) 10px;gap:8px}.st__panel{width:100%;max-width:640px;padding:28px var(--gutter) 0;margin-inline:auto;overflow:visible}.st__actions{margin-inline:calc(var(--gutter) * -1);padding:14px var(--gutter) calc(14px + env(safe-area-inset-bottom))}.st[data-mode=empty] .st__src{padding:28px var(--gutter) 24px}.st[data-mode=ready] .st__src{row-gap:8px}.st[data-mode=ready] .st__sample{flex:240px;min-width:0}.st__select{flex:1;min-width:0}.st__select select{width:100%;min-width:0}.st[data-mode=empty] .st__sample{width:100%;max-width:420px}.st__toast{bottom:calc(92px + env(safe-area-inset-bottom))}}@media (width<=760px){.st{--top:61px}.st[data-mode=ready] .st__own{flex:none}.st__drop{padding:36px 20px}.st__tc{min-width:0;font-size:.75rem}}