.st{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:18px;padding:16px;display:grid}.st [hidden]{display:none!important}.st button{font:12px var(--b-font);color:var(--b-ink);cursor:pointer}.st-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.st-modes,.st-views{border:1px solid var(--b-line);background:var(--b-paper);border-radius:999px;gap:0;display:flex;overflow:hidden}.st-modes button,.st-views button{background:0 0;border:0;padding:4px 12px;font-weight:700}.st-modes button+button,.st-views button+button{border-left:1px solid var(--b-line)}.st-modes button[aria-pressed=true]{color:#fff;background:linear-gradient(#b98cff,#7a4fc9)}.st-views button[aria-pressed=true]{color:#fff;background:linear-gradient(#ff9cc0,#e8558a)}.st-modes button[disabled]{opacity:.45;cursor:not-allowed}.st-live{color:#c9ffd9;font-size:10.5px;font-weight:400}.st-modes button[aria-pressed=false] .st-live{color:#2f9a5c}.st-zoom{display:none}.st-frame{background:repeating-linear-gradient(92deg,#ffffff0f 0 3px,#0000 3px 9px),linear-gradient(135deg,#d6a46a,#b07a43 50%,#c58f55);border-radius:6px;padding:16px;position:relative;box-shadow:inset 0 0 0 2px #8a5a2a,inset 3px 3px 0 4px #ffe6be59,inset -3px -3px 0 4px #50280a4d,0 16px 30px -14px #50280a99}.st-hanger{border:3px solid #c9a24a;border-bottom:0;border-radius:14px 14px 0 0;width:26px;height:16px;margin-left:-13px;position:absolute;top:-12px;left:50%}.st-scroll{position:relative;box-shadow:inset 0 0 0 1px #50280a66,0 0 0 3px #3c1e0a40}.st-cloth{aspect-ratio:1;touch-action:none;cursor:crosshair;width:100%;display:block}.is-chart .st-cloth{cursor:cell}.replaying .st-cloth{cursor:progress}.st-replay{color:#fff;background:#1e1419d1;border-radius:999px;align-items:center;gap:10px;padding:5px 6px 5px 12px;display:flex;position:absolute;bottom:26px;left:50%;translate:-50%;box-shadow:0 6px 14px #0000004d}.st-replay-t{font-size:11px}.st-replay button{background:#ff5d8f;border:0;border-radius:999px;padding:3px 10px;color:#fff!important}.st-status{min-height:1.4em;color:var(--b-muted);justify-content:space-between;gap:10px;margin:8px 2px 0;font-size:12px;display:flex}.st-feed{color:var(--b-brand);text-align:right}.st-feed.new{animation:.4s ease-out st-in}@keyframes st-in{0%{opacity:0;translate:0 4px}}.st-side{gap:12px;display:grid}.st-side h3{font:bold 13px var(--b-font);letter-spacing:0;justify-content:space-between;align-items:baseline;gap:6px;margin:0 0 8px;display:flex}.st-side h3 small{color:var(--b-muted);font-size:11px;font-weight:400}.st-box,.st-key{background:var(--b-paper);border:1px solid var(--b-line);border-radius:8px;padding:10px 12px 12px}.st-box{background:linear-gradient(var(--lightningcss-light,#fff8f0) var(--lightningcss-dark,#2c2420), var(--lightningcss-light,#f6ebdc) var(--lightningcss-dark,#241d1a))}.st-pal{grid-template-columns:repeat(4,1fr);gap:8px 6px;display:grid}.st-pal button{background:0 0;border:0;border-radius:6px;justify-items:center;gap:2px;padding:4px 0 2px;transition:transform .15s;display:grid;position:relative}.st-pal button:hover{transform:translateY(-2px)}.st-pal button[aria-checked=true]{box-shadow:0 0 0 2px var(--b-hot);background:var(--lightningcss-light,#e8558a1f) var(--lightningcss-dark,#ff78aa26)}.st-skein{background:repeating-linear-gradient(115deg, var(--l) 0 2px, var(--c) 2px 5px, var(--d) 5px 6px);border-radius:11px;width:40px;height:22px;display:block;position:relative;box-shadow:inset 0 -3px 4px #0000002e,inset 0 2px 3px #fff6,0 2px 3px #0000002e}.st-skein:after{content:"";background:linear-gradient(#fff,#eee6dc);border-radius:2px;width:14px;height:26px;position:absolute;top:-2px;left:13px;box-shadow:0 1px 2px #00000040}.st-pal small{color:var(--b-muted);font:9px ui-monospace,Menlo,Consolas,monospace}.st-tools{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.st-tools button{border:1px solid var(--b-line);background:var(--b-paper);border-radius:8px;justify-items:center;gap:1px;padding:6px 2px 5px;font-size:11px;transition:transform .12s;display:grid}.st-tools button span{font-size:16px;line-height:1.1}.st-tools button:hover{border-color:var(--b-brand);transform:translateY(-1px)}.st-tools button[aria-pressed=true]{color:#fff;background:linear-gradient(#ffb3cf,#e8558a);border-color:#e8558a}.st-move{display:none!important}.st:not(.is-shared) .st-only-shared,.st.is-shared .st-only-mine{display:none}.st-key ol{gap:4px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.st-key li{grid-template-columns:22px 1fr auto;align-items:center;gap:6px;font-size:11.5px;display:grid}.st-key li i{background:var(--c);color:#3c2832cc;border:1px solid #00000026;border-radius:3px;place-items:center;width:20px;height:20px;font:700 11px system-ui,sans-serif;display:grid}.st-key li b{color:var(--b-brand);font:10px Silkscreen,monospace}.st-key .st-empty{color:var(--b-muted);display:block}.st-note{color:var(--b-muted);margin:0;font-size:11.5px;line-height:1.6}.st-err{color:var(--b-hot)}.st-dim{opacity:.8;font-size:10.5px}@media (width<=760px){.st{grid-template-columns:1fr;gap:12px;padding:10px}.st-frame{padding:10px}.st-zoom{display:block}.zoomed .st-scroll{max-height:76vh;overflow:auto}.zoomed .st-cloth{width:200%}.zoomed .st-move{display:grid!important}.zoomed.panning .st-cloth{touch-action:pan-x pan-y;cursor:grab}.st-tools{grid-template-columns:repeat(4,1fr)}.st-pal{grid-template-columns:repeat(8,1fr);gap:6px 2px}.st-skein{width:32px;height:18px}.st-skein:after{width:12px;height:22px;left:10px}.st-status{flex-direction:column;gap:2px}.st-feed{text-align:left}}