:root{--paper:#f5f3ee;--ink:#1a1815;--muted:#6b6257;--accent:#1e5a6e;--accent-deep:#14404e;--card:#fffdf8;--line:#ddd5c4;--ok:#2e6b34;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,4.6vw,3.1rem);margin:.15em 0 .35em}h2{font-size:clamp(1.45rem,3vw,1.95rem);margin:1.5em 0 .5em}h3{font-size:1.12rem;margin:1.1em 0 .3em}p{margin:.55em 0}a{color:var(--accent-deep)}.lede{font-size:1.16rem;color:var(--muted);max-width:44em}header.site{border-bottom:1px solid var(--line)}header.site .wrap{display:flex;align-items:baseline;gap:26px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}.logo{font-family:var(--serif);font-size:1.55rem;color:var(--ink);text-decoration:none}.logo em{color:var(--accent);font-style:normal}.tagline{color:var(--muted);font-size:.9rem}nav.main{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}nav.main a{color:var(--ink);text-decoration:none;font-size:.96rem}nav.main a:hover{color:var(--accent-deep);text-decoration:underline}main{padding:32px 0 58px}footer.site{border-top:1px solid var(--line);margin-top:26px;padding:32px 0 44px;color:var(--muted);font-size:.94rem}footer.site .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px}footer.site h4{font-family:var(--serif);color:var(--ink);margin:0 0 .5em;font-size:1.02rem}footer.site ul{list-style:none;margin:0;padding:0}footer.site li{margin:.32em 0}.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:12px 24px;font-size:1rem;font-family:var(--sans);cursor:pointer;text-decoration:none}.btn:hover{background:var(--accent-deep)}.btn.ghost{background:transparent;color:var(--accent-deep);border:1px solid var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin:20px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px}.card h3{margin-top:0}table.data{width:100%;border-collapse:collapse;margin:18px 0;background:var(--card);font-size:.95rem}table.data th,table.data td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}table.data th{font-family:var(--serif);background:#efe9da}.note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:16px 20px;margin:18px 0}.pro{border:1px dashed var(--accent);border-radius:10px;padding:18px 22px;margin:26px 0;background:#fbf8f1}.small{font-size:.88rem;color:var(--muted)}.tool{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:32px;align-items:start;margin-top:10px}@media(max-width:900px){.tool{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px}.panel label{display:block;font-size:.9rem;font-weight:600;margin:14px 0 5px}.panel select,.panel input[type=number]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:.97rem;background:#fff}.panel input[type=range]{width:100%}.drop{border:2px dashed var(--line);border-radius:10px;padding:26px;text-align:center;cursor:pointer;background:#fbf8f1}.drop:hover{border-color:var(--accent)}.stage{position:relative;margin:0 auto;background:#e8e2d2;border:1px solid var(--line);border-radius:6px;overflow:hidden;touch-action:none;user-select:none}.stage img{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}.stage .guide{position:absolute;left:0;right:0;border-top:2px solid rgba(190,30,30,.85);pointer-events:none}.stage .guide.dash{border-top-style:dashed;opacity:.55}.stage .guide span{position:absolute;right:4px;top:-1.35em;font-size:.68rem;color:#a11;background:#ffffffd9;padding:0 4px;border-radius:3px}.stage .oval{position:absolute;border:2px solid rgba(30,90,110,.75);border-radius:50%;pointer-events:none}.stage .empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:16px}.out{font-variant-numeric:tabular-nums}.kbmsg{font-weight:600}.kbmsg.ok{color:var(--ok)}