:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1f232c;--border:#2a2f3a;--text:#e6e8ee;--muted:#9aa3b2;--accent:#6aa9ff;--accent-2:#5b8cff;--danger:#ff6b6b;--ok:#5fd29c;--warn:#ffcb6b;--radius:8px;--checker:linear-gradient(45deg, #2a2f3a 25%, transparent 25%), linear-gradient(-45deg, #2a2f3a 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #2a2f3a 75%), linear-gradient(-45deg, transparent 75%, #2a2f3a 75%)}html,body{background:var(--bg);color:var(--text);min-height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.4rem .8rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#0b1220;border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-2)}input,select,textarea{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:.35rem .55rem}input[type=color]{width:44px;height:32px;padding:0}input[type=range]{background:0 0;border:0;padding:0}label{color:var(--muted);align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.col{flex-direction:column;gap:.75rem;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.preview{background-color:var(--panel-2);background-image:var(--checker);border:1px solid var(--border);border-radius:var(--radius);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;justify-content:center;align-items:center;min-height:200px;padding:.5rem;display:flex;overflow:auto}.preview img,.preview canvas,.preview svg{max-width:100%;max-height:60vh;display:block}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger);white-space:pre-wrap;background:#ff6b6b14;border:1px solid #ff6b6b66;border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);padding:1.5rem;transition:border-color .15s}.dropzone.drag{border-color:var(--accent);color:var(--text)}.app.svelte-12qhfyh{flex-direction:column;min-height:100vh;display:flex}.topbar.svelte-12qhfyh{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.brand.svelte-12qhfyh{color:var(--text);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:inline-flex}.logo.svelte-12qhfyh{border-radius:4px;display:block}.tabs.svelte-12qhfyh{flex-wrap:wrap;gap:.25rem;display:flex}.tab.svelte-12qhfyh{color:var(--muted);border:1px solid #0000;border-radius:6px;padding:.4rem .75rem;text-decoration:none}.tab.svelte-12qhfyh:hover{color:var(--text);border-color:var(--border)}.tab.active.svelte-12qhfyh{color:var(--text);background:var(--panel-2);border-color:var(--border)}.badge.svelte-12qhfyh{color:var(--ok);border:1px solid #5fd29c59;border-radius:999px;margin-left:auto;padding:.15rem .5rem;font-size:.75rem}.main.svelte-12qhfyh{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem}.footer.svelte-12qhfyh{text-align:center;color:var(--muted);border-top:1px solid var(--border);padding:1rem;font-size:.8rem}.footer.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:0}.footer.svelte-12qhfyh p:where(.svelte-12qhfyh)+p:where(.svelte-12qhfyh){margin-top:.35rem}.footer.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text)}.footer.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--accent)}