.ts-pics{background:var(--bg);min-width:0;min-height:0;position:relative;overflow:hidden}.ts-view{position:absolute;inset:0;overflow:hidden}.ts-view canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ts-ov{cursor:grab}.ts-ov.turning{cursor:grabbing}.ts .ts-vb{right:calc(12 * var(--g));bottom:calc(12 * var(--g));z-index:3;position:absolute}.ts-hud{z-index:4;pointer-events:none;position:absolute;inset:0}.ts .hl-nav{left:calc(12 * var(--g));top:calc(12 * var(--g));z-index:3;max-width:calc(100% - 24 * var(--g));pointer-events:auto;position:absolute}.ts .hl-nav.idle{display:none}.ts-fail{text-align:center;color:var(--text-2);font-size:var(--fs-l);place-items:center;margin:0;padding:40px;display:grid;position:absolute;inset:0}.ts-hint,.ts-toast{left:50%;top:calc(16 * var(--g));z-index:4;width:max-content;max-width:calc(100% - 2 * (16 * var(--g) + 24px));padding:calc(7 * var(--g)) calc(14 * var(--g));text-align:center;border:1px solid var(--line);background:var(--plot-bg);backdrop-filter:blur(10px);color:var(--text);font-size:var(--fs-s);pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);border-radius:2px;line-height:1.45;position:absolute;transform:translate(-50%)}.ts-hint.on,.ts-toast.on{opacity:1;transition-duration:var(--dur-state)}.ts-hint.long{top:auto;bottom:calc(52 * var(--g));width:min(calc(560 * var(--g)), calc(100% - 32px));text-align:left;max-width:none;line-height:1.5}.ts-panel{color:var(--text);display:grid}.ts-sec{gap:var(--panel-inner-gap);min-width:0;display:grid}.ts-stack{min-width:0;display:grid}.ts-stack>*{grid-area:1/1;min-width:0}.ts-stack>[data-off]{visibility:hidden}.ts-stack>.ts-sec{align-content:start}.ts-sec-mode{justify-items:center}.ts-small{font-size:var(--fs-2xs)}.ts-row{align-items:center;gap:calc(8 * var(--g));flex-wrap:wrap;display:flex}.ts-note{color:var(--text-3);font-size:var(--fs-xs);margin:0;line-height:1.45}.ts-val{font-family:var(--font-mono);font-size:var(--fs-s);color:var(--text);white-space:nowrap}.ts .c-h{color:var(--c-h)}.ts .c-a{color:var(--c-a)}.ts .sec-val{align-items:baseline;gap:.4em;display:inline-flex}.ts-screen{gap:calc(6 * var(--g));min-width:0;display:grid}.ts-inset{aspect-ratio:2;width:100%}.ts-inset>canvas{width:100%;height:100%;position:absolute;inset:0}.ts-insetnote{min-height:calc(2 * 1.45 * var(--fs-xs))}.ts-turn{justify-content:center;align-items:center;gap:var(--panel-inner-gap);flex-wrap:wrap;display:flex}.ts-presets{flex:1 1 calc(140 * var(--g));gap:calc(6 * var(--g));align-content:center;display:grid}.ts-presets .vkeys.grid{--pk-cols:2}.ts-foldrow{align-items:center;gap:calc(14 * var(--g));flex-wrap:wrap;display:flex}.ts-cutnote{min-height:calc(2 * 1.45 * var(--fs-xs))}.ts-film{left:50%;bottom:calc(12 * var(--g));z-index:3;border:1px solid var(--line);background:var(--plot-bg);backdrop-filter:blur(8px);border-radius:2px;padding:4px;position:absolute;transform:translate(-50%)}.ts-film canvas{cursor:pointer;display:block}.ts[data-mode=slice] .ts-hint.long{bottom:calc(20 * var(--g) + var(--film-h,0px))}.ts-record{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);overflow-wrap:anywhere;min-height:calc(1.45 * var(--fs-xs))}.ts-lamp{align-items:center;gap:calc(14 * var(--g));flex-wrap:wrap;display:flex}.ts-lkeys{gap:calc(6 * var(--g));min-width:0;display:grid}.ts-cellrow{align-items:center;gap:calc(10 * var(--g));flex-wrap:wrap;display:flex}.ts-cells .pkeys.grid{--pk-cols:4}.ts-tour{justify-content:center;display:flex}.ts-tour[data-off]{visibility:hidden}.ts-look{position:relative}.ts-look .sdr-tray{left:0;right:0;bottom:calc(100% + 4 * var(--g));z-index:5;position:absolute}.ts-cellrow>.pkeys{flex:1 1 calc(180 * var(--g))}.ts-gorow .ts-tour{flex:none}.ts-foldrow>.ts-note{flex:1 1 calc(140 * var(--g))}.ts-stack>.ts-sec{gap:var(--panel-inner-gap)}@media (width<=760px){.ts-hint{width:calc(100% - 24px);max-width:none}.ts-toast{max-width:calc(100% - 24px)}.ts-hint.long{text-align:left;bottom:calc(10 * var(--g))}.ts .hl-nav{top:calc(10 * var(--g));left:calc(10 * var(--g))}.ts .ts-vb{display:none}}