.tool{--stage-bg: var(--washi-2);position:relative;border:var(--hair);border-radius:var(--r-3);background:var(--paper-card);box-shadow:var(--shadow-card);overflow:hidden}.tool-grid{display:grid}@media(min-width:900px){.tool-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr)}}.tool-head{display:grid;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:var(--hair);background:var(--paper-card)}@media(min-width:900px){.tool-head{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:var(--s-6);padding:var(--s-5) var(--s-6)}}.tool-spec{display:grid;gap:2px}.tool-spec-name{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.01em;line-height:1.2}.tool-stage{position:relative;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 100% 24px,var(--stage-bg);background-blend-mode:normal;padding:var(--s-6) var(--s-5) var(--s-5);display:grid;place-items:center;min-height:420px;transition:background-color var(--dur-2) var(--ease)}.tool-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,var(--stage-bg) 85%);pointer-events:none}@media(min-width:900px){.tool-stage{border-right:var(--hair);padding:var(--s-7) var(--s-7) var(--s-6);min-height:600px}}.tool-stage.is-drag{--stage-bg: var(--shu-wash)}.stage{position:relative;width:100%;max-width:min(400px,72vw);display:grid;gap:var(--s-2)}.tool-check .stage,.tool-stage:has(.frame-check) .stage{max-width:460px}.stage-row{display:grid;grid-template-columns:28px 1fr;gap:var(--s-2);align-items:stretch}.dim{position:relative;display:flex;align-items:center;justify-content:center;color:var(--hai);font-size:.72rem;letter-spacing:.02em}.dim span{position:relative;z-index:1;background:var(--stage-bg);padding-inline:8px;white-space:nowrap}.dim-top{margin-left:calc(28px + var(--s-2));height:22px}.dim-top:before,.dim-side:before{content:"";position:absolute;background:var(--line-strong)}.dim-top:before{left:0;right:0;top:50%;height:1px;border-inline:1px solid var(--line-strong);box-shadow:-.5px -5px 0 -.5px var(--line-strong),.5px 5px 0 -.5px var(--line-strong)}.dim-top:after,.dim-side:after{content:"";position:absolute;inset:0;border:0 solid var(--line-strong)}.dim-top:after{border-left-width:1px;border-right-width:1px;top:25%;bottom:25%}.dim-side:before{top:0;bottom:0;left:50%;width:1px}.dim-side:after{border-top-width:1px;border-bottom-width:1px;left:25%;right:25%}.dim-side span{writing-mode:vertical-rl;transform:rotate(180deg);padding:8px 0}.frame{position:relative;width:100%;background:var(--kinu);border-radius:2px;overflow:hidden;touch-action:none;cursor:grab;box-shadow:0 0 0 1px var(--line-strong),0 24px 48px -28px #16140f59;user-select:none;-webkit-user-select:none}.frame:active{cursor:grabbing}.frame:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.frame-canvas{position:absolute;inset:0;width:100%;height:100%}.frame-check{cursor:default}.corner{position:absolute;width:14px;height:14px;border:0 solid var(--sumi);pointer-events:none;z-index:2}.corner.tl{top:6px;left:6px;border-top-width:1.5px;border-left-width:1.5px}.corner.tr{top:6px;right:6px;border-top-width:1.5px;border-right-width:1.5px}.corner.bl{bottom:6px;left:6px;border-bottom-width:1.5px;border-left-width:1.5px}.corner.br{bottom:6px;right:6px;border-bottom-width:1.5px;border-right-width:1.5px}.frame:not(.frame-empty) .corner{border-color:#ffffffe6;filter:drop-shadow(0 0 1px rgb(0 0 0 / .5))}.guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.guides *{vector-effect:non-scaling-stroke;fill:none}.g-center{stroke:#ffffff59;stroke-width:1;stroke-dasharray:2 4}.g-oval{stroke:#ffffffd9;stroke-width:1.25;stroke-dasharray:5 4;filter:drop-shadow(0 0 1px rgb(0 0 0 / .45))}.g-tick{stroke:var(--shu-500);stroke-width:1.5}.g-band{fill:color-mix(in oklab,var(--shu-500) 30%,transparent)!important;stroke:var(--shu-500);stroke-width:1}.g-label{position:absolute;right:6px;transform:translateY(-50%);z-index:2;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#16140f9e;padding:2px 6px;border-radius:3px;pointer-events:none}.frame-empty{cursor:default;background:repeating-linear-gradient(-45deg,transparent 0 9px,color-mix(in oklab,var(--line) 55%,transparent) 9px 10px),var(--paper-card);box-shadow:0 0 0 1px var(--line-strong)}.silhouette{position:absolute;fill:color-mix(in oklab,var(--kinu-2) 80%,transparent);stroke:var(--line-strong);stroke-width:.6;vector-effect:non-scaling-stroke}.bp-line{position:absolute;left:14%;right:14%;height:0;border-top:1.5px solid var(--shu-500);z-index:1}.bp-zone{position:absolute;left:20%;right:20%;background:color-mix(in oklab,var(--shu-500) 16%,transparent);border-block:1px solid color-mix(in oklab,var(--shu-500) 70%,transparent);z-index:1}.drop{display:grid;justify-items:center;gap:var(--s-3);margin-top:var(--s-4);margin-left:calc(28px + var(--s-2));text-align:center}.drop-title{font-family:var(--font-display);font-size:1.35rem;line-height:1.2;letter-spacing:-.01em}.drop-actions{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center}.drop-actions .btn{--h: 44px;background:var(--paper-card)}.drop-hint{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--hai);letter-spacing:.04em}.only-touch{display:none}@media(pointer:coarse){.only-touch{display:inline-flex}}.stage-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-left:calc(28px + var(--s-2));margin-top:var(--s-2)}.zoom{flex:1;display:flex;align-items:center;gap:var(--s-2);color:var(--hai)}.zoom input{flex:1;accent-color:var(--sumi);height:28px}.stage-note{margin-left:calc(28px + var(--s-2));font-size:var(--t-small);color:var(--hai);line-height:1.45}.tool-panel{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-5)}@media(min-width:900px){.tool-panel{padding:var(--s-6)}}.picker{display:grid;gap:6px}.picker-box{position:relative;display:block}.picker select{appearance:none;width:100%;min-height:52px;padding:0 44px 0 var(--s-4);border:var(--hair-strong);border-radius:var(--r-2);background:var(--washi);font-weight:500;font-size:1rem;cursor:pointer;transition:border-color var(--dur-1) var(--ease)}.picker select:hover{border-color:var(--sumi)}.picker svg{position:absolute;right:var(--s-4);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--hai)}.modes{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:var(--r-pill);background:var(--kinu);border:var(--hair)}.modes button{min-height:40px;border-radius:var(--r-pill);font-size:.9rem;font-weight:600;color:var(--hai);transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.modes button.on{background:var(--paper-card);color:var(--sumi);box-shadow:0 1px 2px #16140f1f,0 0 0 1px var(--line)}.grades ul{list-style:none;padding:0;border-top:var(--hair)}.grades-summary{font-family:var(--font-display);font-size:1.45rem;line-height:1.2;letter-spacing:-.012em;margin-bottom:var(--s-3)}.grades-summary.muted{color:var(--hai)}.grade{border-bottom:var(--hair)}.grade-row,.grade-idle{display:grid;grid-template-columns:28px 1fr auto 16px;align-items:center;gap:var(--s-3);width:100%;min-height:50px;text-align:left}.grade-idle{grid-template-columns:28px 1fr auto}.grade-row:hover .grade-label{text-decoration:underline;text-decoration-color:var(--line-strong)}.grade-label{font-weight:500}.grade-measured,.grade-rule{font-size:var(--t-data);color:var(--sumi-2);text-align:right;line-height:1.35}.grade-rule{color:var(--hai)}.chev{color:var(--hai-2);transition:transform var(--dur-2) var(--ease)}.grade-row[aria-expanded=true] .chev{transform:rotate(180deg)}.mark-slot{display:grid;place-items:center;width:28px;height:28px}.grade-idle .mark-slot:before{content:"";width:18px;height:18px;border-radius:50%;border:1px dashed var(--line-strong)}.grade-detail{padding:0 0 var(--s-4) calc(28px + var(--s-3));font-size:var(--t-small);color:var(--sumi-2);display:grid;gap:var(--s-1)}.grade.is-warn .grade-measured{color:var(--warn)}.mark{overflow:visible}.mark path{fill:none;stroke-linecap:round;stroke-linejoin:round}.mark-pass path{stroke:var(--pass);stroke-width:2.4}.mark-warn path{stroke:var(--warn);stroke-width:2}.mark-fail path{stroke:var(--fail);stroke-width:2.2}@media(prefers-reduced-motion:no-preference){.mark .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw var(--dur-draw) var(--ease-out) forwards;animation-delay:var(--delay, 0ms)}.mark .draw-2{animation-delay:calc(var(--delay, 0ms) + .14s)}}@keyframes draw{to{stroke-dashoffset:0}}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.act-main{--h: 54px;flex:1 1 auto;min-width:200px;font-size:1rem}.act-download .num{font-weight:500;opacity:.85}.tool-error{display:flex;gap:var(--s-2);align-items:flex-start;font-size:var(--t-small);background:var(--warn-wash);color:var(--sumi);padding:var(--s-3) var(--s-4);border-radius:var(--r-2)}.tool-error svg{flex:none;margin-top:1px}.result{display:grid;grid-template-columns:96px 1fr;gap:var(--s-2) var(--s-4);align-items:start;padding:var(--s-4);border:var(--hair);border-radius:var(--r-2);background:var(--washi)}.result img{grid-row:span 3;width:96px;height:auto;border-radius:2px;box-shadow:0 0 0 1px var(--line-strong);background:var(--kinu)}.result-meta{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5)}.result-meta dt{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--hai)}.result-meta dd{font-size:var(--t-data);white-space:nowrap}.result-note{font-size:var(--t-small);color:var(--warn)}.result .btn-quiet{justify-self:start;padding-inline:0;min-height:32px}.custom{border-top:var(--hair);padding-top:var(--s-4)}.tool-custom .custom{border-top:0;padding-top:0}.custom-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:40px;font-weight:500;color:var(--hai)}.custom-toggle:hover{color:var(--sumi)}.custom-toggle svg{transition:transform var(--dur-2) var(--ease)}.custom-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.custom-body{display:grid;gap:var(--s-3);padding-top:var(--s-3)}.custom-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s-2)}.custom-heading{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--hai)}.custom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--s-3)}.field{display:grid;gap:4px}.field-label{font-size:var(--t-small);font-weight:500;color:var(--sumi-2)}.field input{min-height:46px;padding:0 var(--s-3);border:var(--hair-strong);border-radius:var(--r-1);background:var(--washi);width:100%}.field input:focus{border-color:var(--sumi);outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--focus) 25%,transparent)}.field input::placeholder{color:var(--hai-2)}.has-error input{border-color:var(--warn)}.field-error{font-size:.78rem;color:var(--warn)}.seg{display:inline-flex;border:var(--hair-strong);border-radius:var(--r-pill);padding:2px}.seg button{min-width:40px;min-height:30px;padding-inline:10px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.78rem;color:var(--hai)}.seg button.on{background:var(--sumi);color:var(--washi)}.custom-note,.custom-active{font-size:var(--t-small);color:var(--hai)}.custom-active{color:var(--warn)}.privacy{margin-top:auto;display:flex;align-items:center;gap:var(--s-2);font-size:.8rem;color:var(--hai)}.dock{display:none}@media(max-width:899px){.dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);padding:var(--s-3) var(--gutter) calc(var(--s-3) + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--washi) 94%,transparent);backdrop-filter:blur(8px);border-top:var(--hair);box-shadow:var(--shadow-float);animation:dock-in var(--dur-2) var(--ease-out)}.dock .btn{width:100%;--h: 54px}}@keyframes dock-in{0%{transform:translateY(16px);opacity:0}}