:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1020;--panel:#1a1b2e;--panel-2:#23253d;--text:#e8e8f0;--muted:#9a9ab0;--accent:#6a1a4c;--accent-2:#0054a3;--border:#33344f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at top,#1a1b2e 0%,#0f1020 60%);min-height:100vh;margin:0}#root{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{background:linear-gradient(90deg,#3eb300,#0054a3);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem}.app-header p{color:var(--muted);margin:.35rem 0 0}.layout{flex-direction:column;align-items:stretch;gap:1.5rem;display:flex}.controls{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--muted);font-size:.85rem;font-weight:600}.field.checkbox label{color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;display:flex}textarea,select,input[type=file]{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:.55rem .65rem}input[type=color]{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;width:100%;height:40px;padding:2px}input[type=range]{accent-color:#0054a3;width:100%}.preview{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;display:flex;position:sticky;top:1rem}.qr-wrap{background:#fff;border-radius:12px;justify-content:center;align-items:center;max-width:100%;padding:12px;display:flex;overflow:auto}.qr-canvas canvas,.qr-canvas svg{max-width:100%;height:auto;display:block}.export{gap:.6rem;width:100%;display:flex}.export select{flex:0 0 110px}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6rem 1rem;font-weight:600}.btn-primary{color:#fff;background:linear-gradient(90deg,#3eb300,#0054a3);flex:1}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--text);align-self:flex-start;padding:.4rem .75rem}.btn-secondary:hover{border-color:var(--muted)}