:root{color-scheme:dark;--bg: #0f1419;--surface: #1a2332;--surface-2: #243044;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--danger-hover: #dc2626;--success: #22c55e;--error-bg: #450a0a;--error-border: #7f1d1d;--active-ring: #60a5fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-width:0}.site-header{max-width:1600px;margin:0 auto;padding:1rem 1.5rem 0;display:flex;gap:1rem;justify-content:space-between;align-items:center}.site-header a{color:var(--text);text-decoration:none}.site-header>a{font-weight:700}.site-header nav{display:flex;flex-wrap:wrap;gap:1rem}.site-content{max-width:1100px;margin:0 auto;padding:0 1.5rem 3rem;display:grid;gap:1rem}.site-content section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem}.site-content h2{margin-top:0}@media(max-width:959px){.site-header{align-items:flex-start;flex-direction:column}.app{padding-inline:.75rem}.toolbar{grid-template-columns:1fr}.toolbar-center,.toolbar-end{justify-self:stretch;justify-content:flex-start}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.source-actions-project,.source-reset{margin-left:0}}@media(max-width:560px){.editor-grid{grid-template-columns:1fr!important}.site-header nav{gap:.65rem;font-size:.9rem}}.app{max-width:1600px;margin:0 auto;padding:1.25rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1rem}.app-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:650;letter-spacing:-.02em}.app-subtitle{margin:0 0 1rem;color:var(--muted);font-size:.9rem}.source-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem}.source-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.source-actions-project{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:1.25rem}.source-reset{margin-left:auto}.source-preview-wrap{margin:0 0 1rem;padding:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;display:flex;justify-content:center;align-items:center;max-height:420px;overflow:auto}.source-preview-image{display:block;max-width:100%;max-height:380px;width:auto;height:auto;object-fit:contain;image-rendering:auto;background:#000;border-radius:4px}.btn-export{padding-left:1.35rem;padding-right:1.35rem;min-width:calc((6ch + 1.8rem)*1.5)}.source-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1.25rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--surface-2);border-radius:8px;font-size:.95rem}.meta-label{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}.split-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem}.split-controls label,.toolbar label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--muted)}input[type=number],input[type=text],.card-name-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.4rem .55rem;font-size:.9rem;min-width:0}input[type=number]{width:6rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:8px;padding:.5rem .9rem;font-size:.9rem;font-weight:550;cursor:pointer;color:var(--text);background:var(--surface-2);transition:background .12s ease,border-color .12s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface-2);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:#2d3b52}.btn-danger{background:transparent;border-color:var(--danger);color:#fca5a5}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.file-label{display:inline-flex;align-items:center;position:relative;overflow:hidden}.file-label input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.hint{color:var(--muted);font-size:.9rem;margin:.5rem 0 0}.error-banner{margin-top:.75rem;padding:.75rem 1rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:#fecaca;font-size:.9rem}.status-banner{position:sticky;bottom:.75rem;padding:.75rem 1rem;background:#052e16;border:1px solid #166534;border-radius:8px;color:#bbf7d0;font-size:.9rem;z-index:10}.toolbar{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem 1rem;align-items:end;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.1rem}.toolbar-start{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;align-items:flex-end;justify-content:flex-start;min-width:0}.toolbar-center{display:flex;flex-wrap:wrap;gap:.6rem .75rem;align-items:center;justify-content:center;justify-self:center}.toolbar-end{display:flex;flex-wrap:wrap;gap:.6rem .75rem;align-items:center;justify-content:flex-end;min-width:0}.toolbar-group{display:flex;flex-wrap:wrap;gap:.6rem .85rem;align-items:flex-end}.checkbox-label{flex-direction:row!important;align-items:center;gap:.4rem!important;color:var(--text)!important;font-size:.9rem!important;padding-bottom:.35rem}.export-progress{grid-column:1 / -1;width:100%;font-size:.85rem;color:var(--muted)}.editor-grid{display:grid;gap:1rem;align-items:start}.editor-card{background:var(--surface);border:2px solid var(--border);border-radius:10px;padding:.65rem;display:flex;flex-direction:column;gap:.5rem;min-width:0;transition:border-color .12s ease,box-shadow .12s ease}.editor-card-active{border-color:var(--active-ring);box-shadow:0 0 0 2px #60a5fa59}.card-header{display:flex;flex-direction:column;gap:.3rem}.card-name-input{width:100%}.card-offset{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.card-canvas-wrap{position:relative;width:100%;max-width:100%;background:#000;border-radius:6px;overflow:hidden;max-height:320px}.card-canvas,.card-grid-overlay{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.card-canvas{cursor:grab;position:relative;z-index:1;max-height:320px}.card-canvas:active{cursor:grabbing}.card-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;max-height:320px}.card-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}