:root{--paper:#f3f1ec;--paper-2:#e7e3d8;--ink:#1c2430;--muted:#5c6570;--hair:#c9c4b8;--stamp:#c43c2c;--pass:#2f6f4e;--spec:#2c5f8a;--white:#fffcf7;--shadow:0 1px 0 #1c24300f;font-feature-settings:"tnum" 1, "ss01" 1;color:var(--ink);background:var(--paper);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper)}a{color:var(--spec);text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.shell{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.top{border-bottom:1px solid var(--hair);background:var(--white);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.4rem;display:flex}.wordmark{letter-spacing:-.03em;color:var(--ink);align-items:baseline;gap:.45rem;font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:600;text-decoration:none;display:flex}.wordmark small{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-family:IBM Plex Sans,sans-serif;font-size:.68rem;font-weight:500}.nav{align-items:center;gap:.4rem;display:flex}.nav a,.ghost,.btn{border:1px solid var(--hair);background:var(--white);color:var(--ink);border-radius:2px;padding:.38rem .75rem;font-size:.92rem;text-decoration:none}.nav a.active,.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.stamp{background:var(--stamp);color:#fff;border-color:var(--stamp)}.btn:disabled{opacity:.45;cursor:not-allowed}.privacy{color:var(--muted);letter-spacing:.04em;font-size:.75rem}.main{width:100%;max-width:1180px;margin:0 auto;padding:1.25rem 1.4rem 2.5rem}.foot{border-top:1px solid var(--hair);color:var(--muted);background:var(--white);padding:.7rem 1.4rem;font-size:.78rem}.hero h1{letter-spacing:-.03em;margin:.2rem 0 .6rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,4vw,3.1rem);font-weight:600;line-height:1.05}.lede{max-width:40rem;color:var(--muted);margin-bottom:1.4rem}.mode-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mode-card{background:var(--white);border:1px solid var(--hair);color:inherit;min-height:11rem;padding:1.3rem 1.2rem 1.1rem;text-decoration:none;display:block;position:relative}.mode-card:hover{border-color:var(--ink)}.mode-card h2{margin:0 0 .4rem;font-family:Fraunces,Georgia,serif;font-size:1.6rem}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--spec);margin-bottom:.35rem;font-size:.72rem}.crop-frame{position:relative}.crop-frame:before,.crop-frame:after,.crop-frame span:before,.crop-frame span:after{content:"";border:1.5px solid var(--ink);width:12px;height:12px;position:absolute}.crop-frame:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.crop-frame:after{border-bottom:0;border-left:0;top:-1px;right:-1px}.crop-frame span:before{border-top:0;border-right:0;bottom:-1px;left:-1px}.crop-frame span:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.grid{gap:.75rem;display:grid}.exam-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{background:var(--white);border:1px solid var(--hair);color:inherit;flex-direction:column;gap:.25rem;padding:.95rem;text-decoration:none;display:flex}.card:hover{border-color:var(--ink)}.card h3{margin:0;font-size:1.05rem}.meta{color:var(--muted);font-size:.82rem}.layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:1.1rem;display:grid}.work{background:var(--white);border:1px solid var(--hair);min-height:24rem;padding:1rem}.side{background:var(--white);border:1px solid var(--hair);padding:1rem}.side h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .6rem;font-size:1rem}.drop{border:1.5px dashed var(--hair);text-align:center;min-height:9rem;color:var(--muted);background:repeating-linear-gradient(-45deg,#0000,#0000 8px,#c9c4b840 8px 9px);place-items:center;padding:1.2rem;display:grid}.drop.hot{border-color:var(--spec);color:var(--ink)}.drop input{display:none}.checks{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.check{border:1px solid var(--hair);grid-template-columns:1.4rem 1fr;gap:.45rem;padding:.45rem .5rem;font-size:.86rem;display:grid}.check.ok{border-color:var(--pass)}.check.bad{border-color:var(--stamp)}.stamp-dot{border:1.5px solid;border-radius:50%;place-items:center;width:1.05rem;height:1.05rem;font-size:.7rem;display:grid}.check.ok .stamp-dot{color:var(--pass)}.check.bad .stamp-dot{color:var(--stamp)}.field{gap:.2rem;margin-bottom:.65rem;display:grid}.field label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.field input,.field select,.field textarea{border:1px solid var(--hair);background:var(--paper);border-radius:2px;padding:.42rem .5rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.search{border:1px solid var(--hair);background:var(--white);width:100%;margin:.4rem 0 1rem;padding:.55rem .7rem}.cropper{-webkit-user-select:none;user-select:none;background:#d8d3c8;position:relative;overflow:hidden}.cropper img{width:100%;height:auto;display:block}.crop-rect{border:1.5px solid var(--stamp);cursor:move;position:absolute;box-shadow:0 0 0 9999px #1c243059}.oval-guide{pointer-events:none;border:1.5px dashed #fffcf7d9;border-radius:50%;position:absolute;inset:8%}.handle{background:var(--stamp);border:1px solid #fff;width:10px;height:10px;position:absolute}.handle.tl{cursor:nwse-resize;top:-5px;left:-5px}.handle.br{cursor:nwse-resize;bottom:-5px;right:-5px}.preview img,.preview canvas{max-width:100%;display:block}.thumbs{gap:.5rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.thumb{border:1px solid var(--hair);background:var(--paper);text-align:center;min-width:72px;padding:.25rem;font-size:.72rem}.thumb img{object-fit:contain;background:#fff;width:72px;height:96px}.thumb.active{border-color:var(--spec)}.warn{color:var(--muted);border-left:2px solid var(--stamp);margin:.6rem 0;padding-left:.6rem;font-size:.8rem}.err{color:var(--stamp);font-size:.88rem}.kit-list{gap:.5rem;margin-bottom:1rem;display:grid}.kit-item{border:1px solid var(--hair);color:inherit;background:var(--white);justify-content:space-between;gap:.5rem;padding:.55rem .7rem;text-decoration:none;display:flex}.kit-item.done{border-color:var(--pass)}@media (width<=840px){.mode-grid,.layout{grid-template-columns:1fr}.top{flex-wrap:wrap}.privacy{display:none}}
