@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#101828;background:#f5f7fa;font-synthesis:none;--ink:#101828;--muted:#667085;--line:#e5e9ef;--blue:#4569ff;--soft:#eef2ff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 0,#edf1ff 0,transparent 28rem),#f5f7fa}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.8px;text-decoration:none}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--ink);font-size:25px;line-height:1;transform:rotate(-12deg)}.brand-accent{color:var(--blue)}.privacy-pill,.live-badge,.format-label{font:500 10px DM Mono,monospace;letter-spacing:.4px;color:#536174}.privacy-pill{padding:9px 12px;border:1px solid #dfe5ef;border-radius:99px;background:#fff}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38b979;margin-right:4px}.shell{max-width:1180px;margin:auto;padding:46px 28px 80px}.hero{max-width:640px;margin-bottom:48px}.eyebrow,.section-kicker{font:500 10px DM Mono,monospace;letter-spacing:1.5px;color:var(--blue);margin:0 0 15px}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.02;letter-spacing:-3px;margin:0 0 20px;font-weight:800}.hero h1 em{font-style:normal;color:#8090a9}.hero-copy{color:var(--muted);font-size:15px;line-height:1.7;max-width:510px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 12px 35px #16254d05}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.panel-heading h2,.history-title h2{font-size:19px;margin:0;letter-spacing:-.6px}.section-kicker{margin-bottom:8px}.live-badge{color:#28a26c;padding:7px 9px;border:1px solid #bde8d2;border-radius:5px;background:#effbf5}.field-label{display:block;font-size:11px;font-weight:700;color:#475467;margin:0 0 8px}.field-label span{font-weight:400;color:#98a2b3}.controls-panel textarea,.controls-panel select{width:100%;border:1px solid #d9e0e9;border-radius:9px;background:#fbfcfe;color:var(--ink);font:14px Manrope;outline:0;transition:.2s}.controls-panel textarea{resize:vertical;min-height:105px;padding:13px;line-height:1.5}.controls-panel textarea:focus,.controls-panel select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4569ff12}.controls-panel select{padding:11px 12px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.field-row{display:grid;gap:13px;margin-top:19px}.field-row.three{grid-template-columns:1fr 1fr}.divider{height:1px;background:var(--line);margin:26px 0}.compact{margin-bottom:20px}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-control{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid #d9e0e9;border-radius:9px;color:#475467;font-size:11px;font-weight:700}.color-picker{display:flex;align-items:center;gap:7px}.color-picker input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:23px;height:23px;padding:0;border:0;background:none;cursor:pointer}.color-picker input::-webkit-color-swatch-wrapper{padding:0}.color-picker input::-webkit-color-swatch{border:1px solid #dce1e8;border-radius:50%}.color-picker output{font:10px DM Mono,monospace;color:#667085}.logo-label{margin-top:20px}.upload-wrap{position:relative}.upload-wrap input{position:absolute;opacity:0;width:1px;height:1px}.upload-button{height:45px;border:1px dashed #cbd4df;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#667085;font-size:11px;cursor:pointer}.upload-button span:first-child{font-size:18px;color:var(--blue)}.remove-logo{position:absolute;right:7px;top:7px;border:0;background:#eef2f6;border-radius:5px;width:30px;height:30px;color:#667085;cursor:pointer}.generate-button{width:100%;margin-top:20px;border:0;border-radius:9px;padding:14px;background:var(--ink);color:#fff;font:700 13px Manrope;cursor:pointer;transition:.2s}.generate-button:hover{background:#263653;transform:translateY(-1px)}.generate-button span{float:right;font-size:18px;line-height:12px}.status{font-size:11px;color:#667085;min-height:16px;margin:10px 0 0}.preview-panel{display:flex;flex-direction:column}.format-label{padding-top:4px}.qr-stage{min-height:355px;display:grid;place-items:center;background:#f8fafc;border:1px solid #eef1f5;border-radius:12px}.qr-frame{background:#fff;padding:19px;box-shadow:0 10px 28px #10182812;position:relative}.qr-frame canvas{display:block;width:min(100%,280px);height:auto;image-rendering:pixelated}.empty-state{width:280px;height:280px;display:grid;place-items:center;align-content:center;text-align:center;color:#a5afbd;font-size:12px;line-height:1.5}.empty-state span{font-size:58px;line-height:1;color:#d5dce8;transform:rotate(-12deg)}.empty-state p{margin:0}.preview-meta{display:flex;justify-content:center;gap:9px;color:#8b96a7;font:10px DM Mono,monospace;margin:18px 0}.download-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.download-button{border:1px solid #d7dee8;border-radius:8px;background:#fff;padding:12px 8px;color:#475467;font:600 11px Manrope;cursor:pointer}.download-button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.download-button:disabled{opacity:.45;cursor:not-allowed}.download-button span{font-size:15px;margin-right:5px}.hint{text-align:center;color:#98a2b3;font-size:10px;margin:16px 0 0}.history-section{margin-top:65px}.history-title{display:flex;align-items:baseline;gap:17px;margin-bottom:17px}.history-title .section-kicker{margin:0}.history-list{display:flex;gap:10px;overflow:auto}.history-empty{font-size:12px;color:#98a2b3;margin:0}.history-item{min-width:210px;max-width:300px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px;text-align:left;color:var(--ink);cursor:pointer}.history-icon{display:grid;place-items:center;width:28px;height:28px;background:var(--soft);color:var(--blue);border-radius:6px;font-size:20px}.history-text{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.history-arrow{color:#98a2b3}footer{max-width:1180px;margin:auto;padding:25px 28px 35px;display:flex;justify-content:space-between;border-top:1px solid #e3e7ed;color:#98a2b3;font:10px DM Mono,monospace;letter-spacing:.3px}@media(max-width:760px){.topbar{height:65px;padding:0 18px}.privacy-pill{font-size:9px}.shell{padding:32px 16px 60px}.hero{margin-bottom:35px}.hero h1{font-size:44px;letter-spacing:-2px}.workspace{grid-template-columns:1fr}.panel{padding:21px}.qr-stage{min-height:330px}.history-section{margin-top:45px}footer{padding:22px 18px;display:block}footer span{display:block;margin:5px 0}}@media(max-width:380px){.field-row.three,.color-row,.download-row{grid-template-columns:1fr}.hero h1{font-size:38px}}