:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#172033;--muted:#667085;--line:#e4e7ec;--primary:#6657e8;--primary-dark:#5547d6;--surface:#fff;--preview:#202d46;--success:#12a36d;background:#f6f7fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 30%,#6657e812,#0000 27rem),radial-gradient(circle at 92% 6%,#4ca8ff14,#0000 24rem),#f6f7fb;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:not(:disabled),a{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;z-index:-1;border:1px solid #6657e814;border-radius:3rem;width:16rem;height:16rem;position:fixed;transform:rotate(18deg)}.app-shell:before{top:28%;left:-12rem}.app-shell:after{bottom:8%;right:-12rem}.site-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:26px 0;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:11px;font-size:16px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--primary);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 16px #6657e840}.brand-mark svg{width:19px;height:19px}.privacy-note{color:#647086;align-items:center;gap:8px;font-size:12px;font-weight:550;display:flex}.privacy-note svg{width:14px;height:14px;color:var(--success)}main{width:min(1080px,100% - 48px);margin:0 auto}.hero{text-align:center;max-width:760px;margin:44px auto 39px;animation:.52s ease-out both rise-in}.eyebrow{color:var(--primary);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:16px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow>span{background:var(--primary);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #6657e81a}.hero h1{color:#182238;letter-spacing:-.055em;margin:0;font-size:clamp(39px,5vw,61px);line-height:1.02}.hero h1 em{color:var(--primary);white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after{border:solid var(--primary);content:"";opacity:.55;border-width:2px 0 0;border-radius:50%;height:7px;position:absolute;bottom:-7px;left:2px;right:2px;transform:rotate(-1deg)}.hero>p{max-width:610px;color:var(--muted);margin:22px auto 0;font-size:16px;line-height:1.7}.generator-card{background:var(--surface);border:1px solid #d8dce6e6;border-radius:22px;grid-template-columns:1.08fr .92fr;min-height:500px;animation:.6s ease-out 80ms both rise-in;display:grid;overflow:hidden;box-shadow:0 24px 75px #27324e1a,0 3px 10px #27324e0a}.generator-panel,.preview-panel{padding:43px 45px}.step-label{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;font-weight:800;display:flex}.step-label>span:first-child{color:#fff;background:var(--primary);letter-spacing:0;border-radius:7px;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.step-label.light{color:#d1d9ea}.step-label.light>span:first-child{color:#dfdbff;background:#8b7dff33}.panel-heading{margin:24px 0 20px}.panel-heading h2{color:var(--ink);letter-spacing:-.035em;margin:0 0 10px;font-size:24px;line-height:1.25}.panel-heading p{max-width:390px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}form label{color:#344054;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.content-type-tabs{background:#f2f4f8;border-radius:11px;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:24px;padding:5px;display:grid}.content-type-tabs button{color:#667085;background:0 0;border:1px solid #0000;border-radius:7px;min-width:0;min-height:34px;padding:5px 7px;font-size:10px;font-weight:700;transition:color .15s,background .15s,box-shadow .15s}.content-type-tabs button:hover{color:var(--ink);background:#ffffffa6}.content-type-tabs button.is-active{color:var(--primary);background:#fff;box-shadow:0 2px 7px #2b354d1a}.content-type-tabs button:focus-visible{outline-offset:1px;outline:3px solid #6657e840}.content-form-heading{margin-bottom:18px}.content-form-heading h3{color:var(--ink);letter-spacing:-.025em;margin:0 0 5px;font-size:17px}.content-form-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.content-form>label,.field-grid label{margin-top:14px}.content-form-heading+label,.content-form-heading+.field-grid,.field-grid>div>label:first-child{margin-top:0}.content-form input:not([type=checkbox]),.content-form select,.content-form textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d7dce5;border-radius:9px;outline:0;font-size:13px;transition:border-color .16s,box-shadow .16s}.content-form input:not([type=checkbox]),.content-form select{height:47px;padding:0 13px}.content-form textarea{resize:vertical;min-height:92px;padding:12px 13px;line-height:1.5}.content-form input::placeholder,.content-form textarea::placeholder{color:#a3aaba}.content-form input:focus,.content-form select:focus,.content-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6657e81c}.content-form input[aria-invalid=true],.content-form textarea[aria-invalid=true]{border-color:#e45b65}.field-grid{gap:11px;display:grid}.field-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.content-form>input+.field-grid,.content-form>textarea+.field-grid{margin-top:14px}.field-help{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;padding-top:6px;display:flex}.field-help p{color:#687386;overflow-wrap:anywhere;margin:0;font-size:9px;line-height:1.45}.field-help strong{color:#4d5a70}.field-help .input-error{color:#c83e49;text-align:right}.choice-row,form label.choice-row{cursor:pointer;background:#fafbfc;border:1px solid #e0e4ec;border-radius:9px;align-items:flex-start;gap:10px;margin:14px 0 0;padding:10px 12px;display:flex}.choice-row.compact,form label.choice-row.compact{padding-block:9px}.choice-row input{width:16px;height:16px;accent-color:var(--primary);margin:1px 0 0}.choice-row>span{flex-direction:column;gap:2px;min-width:0;display:flex}.choice-row strong{color:#344054;font-size:10px}.choice-row small{color:#7d8798;font-size:9px;font-weight:500;line-height:1.4}.input-shell{position:relative}.input-shell input{width:100%;height:52px;color:var(--ink);background:#fff;border:1px solid #d7dce5;border-radius:10px;outline:0;padding:0 45px 0 15px;font-size:14px;transition:border-color .16s,box-shadow .16s}.input-shell input::placeholder{color:#a3aaba}.input-shell input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6657e81c}.input-shell.has-error input{border-color:#e45b65}.input-status-icon{color:#fff;background:var(--success);border-radius:50%;width:19px;height:19px;padding:3px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.input-meta{justify-content:space-between;align-items:flex-start;gap:12px;min-height:38px;padding-top:7px;display:flex}.form-error{color:#c83e49;text-align:center;margin:14px 0 0;font-size:10px;font-weight:650;line-height:1.45}.input-meta p{margin:0;font-size:10px;line-height:1.45}#input-hint{color:#687386}.input-error{color:#c83e49;text-align:right;font-weight:650}.primary-button{color:#fff;background:var(--primary);border-radius:10px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:51px;margin-top:20px;padding:0 17px;font-size:13px;font-weight:750;transition:background .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 10px 22px #6657e836}.primary-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 13px 26px #6657e847}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:focus-visible,.download-button:focus-visible,.brand:focus-visible{outline-offset:3px;outline:3px solid #6657e84d}.primary-button:disabled{cursor:wait;opacity:.72}.primary-button svg,.spinner{width:17px;height:17px}.spinner{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;animation:.7s linear infinite spin}.feature-list{color:#5f697c;justify-content:center;gap:27px;margin-top:25px;font-size:10px;display:flex}.feature-list>div{align-items:center;gap:6px;display:flex}.feature-list svg{color:#fff;background:var(--success);border-radius:50%;width:14px;height:14px;padding:2px}.preview-panel{background:radial-gradient(circle at 95% 5%,#728ab938,#0000 16rem),linear-gradient(145deg,#25334e 0%,#1c2940 100%);flex-direction:column;display:flex}.preview-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.status-badge{color:#aeb9cc;letter-spacing:.02em;align-items:center;gap:7px;font-size:9px;font-weight:700;display:inline-flex}.status-badge>span{background:#77849a;border-radius:50%;width:6px;height:6px}.status-badge.is-ready{color:#bcebd8}.status-badge.is-ready>span{background:#41d697;box-shadow:0 0 0 4px #41d6971a}.preview-stage{flex:1;place-items:center;min-height:260px;padding:28px 0 22px;display:grid}.empty-preview{text-align:center;max-width:240px}.empty-icon-wrap{color:#8592a8;background:#ffffff06;border:1px dashed #c2cce03d;border-radius:24px;place-items:center;width:110px;height:110px;margin:0 auto 22px;display:grid}.empty-icon-wrap svg{stroke-width:1.2px;width:46px;height:46px}.empty-preview p{color:#dce3ef;margin:0 0 6px;font-size:13px;font-weight:700}.empty-preview>span{color:#8491a7;font-size:10px;line-height:1.5}.qr-image-frame{aspect-ratio:1;background:#fff;border-radius:17px;width:min(244px,100%);padding:10px;animation:.26s ease-out both code-in;box-shadow:0 24px 55px #050c1a4d,0 0 0 6px #ffffff12}.export-settings{grid-template-columns:minmax(0,1.45fr) minmax(125px,.8fr);gap:10px;margin-bottom:12px;display:grid}.export-settings label{color:#b9c3d4;flex-direction:column;gap:6px;min-width:0;font-size:9px;font-weight:700;display:flex}.export-settings input,.export-settings select{color:#eef2f8;background:#fff1;border:1px solid #cdd7e929;border-radius:8px;outline:0;width:100%;min-width:0;height:38px;padding:0 10px;font-size:10px}.export-settings select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.export-settings input:focus,.export-settings select:focus{border-color:#8e83f5;box-shadow:0 0 0 3px #8e83f52e}.filename-input{display:block;position:relative}.filename-input input{padding-right:72px}.filename-input>span{color:#8491a7;pointer-events:none;font-size:8px;font-weight:600;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.qr-image-frame img{width:100%;height:100%;display:block}.download-area{grid-template-columns:1fr 1fr;gap:10px;display:grid}.download-button{color:#d8e0ed;background:#ffffff0e;border:1px solid #cdd7e924;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:55px;padding:8px 13px;transition:border-color .16s,background .16s,transform .16s;display:flex}.download-button:hover:not(:disabled){background:#ffffff18;border-color:#cdd7e945;transform:translateY(-1px)}.download-button:disabled{cursor:not-allowed;opacity:.42}.download-button.primary-download:not(:disabled){color:#fff;background:var(--primary);border-color:#0000}.download-button.primary-download:hover:not(:disabled){background:#7668ee}.download-button svg{flex:none;width:17px;height:17px}.download-button>span{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.download-button strong{white-space:nowrap;font-size:10px;font-weight:750}.download-button small{color:#9da8ba;white-space:nowrap;font-size:9px}.primary-download small{color:#fff}.download-area>.download-button:last-child:nth-child(odd){grid-column:1/-1}.export-feedback{color:#b7c2d4;text-align:center;min-height:22px;padding-top:8px;font-size:9px;line-height:1.45}.export-feedback.is-success{color:#9ce0c4}.export-feedback.is-error{color:#ffafb5}footer{text-align:center;width:min(1080px,100% - 48px);margin:25px auto 0;padding:0 0 28px}footer p{color:#99a1ae;letter-spacing:.025em;margin:0;font-size:9px}footer span{color:#c4c9d1;padding:0 10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes code-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.hero{margin-top:30px}.generator-card{grid-template-columns:1fr}.generator-panel,.preview-panel{padding:38px}.preview-stage{min-height:300px}}@media (width<=560px){.site-header,main,footer{width:min(100% - 28px,1080px)}.site-header{padding:18px 0}.privacy-note span{display:none}.hero{margin:32px auto 30px}.hero h1{font-size:clamp(36px,12vw,48px)}.hero>p{font-size:14px}.generator-card{border-radius:17px}.generator-panel,.preview-panel{padding:30px 22px}.content-type-tabs{gap:4px}.content-type-tabs button{padding-inline:4px;font-size:9px}.field-grid.two-columns,.export-settings{grid-template-columns:1fr}.field-grid.two-columns{gap:14px}.input-meta{min-height:48px;display:block}.input-error{text-align:left;margin-top:4px!important}.feature-list{flex-direction:column;align-items:center;gap:8px}.preview-header{align-items:flex-start}.preview-stage{min-height:290px}.download-area{grid-template-columns:1fr}.download-area>.download-button:last-child:nth-child(odd){grid-column:auto}.download-button{min-height:58px}footer p{flex-wrap:wrap;justify-content:center;gap:5px;line-height:1.5;display:flex}footer span{padding:0 2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}