.st{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:560px;margin:0 auto}.st-head{display:flex;align-items:center;gap:6px;min-height:44px}.st-title{flex:1 1 auto;min-width:0;display:grid;line-height:1.2}.st-name{font-family:var(--font-display);font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-meta{color:var(--ink-2);font-size:.88rem;font-variant-numeric:tabular-nums;white-space:nowrap}.st-zoom{display:flex;gap:2px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:1px;flex:none}.st-zoom .suvi-btn{min-width:44px;padding:0;font-size:1.25rem;line-height:1;color:var(--ink)}.st-gear{min-width:44px;padding:0 6px;flex:none}.st-stage{position:relative;width:100%;aspect-ratio:1;max-height:max(250px,calc(100dvh - 318px));border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--bg-2);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.st.has-two-rows .st-stage{max-height:max(250px,calc(100dvh - 378px))}.st-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.st-stage.is-grab .st-canvas{cursor:grab}.st-stage.is-panning .st-canvas{cursor:grabbing}.st-side{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.st-status{min-height:1.35em;font-size:.9rem;line-height:1.35;color:var(--ink-2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-status.is-note{color:var(--ink);font-weight:600}.st-threads{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:6px}.st-threads.is-two-rows{grid-template-columns:repeat(5,minmax(0,1fr))}.st-thread{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:54px;padding:4px 2px;border-radius:12px;border:1px solid var(--line);background:var(--cell);color:var(--ink);cursor:pointer;touch-action:manipulation;transition:transform calc(.12s * var(--motion)),box-shadow calc(.12s * var(--motion))}.st-sw{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:800;font-size:.95rem;line-height:1;box-shadow:inset 0 -3px #0000002e,0 0 0 1px #00000024}.st-sw svg{display:block}.st-left{font-size:.8rem;color:var(--ink-2);font-variant-numeric:tabular-nums;line-height:1}.st-nm{display:none}.st-thread.is-sel{border-color:var(--ink);box-shadow:0 0 0 2px var(--sun);transform:translateY(calc(-2px * var(--motion)))}.st-thread.is-sel .st-left{color:var(--ink);font-weight:700}.st-thread.is-done{opacity:.6}.st-thread.is-done .st-left{color:var(--leaf);font-weight:800;font-size:.95rem}.st-thread:active{transform:scale(calc(1 - .04 * var(--motion)))}.st-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.st-tool{padding:6px 4px;gap:5px;font-size:.9rem;min-width:0;white-space:nowrap}.st-ico{display:inline-grid;place-items:center;flex:none;color:var(--ink)}.st-ico svg{display:block}.st-tool.is-on{background:var(--cell-selected);border-color:var(--sun)}.st-tool-l{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.05}.st-tool-l small{font-size:.66rem;font-weight:600;color:var(--ink-2)}.st.is-complete .st-tool:nth-child(1),.st.is-complete .st-tool:nth-child(2){opacity:.5}.st-framed[hidden]{display:none}@media(min-width:760px){.st{max-width:none;grid-template-columns:minmax(0,1fr) 210px;grid-template-areas:"head head" "stage side" "more more";column-gap:14px;row-gap:8px}.st-head{grid-area:head}.st-stage,.st.has-two-rows .st-stage{grid-area:stage;max-height:calc(100vh - 215px);min-height:320px}.st-side{grid-area:side;align-content:start}.st-more{grid-area:more}.st-status{text-align:left;min-height:2.7em;white-space:normal}.st-threads,.st-threads.is-two-rows{grid-template-columns:minmax(0,1fr);gap:4px}.st-thread{flex-direction:row;justify-content:flex-start;gap:10px;min-height:40px;padding:4px 10px}.st-thread.is-sel{transform:translate(calc(3px * var(--motion)))}.st-sw{width:26px;height:26px;font-size:.85rem}.st-nm{display:block;flex:1 1 auto;min-width:0;text-align:left;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}:root[data-text-size=large] .st-name,:root[data-text-size=large] .st-status{white-space:normal;overflow:visible;text-overflow:clip}:root[data-text-size=large] .st-name{line-height:1.15}@media(max-width:420px){:root[data-text-size=large] .st-tool{flex-direction:column;gap:1px;padding:4px 2px;font-size:.8rem}:root[data-text-size=large] .st-tool-l{align-items:center}}