._3joVFW_root{background:var(--ground);min-height:100vh;color:var(--ink);font-family:var(--font)}._3joVFW_wrap{max-width:64rem;padding:var(--s6) var(--s4) var(--s7);margin:0 auto}._3joVFW_mast{padding-bottom:var(--s3);border-bottom:1px solid var(--rule2);justify-content:space-between;align-items:center;gap:10px;display:flex}._3joVFW_mastLabel{font-size:var(--fs-cap);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:500}._3joVFW_hero{padding:var(--s5) 0 var(--s5)}._3joVFW_title{letter-spacing:.02em;margin:0;font-size:22px;font-weight:600;line-height:1.35}._3joVFW_lead{margin:var(--s2) 0 0;font-size:var(--fs-md);color:var(--ink2);max-width:44em;line-height:1.7}._3joVFW_grid{gap:var(--s5);grid-template-columns:320px minmax(0,1fr);align-items:start;display:grid}._3joVFW_panel{order:-1}@media (max-width:900px){._3joVFW_grid{grid-template-columns:minmax(0,1fr)}._3joVFW_panel{order:1}}._3joVFW_box{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-panel);min-width:0}._3joVFW_panelBody{padding:var(--s4);gap:var(--s5);flex-direction:column;display:flex}._3joVFW_section{gap:var(--s4);flex-direction:column;display:flex}._3joVFW_sectionTitle{font-size:var(--fs-xs);letter-spacing:.06em;color:var(--ink2);margin:0;font-weight:600}._3joVFW_field{flex-direction:column;gap:6px;display:flex}._3joVFW_fieldRow{justify-content:space-between;align-items:baseline;gap:var(--s2);display:flex}._3joVFW_fieldLabel{font-size:var(--fs-sm);color:var(--ink);font-weight:500}._3joVFW_fieldValue{font-size:var(--fs-sm);color:var(--ink2);font-variant-numeric:tabular-nums}._3joVFW_hint{font-size:var(--fs-xs);color:var(--ink2);margin:0;line-height:1.6}._3joVFW_disabled{opacity:.4}._3joVFW_check{justify-content:space-between;align-items:center;gap:var(--s2);cursor:pointer;display:flex}._3joVFW_range{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}._3joVFW_range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--p,50%), var(--rule2) var(--p,50%));height:2px}._3joVFW_range::-moz-range-track{background:var(--rule2);height:2px}._3joVFW_range::-moz-range-progress{background:var(--ink);height:2px}._3joVFW_range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--ink);border-radius:var(--r-sm);background:var(--surface);width:12px;height:12px;margin-top:-5px}._3joVFW_range::-moz-range-thumb{border:1px solid var(--ink);border-radius:var(--r-sm);background:var(--surface);width:10px;height:10px}._3joVFW_range:active::-webkit-slider-thumb{background:var(--ink)}._3joVFW_range:active::-moz-range-thumb{background:var(--ink)}._3joVFW_range:focus-visible{outline:2px solid var(--ink);outline-offset:2px}._3joVFW_range:disabled{cursor:default}._3joVFW_checkbox{accent-color:var(--ink);cursor:pointer;width:14px;height:14px;margin:0}._3joVFW_seg{border:1px solid var(--rule2);border-radius:var(--r-ctl);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}._3joVFW_segBtn{height:30px;padding:0 var(--s2);background:var(--surface);color:var(--ink2);font:inherit;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;border:0;transition:background .12s linear,color .12s linear}._3joVFW_segBtn+._3joVFW_segBtn{border-left:1px solid var(--rule2)}._3joVFW_segBtn:hover{background:var(--sunk);color:var(--ink)}._3joVFW_segBtn[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}._3joVFW_segBtn:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}._3joVFW_btn{height:var(--h-ctl);padding:0 var(--s3);border:1px solid var(--rule2);border-radius:var(--r-ctl);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;font-weight:500;line-height:1;transition:border-color .12s linear,background .12s linear;display:inline-flex}._3joVFW_btn:hover:not(:disabled){border-color:var(--ink)}._3joVFW_btn:disabled{opacity:.4;cursor:default}._3joVFW_btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}._3joVFW_btnSm{height:var(--h-ctl-sm);padding:0 var(--s2)}._3joVFW_btnPrimary{background:var(--ink);border-color:var(--ink);color:var(--on-ink);font-size:var(--fs-md);font-weight:600}._3joVFW_btnPrimary:hover:not(:disabled){background:var(--ink2);border-color:var(--ink2)}._3joVFW_btnRow{gap:var(--s2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}._3joVFW_stageBar{justify-content:space-between;align-items:center;gap:var(--s2) var(--s3);padding:var(--s2) var(--s3);border-bottom:1px solid var(--rule);flex-wrap:wrap;min-height:48px;display:flex}._3joVFW_stageMsg{font-size:var(--fs-xs);color:var(--ink2)}._3joVFW_error{font-size:var(--fs-xs);color:var(--red)}._3joVFW_stageBtns{gap:var(--s2);flex-wrap:wrap;display:flex}._3joVFW_checker{background-color:var(--surface);background-image:conic-gradient(var(--track) 25%, transparent 0 50%, var(--track) 0 75%, transparent 0);background-size:16px 16px}._3joVFW_compare{aspect-ratio:4/3;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;position:relative;overflow:hidden}._3joVFW_clip{pointer-events:none;position:absolute;inset:0;overflow:hidden}._3joVFW_layer{object-fit:contain;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}._3joVFW_panning{cursor:grab;touch-action:none}._3joVFW_panning:active{cursor:grabbing}._3joVFW_before{clip-path:inset(0 calc(100% - var(--cut,50%)) 0 0)}._3joVFW_after{clip-path:inset(0 0 0 var(--cut,50%))}._3joVFW_divider{top:0;bottom:0;left:var(--cut,50%);background:var(--ink);border-left:1px solid var(--surface);border-right:1px solid var(--surface);pointer-events:none;width:3px;position:absolute;transform:translate(-50%)}._3joVFW_knob{background:var(--surface);border:1px solid var(--ink);border-radius:var(--r-sm);width:12px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._3joVFW_caption{bottom:var(--s2);font-size:var(--fs-xs);color:var(--ink2);background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-ctl);pointer-events:none;padding:2px 6px;position:absolute}._3joVFW_captionL{left:var(--s2)}._3joVFW_captionR{right:var(--s2)}._3joVFW_overlay{text-align:center;font-size:var(--fs-sm);color:var(--ink);background:color-mix(in srgb, var(--surface) 72%, transparent);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}._3joVFW_overlaySub{font-size:var(--fs-xs);color:var(--ink2)}._3joVFW_dropOverlay{border:1px dashed var(--ink)}._3joVFW_cutRange{padding:var(--s2) var(--s3) 0;display:block}._3joVFW_stats{gap:var(--s3) var(--s5);padding:var(--s3);flex-wrap:wrap;display:flex}._3joVFW_stat{flex-direction:column;gap:2px;min-width:0;display:flex}._3joVFW_statLabel{font-size:var(--fs-xs);color:var(--ink3)}._3joVFW_statValue{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}._3joVFW_stageFoot{justify-content:space-between;align-items:center;gap:var(--s2);border-top:1px solid var(--rule);flex-wrap:wrap;display:flex}._3joVFW_stageFoot ._3joVFW_stats{flex:1}._3joVFW_footBtn{padding:var(--s3)}._3joVFW_zoomCtl{gap:var(--s2);align-items:center;display:flex}._3joVFW_zoomCtl ._3joVFW_seg{width:96px}._3joVFW_fit{gap:var(--s3);margin-top:var(--s5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:720px){._3joVFW_fit{grid-template-columns:minmax(0,1fr)}}._3joVFW_fitItem{padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-panel)}._3joVFW_fitTitle{font-size:var(--fs-sm);color:var(--ink);margin:0;font-weight:600}._3joVFW_fitText{margin:var(--s1) 0 0;font-size:var(--fs-sm);color:var(--ink2);line-height:1.7}._3joVFW_hidden{display:none}._3joVFW_code{width:100%;height:120px;padding:var(--s2);border:1px solid var(--rule2);border-radius:var(--r-ctl);background:var(--field);color:var(--ink);font:inherit;font-size:var(--fs-xs);resize:vertical;line-height:1.5}