:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f1f5f9;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#app{min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:32px 24px 64px}header{margin-bottom:28px}h1{letter-spacing:-.01em;margin:0 0 6px;font-size:28px;font-weight:700}.subtitle{color:#64748b;margin:0;font-size:15px}main{grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:start;gap:28px;display:grid}@media (width<=880px){main{grid-template-columns:1fr}}.controls,.preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 1px 2px #0f172a0a}.controls{flex-direction:column;gap:18px;display:flex}fieldset{border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:12px;margin:0;padding:14px 16px 16px;display:flex}legend{color:#475569;text-transform:uppercase;letter-spacing:.06em;padding:0 6px;font-size:13px;font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#334155;justify-content:space-between;gap:8px;font-size:13px;font-weight:500;display:flex}.value{color:#64748b;font-variant-numeric:tabular-nums;font-weight:400}input[type=text],select{width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 11px;transition:border-color .12s,box-shadow .12s}input[type=text]:focus,select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f12e}input[type=color]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:38px;padding:2px}input[type=range]{accent-color:#6366f1;width:100%}input[type=file]{font:inherit;font-size:13px}.checkbox{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.logo-actions{align-items:center;gap:12px;display:flex}.logo-thumb{object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:44px;height:44px;padding:4px}.preview-pane{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.preview-card{justify-content:center;align-items:center;min-height:360px;padding:24px;display:flex}.preview{display:flex}.preview svg,.preview canvas{max-width:100%;height:auto;display:block}.download{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=480px){.download{grid-template-columns:1fr}}button{font:inherit;color:#fff;cursor:pointer;background:#4f46e5;border:1px solid #0000;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .12s,transform 50ms}button:hover{background:#4338ca}button:active{transform:translateY(1px)}button.ghost{color:#475569;background:0 0;border-color:#cbd5e1;padding:6px 10px;font-size:13px}button.ghost:hover{color:#1e293b;background:#f1f5f9}button.secondary{color:#4f46e5;background:#fff;border-color:#c7d2fe}button.secondary:hover{background:#eef2ff}button.secondary.copied{color:#047857;background:#ecfdf5;border-color:#6ee7b7}button.secondary.errored{color:#b91c1c;background:#fef2f2;border-color:#fecaca}