.stage{--rt:0px;--rr:0px;--rb:0px;--rl:0px;background:var(--card);border-bottom:1px solid var(--line);touch-action:pan-y;-webkit-user-select:none;user-select:none;--t:52px;height:calc(100svh - 56px);min-height:480px;position:relative;overflow:hidden}.stage[data-unit=both]{--t:80px}@media (width<=599px){.stage{--t:46px}.stage[data-unit=both]{--t:72px}}.stage[data-edges*=top]{--rt:var(--t)}.stage[data-edges*=right]{--rr:var(--t)}.stage[data-edges*=bottom]{--rb:var(--t)}.stage[data-edges*=left]{--rl:var(--t)}.stage:fullscreen{height:100vh}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hit{z-index:4;touch-action:none;cursor:crosshair;position:absolute}.hit-top{height:var(--rt);top:0;left:0;right:0}.hit-bottom{height:var(--rb);bottom:0;left:0;right:0}.hit-left{width:var(--rl);top:0;bottom:0;left:0}.hit-right{width:var(--rr);top:0;bottom:0;right:0}.inner{z-index:3;top:var(--rt);right:var(--rr);bottom:var(--rb);left:var(--rl);pointer-events:none;flex-direction:column;gap:10px;padding:12px 14px 14px;display:flex;position:absolute;overflow:hidden}.inner>*{pointer-events:auto}.inner>.head{pointer-events:none}.head h1{letter-spacing:-.02em;text-wrap:balance;max-width:36ch;font-size:1.125rem;font-weight:750;line-height:1.25}.head .lede{color:var(--muted);max-width:52ch;margin-top:2px;font-size:.9375rem}.head .hint{color:var(--muted);margin-top:4px;font-size:.8125rem}.hint-full{display:none}@media (hover:hover) and (pointer:fine){.hint-full{display:block}}.hint-rotate{display:none}@media (width<=599px) and (orientation:portrait){.hint-rotate{display:block}}@media (width<=599px){.stage .head h1{font-size:1rem}.stage .head .lede{display:none}}.bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn,.seg button,.chip{border:1px solid var(--edge);background:var(--card);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:0 14px;font-size:.9375rem;font-weight:600}.btn:hover,.seg button:hover,.chip:hover{border-color:var(--brand-ink)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.seg{display:inline-flex}.seg button{border-radius:0;min-width:44px;margin-left:-1px;padding:0 10px}.seg button:first-child{border-radius:10px 0 0 10px;margin-left:0}.seg button:last-child{border-radius:0 10px 10px 0}.seg button[aria-checked=true]{background:var(--brand);border-color:var(--brand);color:#fff;z-index:1;position:relative}.chip{white-space:nowrap;text-align:left;align-items:center;gap:8px;padding:6px 12px;line-height:1.2;display:inline-flex}.chip .dot{background:#b45309;border-radius:50%;flex:none;width:10px;height:10px}.chip[data-kind=calibrated] .dot{background:#15803d}.chip[data-kind=device] .dot{background:var(--brand)}.chip[data-kind=estimate]{border-color:#b45309}:root[data-theme=dark] .chip[data-kind=estimate]{border-color:#f59e0b}:root[data-theme=dark] .chip .dot{background:#f59e0b}:root[data-theme=dark] .chip[data-kind=calibrated] .dot{background:#4ade80}.more{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;max-width:520px;padding:12px;display:flex}.opt-group{border:0;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;padding:0;display:flex}.opt-group legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:.8125rem;font-weight:650}.chk{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:.9375rem;display:inline-flex}.chk input{width:20px;height:20px;accent-color:var(--brand)}.sel{color:var(--muted);flex-direction:column;gap:4px;font-size:.8125rem;font-weight:650;display:flex}.sel select,.sel input[type=text],.sel input[type=search]{border:1px solid var(--edge);background:var(--card);min-height:46px;color:var(--ink);font:inherit;border-radius:10px;width:100%;padding:0 12px;font-size:1.0625rem;font-weight:500}.small{color:var(--muted);font-size:.8125rem;line-height:1.5}.err{color:#b91c1c;min-height:0;font-size:.875rem;font-weight:600}:root[data-theme=dark] .err{color:#fca5a5}.row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.notice{background:var(--card);border:1px solid var(--edge);border-radius:12px;max-width:520px;padding:12px 14px;font-size:.9375rem;box-shadow:0 1px 2px #1018280d,0 8px 24px -12px #1018281f}.notice[hidden],.more[hidden],.readout[hidden]{display:none}.readout{background:var(--card);border:1px solid var(--edge);border-radius:12px;flex-direction:column;align-self:flex-start;gap:6px;max-width:100%;margin-top:auto;padding:8px 8px 8px 14px;display:flex}.ro-row{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.ro-k{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);min-width:64px;font-size:.75rem;font-weight:700}.ro-v{font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:700}.ro-copy{min-height:44px}.guide{z-index:2;touch-action:none;user-select:none;position:absolute}.guide:before{content:"";background:var(--brand-ink);position:absolute}.guide.gx{cursor:ew-resize;width:36px;margin-left:-18px;top:0;bottom:0}.guide.gx:before{width:2px;top:0;bottom:0;left:17px}.guide.gy{cursor:ns-resize;height:36px;margin-top:-18px;left:0;right:0}.guide.gy:before{height:2px;top:17px;left:0;right:0}.guide:focus-visible{outline:none}.guide:focus-visible:before{box-shadow:0 0 0 3px var(--card), 0 0 0 6px var(--brand-ink)}.gl{background:var(--brand);color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;z-index:1;border-radius:8px;align-items:center;gap:2px;padding:0 0 0 8px;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute}.guide.gx .gl{top:calc(30% + var(--ls,0) * 40px);left:24px}.guide.gy .gl{left:calc(40% + var(--ls,0) * 110px);top:24px}.gl .gdel{all:unset;box-sizing:border-box;cursor:pointer;place-items:center;width:28px;height:28px;font-size:1rem;display:grid}.gl .gdel:hover{background:#0003;border-radius:6px}.guide.is-drag:before{width:3px}#cross{z-index:2;pointer-events:none;position:absolute;inset:0}#cross[hidden]{display:none}#cross .cx{left:var(--cx);background:var(--brand-ink);opacity:.6;width:1px;position:absolute;top:0;bottom:0}#cross .cy{top:var(--cy);background:var(--brand-ink);opacity:.6;height:1px;position:absolute;left:0;right:0}#cross .cl{left:calc(var(--cx) + 12px);top:calc(var(--cy) + 12px);background:var(--ink);color:var(--card);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute}#cross[data-flip=l] .cl{left:auto;right:calc(100% - var(--cx) + 12px)}.obj{z-index:5;border:2px solid var(--brand-ink);background:color-mix(in srgb, var(--brand) 16%, transparent);cursor:grab;touch-action:none;border-radius:4.5%/7%;position:absolute}.obj[hidden]{display:none}.obj.cut{border-bottom-style:dashed;border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.obj[data-kind=circle]{border-radius:50%}.obj[data-kind=bar]{border-radius:4px}.obj-l{background:var(--card);border:1px solid var(--edge);white-space:nowrap;pointer-events:none;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute;top:-26px;left:0}.obj-h{cursor:ew-resize;touch-action:none;place-items:center;width:48px;height:52px;margin-top:-26px;display:grid;position:absolute;top:50%;right:-24px}.obj-h i{background:var(--brand);width:8px;height:36px;box-shadow:0 0 0 2px var(--card);border-radius:4px}.obj-h:focus-visible{outline:3px solid var(--brand-ink);border-radius:8px}.obj[data-check="1"]{cursor:default}.cal{z-index:6;background:var(--card);border:1px solid var(--edge);border-radius:16px;padding:14px 16px 16px;position:absolute;overflow:auto;box-shadow:0 1px 2px #1018280f,0 16px 40px -16px #1018284d}.cal[hidden]{display:none}.cal-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.cal h2{letter-spacing:-.01em;font-size:1.125rem;font-weight:750}.cal h2:focus{outline:none}.cal h3{font-size:1.0625rem;font-weight:700}.cal p{margin-top:6px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tabs button{border:1px solid var(--edge);background:var(--card);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:0 11px;font-size:.875rem;font-weight:600}.tabs button[aria-selected=true]{background:var(--brand-soft);border-color:var(--brand-ink);color:var(--brand-ink)}.steps{margin:0 0 8px 1.2rem;font-size:.9375rem;line-height:1.5;list-style:decimal}.devs{border:1px solid var(--line);border-radius:10px;max-height:240px;margin:8px 0;padding:0;list-style:none;overflow:auto}.dev{background:var(--card);border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;width:100%;min-height:48px;font:inherit;color:var(--ink);flex-direction:column;align-items:flex-start;padding:6px 12px;display:flex}.dev:hover{background:var(--brand-soft)}.dev .dn{font-size:.9375rem;font-weight:650}.dev .dd{color:var(--muted);font-size:.8125rem}.grid2{grid-template-columns:1fr 120px;gap:10px;margin-bottom:10px;display:grid}.cal a{color:var(--brand-ink);text-underline-offset:3px;text-decoration:underline}@media (width>=701px){.cal{top:calc(var(--rt) + 14px);right:calc(var(--rr) + 14px);width:380px;max-height:calc(100% - var(--rt) - var(--rb) - 28px)}}@media (width<=700px){.cal{left:calc(var(--rl) + 8px);right:calc(var(--rr) + 8px);bottom:calc(var(--rb) + 8px);max-height:50%}.stage.is-cal .head{display:none}.inner{padding:8px 10px 10px}.readout{margin-top:auto}}.stage.is-cal .inner .bar,.stage.is-cal .inner .more,.stage.is-cal .inner .readout{visibility:hidden}.toast{z-index:8;left:50%;bottom:calc(var(--rb) + 20px);background:var(--ink);color:var(--card);pointer-events:none;text-align:center;border-radius:999px;max-width:90%;padding:8px 16px;font-size:.875rem;font-weight:600;position:absolute;transform:translate(-50%)}.toast[hidden]{display:none}.noscript{z-index:9;text-align:center;font-weight:600;position:absolute;inset:40% 16px auto}.sticky-row{z-index:1;background:var(--card);margin-bottom:-4px;padding:8px 0 12px;position:sticky;bottom:-16px}.tabs{flex-wrap:nowrap;overflow-x:auto}.tabs button{flex:none}@media (width<=700px){.cal .steps{font-size:.875rem}.cal .small{font-size:.8125rem}}.chip-static{cursor:default;min-height:36px;padding:4px 12px;font-size:.8125rem}.chip-static:hover{border-color:var(--edge)}.chip-static[data-kind=estimate]:hover{border-color:#b45309}.hcal{align-items:center;gap:8px;margin-right:4px;display:flex}.hcal .chip-static{justify-content:center;min-width:10.5rem}.hcal .btn{min-height:40px;padding:0 14px}.cal-corner{align-items:center;gap:8px;display:none}.cal-corner .btn{min-height:44px}.hint-cal{display:none}@media (width>=701px){.hint-cal{display:block}}@media (width<=700px){.hcal{display:none}.cal-corner{display:flex}.hint-where{display:none}.hint-cal{display:block}}