:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14161c;--panel:#1d2029;--line:#2f3442;--fg:#e8eaf0;--muted:#9aa1b2;--accent:#6ea8fe;--error:#ff6b6b;--warn:#ffc857;--ok:#6bd68a;--tap:44px}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);touch-action:manipulation;margin:0;font:16px/1.5 system-ui,sans-serif}#app{max-width:60rem;padding:max(.75rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));margin:0 auto}h1{color:var(--accent);margin:0;font-size:1.25rem}h2{margin:1rem 0 .25rem;font-size:1.2rem}h3{margin:0 0 .5rem;font-size:1rem}.app-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.status,.hint,.app-foot{color:var(--muted);margin:.25rem 0;font-size:.875rem}.app-foot{margin-top:2rem}section{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:1rem 0;padding:.75rem 1rem 1rem}.btn,select,input[type=text]{min-height:var(--tap);font:inherit;color:var(--fg);border:1px solid var(--line);background:#262a36;border-radius:8px;padding:.4rem .8rem}.btn{cursor:pointer;min-width:var(--tap)}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{border-color:var(--accent);background:#2c4a7c}.btn.icon{align-self:flex-start}input[type=checkbox]{vertical-align:middle;width:1.25rem;height:1.25rem}.check{min-height:var(--tap);align-items:center;gap:.35rem;padding-right:.75rem;display:inline-flex}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.875rem;display:flex}.field.wide{max-width:24rem}.field input,.field select{color:var(--fg)}.row{align-items:center;gap:.5rem;display:flex}.row.wrap{flex-wrap:wrap}.notice{border-radius:8px;margin:.5rem 0;padding:.6rem .8rem}.notice.error{border:1px solid var(--error);background:#3a1e22}.notice[hidden]{display:none}.drop{border:2px dashed var(--line);text-align:center;border-radius:10px;margin:.75rem 0;padding:.75rem 1rem}.drop.over{border-color:var(--accent)}.drop p{margin:.25rem 0}.entries{gap:.6rem;display:grid}.entry{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:.75rem;padding:.6rem;display:flex}.entry .thumb{object-fit:contain;background:#0f1116;border-radius:6px;flex:none;width:84px;height:84px}.entry-body{flex:1;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.4rem;min-width:0;display:grid}.entry-summary{overflow-wrap:anywhere;grid-column:1/-1}.requirements{color:var(--warn);padding-left:1.2rem}#process{margin:.5rem 0}progress{width:100%;height:1rem}.summary{margin:.25rem 0;font-weight:600}.summary[data-errors]:not([data-errors="0"]){color:var(--error)}.summary[data-errors="0"][data-warnings]:not([data-warnings="0"]){color:var(--warn)}.summary[data-errors="0"][data-warnings="0"]{color:var(--ok)}.previews{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem;display:grid}figure{text-align:center;margin:0}figcaption{color:var(--muted);font-size:.8rem}.frame-canvas,.thumb-canvas,.inspector{aspect-ratio:1;width:100%;image-rendering:pixelated;background:repeating-conic-gradient(#2a2e3a 0 25%, #20232d 0 50%) 0 0 / 16px 16px;border-radius:6px}.toggles{flex-wrap:wrap;gap:0 .5rem;margin-top:.25rem;display:flex}.frame-grid{grid-template-columns:repeat(6,1fr);gap:.35rem;display:grid}.frame-btn{cursor:pointer;color:var(--muted);background:0 0;border:2px solid #0000;border-radius:8px;padding:2px;font-size:.65rem;position:relative}.frame-btn.selected{border-color:var(--accent)}.frame-btn.has-warning{box-shadow:inset 0 0 0 2px var(--warn)}.frame-btn.has-error{box-shadow:inset 0 0 0 2px var(--error)}.frame-label{text-align:center;display:block}.inspect{justify-items:center;gap:.5rem;margin-top:1rem;display:grid}.inspector{max-width:24rem}.pad{grid-template-columns:repeat(3, var(--tap));gap:.35rem;display:grid}.pad .btn{padding:0;font-size:1.25rem}.pad #nudge-reset{font-size:.7rem}.findings,.notes{gap:.25rem;margin:.25rem 0;padding:0;list-style:none;display:grid}.notes{color:var(--muted);font-size:.875rem}.finding{overflow-wrap:anywhere;align-items:flex-start;gap:.5rem;display:flex}.finding .dot{background:var(--muted);border-radius:50%;flex:none;width:.7rem;height:.7rem;margin-top:.5rem}.finding.error .dot{background:var(--error)}.finding.warning .dot{background:var(--warn)}.finding.ok .dot{background:var(--ok)}.linklike{min-height:var(--tap);font:inherit;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;padding:.25rem 0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@media (width<=30rem){.frame-grid{gap:.2rem}.entry{flex-direction:column}.entry .thumb{width:100%;height:96px}}.modes{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem;display:grid}.mode{text-align:left;min-height:7rem;font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.mode:hover{border-color:var(--accent)}.mode span{color:var(--muted);font-size:.9rem}.notice.info{border:1px solid var(--accent);background:#1d2b3f}.notice[hidden],button[hidden]{display:none}.rename{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));align-items:end;gap:.4rem;display:grid}.rename .hint{grid-column:1/-1}.scope{justify-content:center}a.mode{text-decoration:none}