:root{--bg:#fff7ed;--panel:#fff;--ink:#102033;--muted:#667085;--brand:#0ea5e9;--brand2:#f97316;--line:#d9e7f2;--shadow:0 20px 50px rgba(15,32,51,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#dff7ff,transparent 34rem),radial-gradient(circle at top right,#ffedd5,transparent 30rem),linear-gradient(135deg,#f8fbff,var(--bg));min-height:100vh}.hero{padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,3rem) 1rem;max-width:1180px;margin:auto;text-align:center}.hero-logo{display:block;width:min(180px,42vw);height:auto;margin:0 auto .75rem}.eyebrow{margin:0 0 .5rem;color:var(--brand);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}h1{font-size:clamp(2.4rem,7vw,5rem);line-height:.9;margin:0;background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:1.05rem;margin:1.35rem 0 .75rem}.tagline{max-width:none;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);white-space:nowrap;text-align:center}.app-shell{display:grid;grid-template-columns:minmax(310px,460px) 1fr;gap:1.2rem;max-width:1180px;margin:0 auto;padding:1rem clamp(1rem,4vw,3rem) 2rem}.panel{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:var(--shadow);padding:clamp(1rem,2vw,1.5rem)}.field{display:grid;gap:.45rem;margin:.75rem 0}.field span:first-child,.field>span{font-weight:700;font-size:.92rem}input,select,textarea,button{font:inherit}input:not([type=color]):not([type=checkbox]):not([type=range]),select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:.78rem .9rem;background:#fff;color:var(--ink);outline:none}textarea{resize:vertical;min-height:7rem}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(14,165,233,.15)}input[type=color]{width:100%;height:46px;border:1px solid var(--line);border-radius:14px;padding:.25rem;background:white}.grid{display:grid;gap:.75rem}.grid.two{grid-template-columns:1fr 1fr}.checkbox{display:flex;align-items:center;gap:.65rem}.checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--brand)}.logo-pad{align-self:end;padding-bottom:.7rem}.hint,.meta,#status,small,footer{color:var(--muted)}details{border:1px solid var(--line);border-radius:16px;padding:.75rem;margin:1rem 0;background:#f8fafc}summary{cursor:pointer;font-weight:800}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}button{border:0;border-radius:999px;padding:.85rem 1.05rem;font-weight:800;cursor:pointer;background:linear-gradient(90deg,var(--brand),var(--brand2));color:white;box-shadow:0 10px 25px rgba(14,165,233,.22)}button.secondary{background:#e0f2fe;color:#0369a1;box-shadow:none}.preview{display:grid;grid-template-rows:auto 1fr auto;min-height:520px}.preview-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.qr-stage{display:grid;place-items:center;padding:clamp(1rem,3vw,2rem);background:linear-gradient(135deg,#f8fafc,#fff7ed);border-radius:22px;border:1px dashed #cbd5e1}canvas{max-width:100%;height:auto;border-radius:10px;box-shadow:0 16px 35px rgba(15,23,42,.12)}.meta{font-size:.9rem;margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem}.meta span{background:#f1f5f9;border:1px solid #e2e8f0;padding:.35rem .6rem;border-radius:999px}.dynamic-fields{animation:fade .2s ease}@keyframes fade{from{opacity:.4;transform:translateY(3px)}}footer{text-align:center;padding:0 1rem 2rem}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.preview{min-height:auto}.grid.two{grid-template-columns:1fr}}@media (max-width:640px){.tagline{white-space:normal}}@media (max-width:480px){.panel{border-radius:20px}.actions button{width:100%}}