.ts{grid-template-columns:minmax(0, 1fr) calc(420 * var(--g));font-size:var(--fs-m);display:grid;position:absolute;inset:0}.ts [hidden]{display:none!important}.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-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-col{gap:calc(14 * var(--g));padding:calc(18 * var(--g)) calc(16 * var(--g));border-left:1px solid var(--line);background:var(--bg);scrollbar-width:thin;flex-direction:column;display:flex;overflow-y:auto}.ts-panel{gap:calc(10 * var(--g));padding:calc(12 * var(--g)) calc(14 * var(--g));color:var(--text);display:grid}.ts-sec{gap:calc(8 * var(--g));min-width:0;display:grid}.ts-panel>:is(.ts-sec,.ts-stack):not(:first-child){padding-top:calc(10 * var(--g));border-top:1px solid var(--line)}.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{align-items:center;column-gap:calc(14 * var(--g));grid-template-columns:auto minmax(0,1fr);display:grid}.ts .ts-turn .dial{width:calc(124 * var(--g));height:calc(124 * var(--g))}.ts-gobox{justify-items:center;gap:calc(8 * var(--g));min-width:0;display:grid}.ts-gobox>.ts-note{text-align:center}.ts-slot{align-self:center}.ts-presets{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));display:flex}.ts .ts-foldrow .knob{width:calc(104 * var(--g));height:calc(104 * var(--g));flex:none}.ts-passrow{align-items:center;column-gap:calc(24 * var(--g));grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.ts-tcol{gap:calc(8 * var(--g));min-width:0;display:grid}.ts-passbox{align-items:center;gap:calc(12 * var(--g));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-go[data-off]{visibility:hidden}.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));display:flex}.ts .ts-lamp .knob{width:calc(78 * var(--g));height:calc(78 * var(--g))}.ts-lkeys{gap:calc(6 * var(--g));min-width:0;display:grid}.ts-cellrow{align-items:center;gap:calc(10 * var(--g));grid-template-columns:minmax(0,1fr) auto;display:grid}.ts-cells .pkeys.grid{--pk-cols:4}.ts-tour{justify-content:center;display:flex}.ts-tour[data-off]{visibility:hidden}.ts-gorow{justify-content:center;align-items:center;gap:calc(16 * var(--g));min-height:calc(100 * var(--g));display:flex}.ts-actions{gap:8px;display:flex}.ts-look{position:relative}.ts-look .sdr-tray{left:0;right:0;bottom:calc(100% + 4 * var(--g));z-index:5;position:absolute}.ts-actions .hbtn.sys{min-height:30px;padding:0 12px}.ts-present-bar{justify-content:flex-end;display:none}.ts.is-present .ts-present-bar{display:flex}.ts.is-present .ts-hero{display:none}@media (width<=760px){.ts.is-present{z-index:20;background:var(--bg);position:fixed;inset:0;overflow-y:auto}}.ts-highlights{width:min(calc(1100 * var(--g)), calc(100% - 2 * clamp(16px, 4vw, 40px)));margin:calc(40 * var(--g)) auto 0}.ts-highlights .hl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ts-highlights h2{margin:0 0 12px}.ts .lkey,.ts .akey,.ts .pkey,.ts .vkey,.ts .hbtn,.ts .hl-step{min-height:24px}@media (width<=1100px){.ts{grid-template-columns:minmax(0, 1fr) calc(360 * var(--g))}}@media (width>=761px) and (height<=940px){.ts{--g:.82px}.ts-hero .lede,.ts-hero .kicker{display:none}.ts-inset{aspect-ratio:2.6}.ts .ts-turn .dial{width:calc(104 * var(--g));height:calc(104 * var(--g))}.ts-panel{gap:calc(7 * var(--g))}.ts-panel>:is(.ts-sec,.ts-stack):not(:first-child){padding-top:calc(7 * var(--g))}.ts .pbtn{width:calc(96 * var(--g));height:calc(96 * var(--g))}}@media (width>=761px) and (height<=800px){.ts-hero .lede{display:none}.ts-inset{aspect-ratio:2.3}.ts .ts-turn .dial{width:calc(105 * var(--g));height:calc(105 * var(--g))}.ts-panel{gap:calc(6 * var(--g))}.ts-sec+.ts-sec,.ts-screen+.ts-sec{padding-top:calc(7 * var(--g))}.ts-gobox>.ts-note{display:none}.ts .pbtn{width:calc(86 * var(--g));height:calc(86 * var(--g))}}@media (width<=760px){.ts{flex-direction:column;display:flex;position:static}.ts-col{display:contents}.ts .ts-col .ts-hero{padding:calc(12 * var(--g)) clamp(14px, 4vw, 24px) calc(10 * var(--g));order:0}.ts .ts-col .ts-hero .kicker{display:none}.ts .ts-col .ts-hero .lede{margin-top:4px}.ts-present-bar{order:-1}.ts-pics{top:var(--hdr,50px);z-index:5;border-block:1px solid var(--line);order:1;height:52svh;min-height:300px;position:sticky}.ts-panel{margin:calc(10 * var(--g)) clamp(12px, 3.5vw, 24px) 0;order:2}.ts-actions{margin:calc(12 * var(--g)) clamp(12px, 3.5vw, 24px) calc(24 * var(--g));order:3}.ts-panel{column-gap:calc(12 * var(--g));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"scr go""mode mode""up up""low low""cell cell""bar bar"}.ts-sec-mode{grid-area:mode}.ts-up{grid-area:up}.ts-low{grid-area:low}.ts-screen{grid-area:scr}.ts-inset{aspect-ratio:1.25}.ts-go{grid-area:go;align-self:start;padding-top:calc(18 * var(--g))!important;border-top:0!important}.ts-go .pbtn{width:calc(84 * var(--g));height:calc(84 * var(--g))}.ts-go{align-items:center;gap:calc(10 * var(--g));display:flex}.ts-sec-cell{grid-area:cell}.ts-panel>.ts-look{grid-area:bar}.ts-turn{grid-template-columns:auto minmax(0,1fr)}.ts-gobox>.ts-note,.ts-passbox,.ts-gobox{display:none}.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-vb{display:none}.ts-highlights .hl-grid{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:min(78%,300px);grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.ts-highlights .hl{scroll-snap-align:start}}@media (width<=760px) and (height<=700px){.ts-pics{height:44svh}}@media (width<=980px) and (height<=500px) and (orientation:landscape){.ts{grid-template-columns:minmax(0, 1fr) calc(300 * var(--g))}.ts-hint,.ts-toast{max-width:calc(100% - 32px)}}.ts-stage[data-astro-cid-nherolak]{height:calc(100svh - var(--hdr,50px));background:var(--bg);min-height:540px;position:relative;overflow:hidden}.ts-hero[data-astro-cid-nherolak]{padding:0 0 4px}.kicker[data-astro-cid-nherolak]{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 8px;font-size:11px}h1[data-astro-cid-nherolak]{letter-spacing:-.01em;margin:0;font-size:30px;font-weight:200;line-height:1.05}.lede[data-astro-cid-nherolak]{color:var(--text-2);margin:8px 0 0;font-size:14px;line-height:1.5}.fallback[data-astro-cid-nherolak]{color:var(--text-2);padding:80px 24px}.ts-about[data-astro-cid-nherolak]{width:min(760px,100% - 2*clamp(16px,4vw,40px));color:var(--text-2);margin:56px auto 0;font-size:15.5px;line-height:1.7}.ts-about[data-astro-cid-nherolak] h2[data-astro-cid-nherolak]{color:var(--text);margin:0 0 14px;font-size:22px;font-weight:300}.ts-about[data-astro-cid-nherolak] h3[data-astro-cid-nherolak]{color:var(--text);margin:28px 0 8px;font-size:16px;font-weight:500}.ts-about[data-astro-cid-nherolak] b{color:var(--text);font-weight:500}.ts-about[data-astro-cid-nherolak] p[data-astro-cid-nherolak]+p[data-astro-cid-nherolak]{margin-top:10px}.eq[data-astro-cid-nherolak]{color:var(--text);margin:18px 0;overflow-x:auto}.ts-about[data-astro-cid-nherolak] ul[data-astro-cid-nherolak]{margin:0;padding-left:1.2em}.ts-about[data-astro-cid-nherolak] li[data-astro-cid-nherolak]+li[data-astro-cid-nherolak]{margin-top:8px}.refs[data-astro-cid-nherolak]{margin:0;padding-left:1.4em;font-size:13.5px;line-height:1.6}@media (width<=760px){.ts-stage[data-astro-cid-nherolak]{height:auto;min-height:0;overflow:visible}}@media (width<=980px) and (height<=500px){.ts-stage[data-astro-cid-nherolak]{min-height:0}}:lang(zh) .kicker[data-astro-cid-nherolak]{letter-spacing:.1em}:lang(zh) h1[data-astro-cid-nherolak]{letter-spacing:.04em;font-weight:300;line-height:1.15}