.we12-pics{grid-template:minmax(0,1fr)/minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.we12-slot{background:var(--bg);min-width:0;min-height:0;position:relative;overflow:hidden}.we12-view{background:var(--bg);position:absolute;inset:0;overflow:hidden}.we12-view canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.we12-ov{cursor:crosshair}.we12-ov.over-handle{cursor:grab}.we12-ov.grabbing{cursor:grabbing}.we12-handles{pointer-events:none;position:absolute;inset:0}.we12 .we12-handle{z-index:2}.we12-tag{left:calc(10 * var(--g));top:calc(8 * var(--g));z-index:2;pointer-events:none;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;color:var(--text);text-shadow:0 0 6px var(--plot-bg), 0 1px 2px var(--plot-bg);position:absolute}.we12 .we12-vb{right:calc(12 * var(--g));bottom:calc(12 * var(--g));z-index:3;position:absolute}.we12-inset{aspect-ratio:1.6;width:100%;position:relative}.we12-inset .we12-tag{line-height:1.5}.we12-top{column-gap:calc(10 * var(--g));grid-template-columns:minmax(0,1fr) auto;align-items:start;min-width:0;display:grid}.we12-top>.we12-inset{aspect-ratio:1.35}.we12-proc{text-align:center;max-width:calc(96 * var(--g));justify-items:center;display:grid}.we12-factor{font-size:var(--fs-xs);color:var(--text-2)}.we12-inset>.we12-view{border-radius:inherit;background:var(--plot-bg);position:absolute;inset:0}.we12-inset .we12-ov{cursor:default}.we12-hud{z-index:4;pointer-events:none;position:absolute;inset:0}.we12 .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}.we12 .hl-nav.idle{display:none}.we12-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}.we12-hint,.we12-toast{left:50%;top:max(calc(34 * var(--g)), calc(var(--nav-bottom,0px) + 8px));z-index:4;width:max-content;max-width:min(calc(640 * var(--g)), calc(100% - 32px));padding:calc(7 * var(--g)) calc(14 * var(--g));border:1px solid var(--line);background:var(--plot-bg);backdrop-filter:blur(10px);color:var(--text);font-size:var(--fs-s);text-align:center;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);border-radius:2px;line-height:1.45;position:absolute;transform:translate(-50%)}.we12-hint.on,.we12-toast.on{opacity:1;transition-duration:var(--dur-state)}.we12-hint.long{top:auto;bottom:calc(56 * var(--g));width:min(calc(560 * var(--g)), calc(100% - 32px));text-align:left;line-height:1.5}.we12-hint.long.at-top{top:max(calc(34 * var(--g)), calc(var(--nav-bottom,0px) + 8px));bottom:auto}.we12 .we12-stagebox{max-width:min(calc(380 * var(--g)), calc(100% - 28 * var(--g)))}.we12 .we12-stagebox[data-corner=tl]{top:max(calc(12 * var(--g)), calc(var(--nav-bottom,0px) + 8px))}.we12 .we12-stagebox[data-corner=tr]{top:max(calc(30 * var(--g)), calc(var(--nav-bottom,0px) + 8px))}.we12-panel{color:var(--text);display:grid}.we12-sec{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.we12-sec[hidden]{display:none}.we12-row{align-items:center;gap:calc(8 * var(--g));flex-wrap:wrap;display:flex}.we12-note{color:var(--text-3);font-size:var(--fs-xs);margin:0;line-height:1.45}.we12-small{font-size:var(--fs-2xs)}.we12-vals{gap:calc(2 * var(--g));display:grid}.we12-val{font-family:var(--font-mono);font-size:var(--fs-s);color:var(--text);white-space:pre-wrap;min-height:1.4em;margin:0}.we12-val:first-child{color:var(--c-exact,var(--text))}.we12-selread{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2)}.we12-wheels{align-items:end;gap:calc(10 * var(--g));flex-wrap:wrap;display:flex}.we12-wheel{gap:calc(3 * var(--g));flex:1 1 calc(110 * var(--g));min-width:0;display:grid}.we12-knob{justify-items:center;gap:calc(3 * var(--g));margin-left:auto;display:grid}.we12-acts{gap:calc(6 * var(--g));flex-wrap:wrap;display:flex}.we12-go{gap:calc(6 * var(--g))}.we12-gorow{justify-content:space-between;align-items:center;gap:calc(8 * var(--g)) calc(12 * var(--g));flex-wrap:wrap;display:flex}.we12-loopread{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);flex:1 1 calc(160 * var(--g));margin:0}.we12-gorow>.pbtn-wrap,.we12-gorow>:last-child{margin-left:auto}.we12-look{position:relative}.we12-look .sdr-tray{left:0;right:0;bottom:calc(100% + 4 * var(--g));z-index:5;position:absolute}.we12 .lkey,.we12 .akey,.we12 .hbtn,.we12 .hl-step{min-height:24px}@media (width>=761px) and (height<=860px){.we12-top>.we12-inset{aspect-ratio:1.7}.we12-sec-show .we12-note{display:none}}@media (width<=760px){.we12-panel{column-gap:calc(12 * var(--g));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"inset go""history history""val val""fn fn""sel sel""show show""bar bar"}.we12-history{grid-area:history;min-width:0}.we12-top{row-gap:calc(8 * var(--g));grid-area:inset;grid-template-columns:minmax(0,1fr);align-self:start}.we12-top>.we12-inset{aspect-ratio:1}.we12-proc{justify-self:start;max-width:none}.we12-go{grid-area:go;align-content:start}.we12-gorow{flex-direction:column;align-items:stretch}.we12-gorow>:last-child{align-self:end;margin-left:0}.we12-sec-val{grid-area:val}.we12-sec-fn{grid-area:fn}.we12-sec-sel{grid-area:sel}.we12-sec-show{grid-area:show}.we12-panel>.we12-look{grid-area:bar}.we12-hint{top:calc(34 * var(--g));width:calc(100% - 24px)}.we12 .we12-stagebox[data-corner]{top:calc(30 * var(--g));bottom:auto}.we12 .we12-stagebox[data-corner=tl],.we12 .we12-stagebox[data-corner=bl]{left:calc(10 * var(--g))}.we12-hint.long,.we12-hint.long.at-top{top:auto;bottom:calc(18 * var(--g) + var(--nav-h,0px))}.we12 .hl-nav{top:auto;bottom:calc(10 * var(--g));left:auto;right:calc(10 * var(--g))}.we12 .we12-vb{display:none}}@media (width<=760px) and (height<=700px){.we12-pics{height:46svh}}@media (width<=980px) and (height<=500px) and (orientation:landscape){.we12{grid-template-columns:minmax(0, 1fr) calc(300 * var(--g))}.we12 .we12-vb{display:none}.we12 .we12-stagebox{max-width:min(300px,100% - 28px)}}
