:root{color:#182033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#4f7dff47,#0000 34rem),linear-gradient(135deg,#eef4ff 0%,#f8fbff 48%,#edf7f1 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{place-items:center;min-height:100vh;padding:clamp(16px,4vw,40px);display:grid}.card{background:#fffffff0;border:1px solid #5472a033;border-radius:32px;width:min(100%,1040px);padding:clamp(22px,5vw,48px);box-shadow:0 24px 80px #1f2f5129}.hero{justify-content:space-between;gap:24px;margin-bottom:clamp(24px,4vw,40px);display:flex}.eyebrow{color:#3151a5;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.85rem;font-weight:800}h1{margin:0;font-size:clamp(2.25rem,7vw,4.75rem);line-height:.95}.lede{color:#52617a;max-width:660px;margin:18px 0 0;font-size:clamp(1rem,2.2vw,1.22rem);line-height:1.65}.generator-grid{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:start;gap:clamp(22px,4vw,36px);display:grid}.input-panel,.preview-panel{min-width:0}label{color:#253555;margin-bottom:10px;font-size:1rem;font-weight:800;display:inline-block}textarea{resize:vertical;color:#17223a;background:#fbfdff;border:1px solid #c9d6ec;border-radius:18px;outline:none;width:100%;padding:16px 18px;line-height:1.55;transition:border-color .16s,box-shadow .16s}textarea:focus{border-color:#4f7dff;box-shadow:0 0 0 4px #4f7dff26}.input-meta{justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}.input-meta p,.error-message{color:#64748b;margin:0;font-size:.92rem;line-height:1.5}.error-message{color:#3151a5;min-height:1.5em;margin-top:18px}.ghost-button,.download-button{border:0;border-radius:999px;font-weight:800}.ghost-button{color:#3151a5;background:#edf3ff;flex:none;padding:10px 14px}.download-button{color:#fff;background:linear-gradient(135deg,#3151a5,#4f7dff);width:100%;padding:15px 18px;box-shadow:0 14px 28px #3151a53d}.download-button.secondary{background:linear-gradient(135deg,#1f6f60,#20a486);box-shadow:0 14px 28px #1f6f6033}.style-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.style-panel label{color:#253555;background:#f8fbff;border:1px solid #dbe6f7;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 14px;font-size:.94rem;display:flex}.style-panel input[type=color]{background:0 0;border:0;border-radius:10px;flex:none;width:44px;height:34px;padding:0}.length-guidance{color:#64748b;margin:14px 0 0;font-size:.92rem;line-height:1.5}.download-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.preview-panel{background:#f8fbff;border:1px solid #dbe6f7;border-radius:24px;padding:18px}.preview-frame{aspect-ratio:1;background:#fff;border:1px dashed #c8d6ef;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.preview-frame canvas{max-width:100%;image-rendering:pixelated;display:block;width:min(100%,340px)!important;height:auto!important}.preview-frame[data-empty=true] canvas{opacity:.12}.empty-preview{color:#52617a;text-align:center;background:#ffffffd1;border-radius:16px;place-items:center;font-weight:800;display:grid;position:absolute;inset:18px}.qr-details{gap:10px;margin:18px 0 0;display:grid}.qr-details div{grid-template-columns:100px minmax(0,1fr);gap:12px;display:grid}.qr-details dt{color:#64748b;font-weight:800}.qr-details dd{color:#253555;overflow-wrap:anywhere;min-width:0;margin:0}.payload-preview{max-height:4.5rem;overflow:auto}@media (width<=760px){.hero,.input-meta{flex-direction:column;align-items:stretch}.generator-grid,.style-panel,.download-actions{grid-template-columns:1fr}.qr-details div{grid-template-columns:1fr;gap:4px}}