:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111827;background:#f8fafc;--bg: #f8fafc;--panel: #ffffff;--panel-2: #f8fafc;--text: #111827;--muted: #475569;--border: #e2e8f0;--border-strong: #cbd5e1;--primary: #2563eb;--primary-soft: #eff6ff;--secondary: #0f172a;--preview-a: #eff6ff;--preview-b: #eef2ff;--toast-success: #166534;--toast-error: #b91c1c}:root[data-theme=dark]{--bg: #020617;--panel: #0f172a;--panel-2: #111827;--text: #e5e7eb;--muted: #94a3b8;--border: #1e293b;--border-strong: #334155;--primary: #60a5fa;--primary-soft: #172554;--secondary: #334155;--preview-a: #111827;--preview-b: #1e293b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#root{min-height:100vh}.app-shell{max-width:1280px;margin:0 auto;padding:24px 16px 32px}.hero{margin-bottom:28px;text-align:center;padding:20px;background:var(--panel-2);border-radius:16px;border:1px solid var(--border)}.hero--row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.eyebrow{margin:0;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px}h1,h2{margin:10px 0;color:var(--text)}h1{font-size:clamp(1.5rem,2.8vw,2.2rem)}h2{font-size:1rem}.hero-copy,.muted{margin:0;color:var(--muted)}.generator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:24px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.field-group{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:14px;color:var(--text);font-weight:600}input,select,button,a{font:inherit}input[type=text],select,textarea,input[type=file]{border:1px solid var(--border-strong);border-radius:10px;padding:12px 14px;background:var(--panel);color:var(--text);width:100%}textarea{resize:vertical;min-height:96px}input[type=color]{width:100%;height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--panel);padding:4px}input[type=range]{width:100%}.preview-panel{display:flex;flex-direction:column;justify-content:space-between}.preview-card{background:linear-gradient(160deg,var(--preview-a),var(--preview-b));border-radius:16px;min-height:380px;display:grid;place-items:center;padding:24px;box-shadow:0 4px 12px #0000000d}.qr-preview{background:#fff;border-radius:12px;padding:14px;box-shadow:0 10px 30px #0f172a14;overflow:auto;max-width:100%;--frame-color: #111827;--frame-width: 3px}.qr-download-frame{display:inline-flex}.qr-preview--frame-none{outline:none;border:none}.qr-preview--frame-solid{border:var(--frame-width) solid var(--frame-color);border-radius:16px}.qr-preview--frame-dashed{border:var(--frame-width) dashed var(--frame-color);border-radius:16px}.qr-preview--frame-double{border:var(--frame-width) solid var(--frame-color);border-radius:16px;box-shadow:0 0 0 calc(var(--frame-width) + 4px) color-mix(in srgb,var(--frame-color) 18%,transparent)}.qr-preview--frame-rounded{border:var(--frame-width) solid var(--frame-color);border-radius:28px}.download-actions,.dynamic-actions,.hero-actions,.batch-toggle-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.hero-actions{justify-content:center}.batch-toggle-row{margin-top:0;margin-bottom:20px}button{border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600;background:var(--primary);color:#fff;transition:all .15s ease;font-size:14px}button:hover{opacity:.9;transform:translateY(-1px)}button.secondary{background:var(--secondary)}.devkit-btn{background:var(--primary);color:#fff;border-radius:8px;padding:10px 16px;cursor:pointer;transition:all .15s ease;font-weight:600;font-size:14px;text-decoration:none}.devkit-btn:hover{opacity:.9}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.type-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px}.type-button{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);cursor:pointer;transition:all .15s ease}.type-button:hover{border-color:var(--primary);background:var(--panel)}.type-button--active{border-color:var(--primary);background:var(--primary-soft)}.type-button__icon{font-size:1.4rem;margin-bottom:4px}.type-button__label{font-size:.78rem;color:var(--text);text-align:center;font-weight:600;line-height:1.35}.checkbox-row{flex-direction:row;align-items:center;gap:10px}.checkbox-row input[type=checkbox]{width:18px;height:18px}.info-box{background:var(--panel-2);border:1px solid var(--border-strong);border-radius:8px;padding:10px;margin-top:8px;font-size:.9rem}.info-box div{margin-bottom:6px}.error-text{color:#ef4444;font-size:.85rem}.theme-toggle{white-space:nowrap}.toast-stack{position:fixed;top:18px;right:18px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{min-width:220px;max-width:320px;padding:12px 14px;border-radius:12px;color:#fff;box-shadow:0 12px 30px #0f172a3d}.toast--success{background:var(--toast-success)}.toast--error{background:var(--toast-error)}@media(max-width:1100px){.generator-layout{grid-template-columns:1fr 1fr}}@media(max-width:900px){.generator-layout,.field-row,.hero--row{grid-template-columns:1fr;display:grid}.hero--row{gap:12px}.download-actions,.dynamic-actions{flex-direction:column}.toast-stack{left:12px;right:12px;top:12px}.toast{max-width:none;min-width:0}}.app-footer{margin-top:40px;padding:24px 16px;text-align:center;border-top:1px solid var(--border);background:var(--panel-2);border-radius:12px}.app-footer p{margin:0;color:var(--muted);font-size:13px}.app-footer a{color:var(--primary);text-decoration:none;font-weight:600;transition:opacity .15s ease}.app-footer a:hover{opacity:.8;text-decoration:underline}