:root{--ink: #0c0f15;--ink-2: #12161f;--panel: #171c27;--line: #262d3c;--text: #eceae4;--text-dim: #9aa0ac;--ice: #bcd0ea;--gem: #d7b45a;--display: "Archivo", sans-serif;--body: "IBM Plex Sans", sans-serif;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 700px at 30% 20%,#151b28 0%,var(--ink) 60%);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.5}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:baseline;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-weight:900;font-stretch:115%;letter-spacing:.08em;font-size:17px}.brand-sub{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.layout{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,420px);gap:0;min-height:0}.stage{position:relative;min-height:480px;border-right:1px solid var(--line)}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0}.stage-hint{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:11px;color:var(--text-dim);pointer-events:none}.stage-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;padding:40px;color:var(--text-dim);text-align:center}.panel{padding:20px 22px 28px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;max-height:calc(100vh - 55px)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}select,input[type=search]{background:var(--ink-2);border:1px solid var(--line);border-radius:8px;color:var(--text);font-family:var(--body);font-size:14px;padding:9px 12px}select:focus-visible,input:focus-visible,button:focus-visible,.cta:focus-visible{outline:2px solid var(--ice);outline-offset:2px}.card-grid-wrap{display:flex;flex-direction:column;gap:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:240px;overflow-y:auto;padding:4px;background:var(--ink-2);border:1px solid var(--line);border-radius:10px}.card-thumb{position:relative;border:2px solid transparent;border-radius:6px;padding:0;background:none;cursor:pointer;line-height:0}.card-thumb img{width:100%;border-radius:4px;display:block}.card-thumb.is-selected{border-color:var(--ice)}.card-thumb-id{position:absolute;bottom:3px;right:3px;font-family:var(--mono);font-size:9px;line-height:1;padding:2px 4px;border-radius:3px;background:#0c0f15cc;color:var(--text)}.hint{color:var(--text-dim);font-size:13px}.grade-rail{display:flex;flex-direction:column;gap:6px}.grade-rail-track{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:5px;background:var(--ink-2);border:1px solid var(--line);border-radius:10px}.grade-pip{font-family:var(--display);font-weight:800;font-size:14px;padding:9px 0;border:none;border-radius:7px;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.grade-pip:hover{color:var(--text);background:#bcd0ea14}.grade-pip.is-active{background:var(--ice);color:var(--ink)}.grade-pip.is-gem.is-active{background:var(--gem)}.criteria{border:1px solid var(--line);border-radius:12px;padding:16px;background:linear-gradient(180deg,var(--panel),var(--ink-2));display:flex;flex-direction:column;gap:12px}.criteria-head{display:flex;align-items:center;gap:14px}.criteria-grade{font-family:var(--display);font-weight:900;font-size:44px;line-height:1;min-width:56px;text-align:center}.criteria-head h2{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.02em}.criteria-centering{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.criteria-summary{font-size:14px;color:var(--text)}.criteria-areas{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;border-top:1px solid var(--line);padding-top:12px}.criteria-areas dt{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ice);margin-bottom:2px}.criteria-areas dd{font-size:12px;color:var(--text-dim)}.criteria-disclaimer{font-size:11px;color:var(--text-dim);border-top:1px solid var(--line);padding-top:10px}.cta{display:block;text-align:center;font-family:var(--display);font-weight:800;letter-spacing:.04em;text-decoration:none;color:var(--ink);background:var(--text);border-radius:10px;padding:13px;transition:transform .12s}.cta:hover{transform:translateY(-1px)}.footnote{padding:12px 22px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10.5px;color:var(--text-dim)}@media (max-width: 900px){.layout{grid-template-columns:1fr}.stage{min-height:55vh;border-right:none;border-bottom:1px solid var(--line)}.panel{max-height:none}}@media (prefers-reduced-motion: reduce){.cta{transition:none}}