:root{--paper:#f4f5f6;--canvas:#ffffff;--ink:#1a1c1d;--slate:#697077;--rule:#e1e4e6;--rule-strong:#c9cdd1;--measure:#00b050;--measure-ink:#0a7a3a;--amber:#b9770e;--field:#ffffff;--sans:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body,html{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.45;padding:24px}.wrap{max-width:1080px;margin:0 auto}header.top{justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--rule);flex-wrap:wrap}.brand,header.top{display:flex;align-items:baseline}.brand{gap:12px}.brand h1{font-size:19px;font-weight:650;letter-spacing:-.01em;margin:0}.brand .mark{width:11px;height:11px;background:var(--measure);border-radius:2px;transform:translateY(1px)}.brand .sub{letter-spacing:.02em}.brand .sub,.spec-readout{font-family:var(--mono);font-size:11.5px;color:var(--slate)}.spec-readout b{color:var(--measure-ink);font-weight:600}.grid{display:grid;grid-template-columns:1fr 1.05fr;grid-gap:28px;gap:28px;margin-top:24px;align-items:start}@media (max-width:820px){.grid{grid-template-columns:1fr;gap:20px}}.panel{background:var(--field);border:1px solid var(--rule);border-radius:10px;padding:18px}.panel+.panel{margin-top:16px}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--slate);margin:0 0 12px}.seg{display:flex;background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:3px;gap:3px}.seg button{flex:1 1;border:0;background:transparent;font-family:var(--sans);font-size:13px;font-weight:550;color:var(--slate);padding:8px 6px;border-radius:6px;cursor:pointer;transition:.12s}.seg button[aria-pressed=true]{background:var(--canvas);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.06)}.seg button:focus-visible{outline:2px solid var(--measure);outline-offset:2px}.drops{display:flex;gap:12px;margin-top:14px}.drops.single{display:block}.drop{flex:1 1;border:1.5px dashed var(--rule-strong);border-radius:9px;background:var(--paper);min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-align:center;padding:12px;transition:.14s;position:relative;overflow:hidden}.drop.over,.drop:hover{border-color:var(--measure)}.drop.over{background:#f0fbf4}.drop .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}.drop .hint{font-size:12px;color:var(--slate)}.drop img.thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:repeating-conic-gradient(#eceef0 0 25%,#fff 0 50%) 50% /16px 16px;padding:6px}.drop .count{position:absolute;top:6px;right:8px;font-family:var(--mono);font-size:11px;background:var(--ink);color:#fff;border-radius:20px;padding:1px 8px}input[type=file]{display:none}.ctrl{margin-top:16px}.ctrl:first-child{margin-top:0}.ctrl .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.ctrl label{font-size:13px;font-weight:550}.ctrl .val{font-family:var(--mono);font-size:12px;color:var(--measure-ink)}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:var(--rule-strong);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--canvas);border:2px solid var(--measure);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.15)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--canvas);border:2px solid var(--measure);cursor:pointer}input[type=range]:focus-visible{outline:2px solid var(--measure);outline-offset:4px}.pillrow{flex-wrap:wrap}.numrow,.pillrow{display:flex;gap:8px}.numrow{align-items:center}.numrow input{flex:1 1;min-width:0;font-family:var(--mono);font-size:12.5px;padding:8px 10px;border:1px solid var(--rule);border-radius:7px;background:var(--paper);color:var(--ink)}.numrow input:focus-visible{outline:2px solid var(--measure);outline-offset:0;border-color:var(--measure)}.numrow span{font-family:var(--mono);font-size:13px;color:var(--slate);flex:none}.pill{border:1px solid var(--rule);background:var(--paper);border-radius:7px;padding:7px 12px;font-size:12.5px;font-weight:550;color:var(--slate);cursor:pointer;transition:.12s;font-family:var(--sans)}.pill[aria-pressed=true]{border-color:var(--measure);color:var(--measure-ink);background:#f0fbf4}.pill:focus-visible{outline:2px solid var(--measure);outline-offset:2px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle .desc{font-size:11.5px;color:var(--slate);margin-top:2px;max-width:230px}.switch{position:relative;width:40px;height:23px;flex:none}.switch input{opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch .track{inset:0;background:var(--rule-strong);border-radius:20px}.switch .knob,.switch .track{position:absolute;transition:.15s;pointer-events:none}.switch .knob{top:2px;left:2px;width:19px;height:19px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.2)}.switch input:checked+.track{background:var(--measure)}.switch input:checked+.track+.knob{transform:translateX(17px)}.switch input:focus-visible+.track{outline:2px solid var(--measure);outline-offset:2px}.stage{background:var(--field);border:1px solid var(--rule);border-radius:10px;padding:18px}.stage .board{background:linear-gradient(var(--rule) 1px,transparent 1px) 0 0 /28px 28px,linear-gradient(90deg,var(--rule) 1px,transparent 1px) 0 0 /28px 28px,var(--paper);border-radius:8px;padding:22px;display:flex;align-items:center;justify-content:center;min-height:340px}.canvas-frame{position:relative;width:100%;max-width:430px}.canvas-frame canvas{width:100%;height:auto;display:block;border-radius:4px;background:repeating-conic-gradient(#eceef0 0 25%,#fff 0 50%) 50% /20px 20px;box-shadow:0 4px 22px rgba(20,25,30,.12)}.empty{font-size:13px;text-align:center;letter-spacing:.02em;position:absolute;inset:0;align-items:center;justify-content:center;padding:12px}.dims,.empty{color:var(--slate);font-family:var(--mono);display:flex}.dims{justify-content:space-between;margin-top:12px;font-size:11px}.dims b{color:var(--ink);font-weight:600}.adjust-row{justify-content:space-between;margin-top:6px;font-family:var(--mono);font-size:10.5px;color:var(--slate)}.adjust-right,.adjust-row{display:flex;align-items:center}.adjust-right{gap:8px}.adjust-right b{color:var(--measure-ink);font-weight:600}.adjust-reset{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:6px;padding:2px 8px;font-family:var(--mono);font-size:10.5px;cursor:pointer}.adjust-reset:hover{border-color:var(--measure);color:var(--measure-ink)}.actions{display:flex;gap:10px;margin-top:16px}.btn{flex:1 1;border:0;border-radius:8px;padding:12px;font-family:var(--sans);font-size:13.5px;font-weight:600;cursor:pointer;transition:.12s}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:#000}.btn.primary:disabled{background:var(--rule-strong);cursor:not-allowed}.btn.ghost{background:var(--paper);color:var(--ink);border:1px solid var(--rule)}.btn.ghost:hover{border-color:var(--rule-strong)}.btn:focus-visible{outline:2px solid var(--measure);outline-offset:2px}.status{font-family:var(--mono);font-size:11.5px;color:var(--slate);margin-top:10px;min-height:15px}.status.warn{color:var(--amber)}.field-name{margin-top:14px}.field-name input{width:100%;font-family:var(--mono);font-size:12.5px;padding:9px 11px;border:1px solid var(--rule);border-radius:7px;background:var(--paper);color:var(--ink)}.field-name input:focus-visible{outline:2px solid var(--measure);outline-offset:0;border-color:var(--measure)}.beta{font-family:var(--mono);font-size:9px;letter-spacing:.08em;background:var(--measure);color:#fff;padding:2px 5px;border-radius:4px;vertical-align:middle;margin-left:6px}.finder{display:flex;gap:8px;margin-bottom:8px}.finder input{flex:1 1;font-family:var(--mono);font-size:12.5px;padding:10px 11px;border:1px solid var(--rule);border-radius:7px;background:var(--paper);color:var(--ink)}.finder input:focus-visible{outline:2px solid var(--measure);outline-offset:0;border-color:var(--measure)}.finder-status{font-family:var(--mono);font-size:11px;color:var(--slate);min-height:14px}.finder-status.warn{color:var(--amber)}.finder-results{border-top:1px solid var(--rule);margin-top:10px;padding-top:12px}.res-name{font-weight:600;font-size:13.5px;margin-bottom:7px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.conf{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background:var(--paper);color:var(--slate);border:1px solid var(--rule)}.conf.high{color:var(--measure-ink);border-color:var(--measure)}.conf.low{color:var(--amber);border-color:var(--amber)}.res-links{font-size:12px;line-height:1.75;margin-bottom:11px}.res-links a{color:var(--measure-ink);word-break:break-word}.res-links .note{color:var(--slate)}.bulk-textarea{width:100%;font-family:var(--mono);font-size:12px;line-height:1.5;padding:10px 11px;border:1px solid var(--rule);border-radius:7px;background:var(--paper);color:var(--ink);resize:vertical}.bulk-textarea:focus-visible{outline:2px solid var(--measure);outline-offset:0;border-color:var(--measure)}.bulk-file{display:inline-flex;align-items:center;margin-top:8px;font-family:var(--mono);font-size:11.5px;color:var(--measure-ink);cursor:pointer}.bulk-file input{display:none}.bulk-file span{border-bottom:1px dashed var(--measure)}.bulk-notes{margin-top:12px;font-family:var(--mono);font-size:11px;color:var(--slate);line-height:1.6}.bulk-run{margin-top:14px}.bulk-run .btn{width:100%}.bulk-bar{margin-top:8px;height:5px;border-radius:5px;background:var(--rule-strong);overflow:hidden}.bulk-bar span{display:block;height:100%;background:var(--measure);transition:width .15s}.bulk-failures{margin-top:10px;max-height:140px;overflow:auto;font-family:var(--mono);font-size:11px;color:var(--amber);line-height:1.6;border-top:1px solid var(--rule);padding-top:10px}.bulk-failures b{color:var(--ink);font-weight:600}.gallery-img{width:100%;height:auto;display:block;border-radius:4px;background:repeating-conic-gradient(#eceef0 0 25%,#fff 0 50%) 50% /20px 20px;box-shadow:0 4px 22px rgba(20,25,30,.12)}.gallery-empty{font-family:var(--mono);font-size:13px;color:var(--slate);text-align:center;letter-spacing:.02em;padding:60px 16px;line-height:1.6}.gallery-nav{display:flex;align-items:center;gap:10px;margin-top:12px}.gallery-count{flex:1 1;min-width:0;text-align:center;font-family:var(--mono);font-size:11.5px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-count b{color:var(--ink);font-weight:600}.gallery-arrow{flex:none;width:40px;height:34px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:7px;font-size:18px;line-height:1;cursor:pointer;transition:.12s}.gallery-arrow:hover{border-color:var(--measure);color:var(--measure-ink)}.gallery-arrow:focus-visible{outline:2px solid var(--measure);outline-offset:2px}.gallery-hint{margin-top:8px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--measure-ink)}.gallery-hint b{font-weight:600}.hide{display:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important}}