*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0}
.app{display:grid;grid-template-columns:minmax(320px,430px) 1fr;gap:16px;min-height:100vh;padding:16px}
.card{background:#111827;border:1px solid #1f2937;border-radius:14px;padding:16px}
.sub{color:#94a3b8;margin-top:0}.group{display:flex;flex-direction:column;gap:6px;margin:10px 0}.small{max-width:130px}
.row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
input,select,button{background:#0b1220;color:#e2e8f0;border:1px solid #334155;border-radius:10px;padding:10px}
button{cursor:pointer;background:#2563eb;border:none;font-weight:600}
button.ghost{background:transparent;border:1px solid #334155}
.preview h2{margin-top:0}.preview-wrap{background:repeating-conic-gradient(#1f2937 0% 25%, #0f172a 0% 50%) 50% / 16px 16px;border:1px dashed #334155;border-radius:12px;padding:20px;overflow:auto}
#logoSvg{width:100%;height:auto;background:transparent;min-height:220px}
.status{min-height:20px;color:#93c5fd}.hidden{display:none}
#brandLabel{fill:currentColor}
@media(max-width:900px){.app{grid-template-columns:1fr}}