.a-view{order:1}.a-mask{order:2}.a-ray{order:3}.a-gp{order:4}.a-scope{order:5}.a-star{order:6}.a-out{order:7}.a-thy{order:8}@media (width>=1000px){.tgrid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"c1 c2""out out""thy thy";align-items:start}.c1{grid-area:c1}.c2{grid-area:c2}.a-out{grid-area:out}.a-thy{grid-area:thy}}.a-out .m-sub{font:12px/1.5 var(--sans);color:var(--ink-3);display:block}.sv{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r);background:#000;position:relative;overflow:hidden}.sv>canvas{cursor:zoom-in;touch-action:pan-y;width:100%;height:100%;display:block}.sv>canvas.pan{cursor:grab}.sv>canvas.pan:active{cursor:grabbing}.sv>canvas:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.sv-z{background:#0000008c;border:1px solid #48525a;border-radius:4px;display:flex;position:absolute;top:8px;right:8px;overflow:hidden}.sv-z button{color:#e6e8e4;min-width:32px;height:30px;font:600 12px/1 var(--mono);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;place-items:center;padding:0 6px;display:grid}.sv-z button+button{border-left:1px solid #48525a}.sv-z button:hover:not(:disabled){background:#ffffff1f}.sv-z button:disabled{color:#5d676e;cursor:default}.sv-z button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.sv-z svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.sv .ov{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ov .ln{fill:none;stroke-width:1.2px;stroke-dasharray:6 5;opacity:.9;vector-effect:non-scaling-stroke}.ov .l1{stroke:#f2c230}.ov .l2{stroke:#52c4dd}.ov .cx,.ov .sp{fill:none;stroke:#e6e8e4;stroke-width:1.2px;vector-effect:non-scaling-stroke}.ov text{fill:#e6e8e4;font:600 12px var(--mono);paint-order:stroke;stroke:#000;stroke-width:3px;stroke-linejoin:round}.sv .lab{color:#aab3b8;font:500 11.5px/1.4 var(--mono);background:#0000008c;border-radius:3px;padding:2px 6px;position:absolute;bottom:8px;left:8px}.sv .zoom{aspect-ratio:1;background:#000;border:1px solid #48525a;border-radius:3px;width:31%;position:absolute;bottom:8px;right:8px;overflow:hidden}.sv .zoom canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.sv .zoom span{color:#aab3b8;font:500 10.5px var(--mono);position:absolute;top:3px;left:5px}.sv-msg{color:#e6e8e4;text-align:center;place-items:center;margin:0;padding:20px;font-size:14px;line-height:1.8;display:grid;position:absolute;inset:0}.foc{margin-top:12px}.foc-h{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.foc-h .pn{font-size:13.5px;font-weight:700}.foc-h .v{font:700 22px/1 var(--mono);font-variant-numeric:tabular-nums}.foc-h .v small{color:var(--ink-2);margin-left:.3em;font-size:13px;font-weight:500}.fsc{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.fsc:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}.fsc .tk{stroke:var(--ink-3);stroke-width:1px}.fsc .tk.mj{stroke:var(--ink-2)}.fsc text{fill:var(--ink-3);font:10.5px var(--mono)}.fsc .cfz{fill:var(--inset);stroke:var(--line-2);stroke-dasharray:3 3}.fsc .cfz-t{fill:var(--ink-2);font:600 10.5px var(--sans)}.fsc .knob{fill:var(--ink)}.fsc .knob-l{stroke:var(--ink);stroke-width:2px}.fsc .trk{stroke:var(--line-2);stroke-width:1px}.foc-b{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.foc-b .chip{min-width:52px}.mf{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:10px;display:grid}.mf-w{border-radius:4px;width:132px;height:132px;position:relative}.mf canvas{width:132px;height:132px;display:block}.mf-t{min-width:0}.mf p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.7}.mf p b{color:var(--ink)}.mf-f{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;display:flex}.mf-f input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mf-f .tg:has(+input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.mf-n{min-width:0;font:500 12px/1.4 var(--mono);color:var(--ink-3);overflow-wrap:anywhere}.mf-drop{border:1.5px dashed var(--line-2);background:var(--surface);color:var(--ink-2);text-align:center;pointer-events:none;border-radius:50%;place-items:center;margin:0;padding:8px;font-size:12px;line-height:1.5;display:grid;position:absolute;inset:0}.mf.drag .mf-w{outline:2px solid var(--focus);outline-offset:3px}.gp .cfzb{fill:var(--grid);opacity:.6}.gp .now{stroke:var(--screen-ink);stroke-width:1.2px;stroke-dasharray:4 3}.gp .t1b{stroke-dasharray:7 4}.gp .t1c{stroke-dasharray:2 4}.gp .dot1{fill:var(--ch1)}.gp .dot2{fill:var(--ch2)}.gp.one .t2,.gp.one .dot2,.gp.one .ax2{display:none}.ray .ax{stroke:var(--grid-2);stroke-width:1px;stroke-dasharray:4 4}.ray .lens{fill:var(--grid);stroke:var(--grid-2)}.ray .b1{fill:var(--ch1);opacity:.28}.ray .b2{fill:var(--ch2);opacity:.28}.ray .e1{stroke:var(--ch1);fill:none}.ray .e2{stroke:var(--ch2);fill:none}.ray .sen{stroke:var(--ink);stroke-width:2.2px}.ray .fp{stroke:var(--screen-ink);stroke-width:1px;stroke-dasharray:2 3}.note{color:var(--ink-3);margin:8px 0 0;font-size:12.5px;line-height:1.7}