@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#24263b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f8fc;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #b9b5ff}h1,h2,p{margin:0}.app-shell{background:radial-gradient(circle at 85% 0,#f0f0ff 0,#0000 36%),#f7f8fc;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e9eaf2;justify-content:space-between;align-items:center;height:76px;padding:0 max(36px,50vw - 730px);display:flex}.brand{letter-spacing:-.6px;color:#22243b;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;display:flex}.brand-mark{background:#625bfb;border-radius:9px;grid-template-columns:repeat(2,1fr);gap:3px;width:33px;height:33px;padding:6px;display:grid;box-shadow:0 5px 12px #625bfb39}.brand-mark span{border:2.5px solid #fff;border-radius:2px}.brand-mark span:last-child{background:#fff;border:0;width:5px;height:5px;margin:auto;box-shadow:6px 0 #fff,0 6px #fff}.topbar-right{color:#686b83;align-items:center;gap:25px;font-size:13px;font-weight:600;display:flex}.topbar-divider{background:#e6e7ee;width:1px;height:22px}.private-note{align-items:center;gap:7px;display:flex}.private-note svg{color:#7069e9}.page{max-width:1460px;margin:auto;padding:43px 36px 24px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}.eyebrow{color:#655ff1;letter-spacing:1.45px;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.eyebrow-dot{background:#716afa;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e9e7ff}.page-heading h1{letter-spacing:-1.5px;margin-top:12px;font-family:Manrope,sans-serif;font-size:34px;font-weight:800;line-height:1.25}.page-heading h1 span{color:#6962f6}.page-heading p{color:#74778d;margin-top:7px;font-size:14px}.heading-decoration{color:#928bf7;background:#fff;border-radius:13px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 5px 20px #34375d0b}.workspace{grid-template-columns:minmax(298px,1fr) minmax(355px,1.16fr) minmax(298px,1fr);align-items:start;gap:20px;display:grid}.panel,.preview-card{background:#fff;border:1px solid #e9eaf1;border-radius:19px;box-shadow:0 12px 36px #30335908}.panel{padding:25px 24px}.panel-heading{align-items:flex-start;gap:12px;margin-bottom:26px;display:flex}.step{color:#625bfb;background:#f0efff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.panel-heading h2,.preview-head h2{letter-spacing:-.4px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;line-height:1.25}.panel-heading p{color:#898ca0;margin-top:5px;font-size:12px}.section-label{letter-spacing:1.15px;color:#a0a2b1;margin-bottom:12px;font-size:10px;font-weight:800}.kind-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.kind-button{color:#72758c;background:#fff;border:1px solid #e9eaf2;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:71px;font-size:11px;font-weight:700;transition:all .16s;display:flex}.kind-button svg{stroke-width:1.8px;width:18px;height:18px}.kind-button:hover{color:#5f58e5;background:#faf9ff;border-color:#b9b5ff}.kind-button.active{color:#5f58e5;background:#f4f3ff;border-color:#847eff;box-shadow:inset 0 0 0 1px #847eff}.panel-rule{background:#eef0f4;height:1px;margin:25px 0}.fields{gap:15px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field-label{color:#43465b;font-size:12px;font-weight:800}.required{color:#716afa}.field input,.field textarea,.field select{color:#2a2d43;background:#fff;border:1px solid #e1e3ec;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#817bfa;box-shadow:0 0 0 3px #817bfa22}.field input::placeholder,.field textarea::placeholder{color:#afb1c0}.field textarea{resize:vertical;min-height:96px}.field-hint{color:#9a9caf;font-size:11px;line-height:1.45}.field-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field input[type=datetime-local]{padding:11px 7px;font-size:11px}.check-row{color:#55586c;align-items:center;gap:9px;font-size:12px;display:flex}.check-row input{accent-color:#625bfb}.inline-error{color:#bf4255;margin-top:12px;font-size:11px;line-height:1.45}.content-footnote{color:#8588a0;background:#f7f7fd;border-radius:10px;align-items:flex-start;gap:9px;margin-top:25px;padding:12px 13px;font-size:11px;line-height:1.45;display:flex}.content-footnote svg{color:#918cf0;flex:none;margin-top:1px}.preview-column{position:sticky;top:20px}.preview-card{padding:24px 24px 19px;overflow:hidden}.preview-head{justify-content:space-between;align-items:center;display:flex}.preview-kicker{color:#a6a8b7;letter-spacing:1.2px;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.preview-live{color:#3f9c6a;background:#f3fdf8;border-radius:20px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;font-weight:800;display:flex}.preview-live span{background:#59c58a;border-radius:50%;width:6px;height:6px}.preview-stage{background:#f3f4fb;border-radius:14px;justify-content:center;align-items:center;min-height:348px;margin-top:22px;display:flex;position:relative;overflow:hidden}.stage-glow{filter:blur(58px);opacity:.65;background:#e7e5ff;border-radius:50%;width:300px;height:300px;position:absolute;top:30px}.preview-stage:before,.preview-stage:after{content:"";border:1px solid #e4e5f2;border-radius:50%;width:410px;height:410px;position:absolute}.preview-stage:after{width:520px;height:520px}.qr-paper{z-index:1;aspect-ratio:1;background:#fff;border-radius:13px;place-items:center;width:min(304px,100% - 38px);display:grid;position:relative;overflow:hidden;box-shadow:0 19px 40px #292a5b23,0 3px 10px #292a5b0e}.qr-render,.qr-render svg,.qr-render canvas{display:block;width:100%!important;height:100%!important}.empty-preview{text-align:center;color:#a1a4b7;flex-direction:column;align-items:center;gap:10px;padding:20px;font-size:12px;display:flex}.empty-preview svg{color:#c7c7de}.preview-meta{border-bottom:1px solid #eff0f5;align-items:center;gap:10px;min-width:0;padding:18px 0 15px;display:flex}.meta-icon{color:#6c64f6;background:#f0efff;border-radius:9px;flex:none;place-items:center;width:37px;height:37px;display:grid}.meta-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.meta-copy strong{color:#33364c;font-size:12px}.meta-copy span{color:#9b9dae;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.scan-status{color:#81849a;align-items:center;gap:8px;min-height:43px;font-size:11px;line-height:1.35;display:flex}.scan-status.pass{color:#2f9968}.scan-status.fail{color:#c45c6b}.scan-status svg,.status-spinner{flex:none}.status-spinner{border:2px solid #e0ddff;border-top-color:#7068ed;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.download-area{grid-template-columns:1fr 94px;gap:9px;display:grid}.download-area button{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:45px;font-size:12px;font-weight:800;transition:all .16s;display:flex}.download-primary{color:#fff;background:#635bff;border:1px solid #635bff;box-shadow:0 7px 16px #635bff2e}.download-primary:hover:not(:disabled){background:#514ae9;transform:translateY(-1px)}.download-secondary{color:#53566d;background:#fff;border:1px solid #e3e4ed}.download-secondary:hover:not(:disabled){color:#5e58e9;border-color:#a7a2f4}.download-area button:disabled{opacity:.55;box-shadow:none}.download-hint{text-align:center;color:#a5a7b7;margin-top:13px;font-size:10px}.design-section{margin-top:22px}.design-panel .panel-heading{margin-bottom:22px}.section-title{color:#43465b;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:12px;font-weight:800;display:flex}.text-button{color:#85889e;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;display:flex}.text-button:hover{color:#5e58e9}.palette-row{gap:12px;display:flex}.palette{background:0 0;border:2px solid #0000;border-radius:50%;width:39px;height:39px;padding:3px;position:relative}.palette.selected{border-color:#6861fb}.palette>span{border:1px solid #e7e8ee;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.palette i{border-radius:4px;width:8px;height:17px;display:block}.palette>svg{color:#fff;background:#635bff;border-radius:50%;width:16px;height:16px;padding:2px;position:absolute;bottom:-4px;right:-6px}.color-grid{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.color-control{flex-direction:column;gap:8px;min-width:0;display:flex}.color-input-wrap{color:#73768e;border:1px solid #e6e7ee;border-radius:8px;align-items:center;gap:9px;height:39px;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.color-input-wrap input{cursor:pointer;background:0 0;border:0;flex:none;width:25px;height:25px;padding:0}.color-input-wrap input::-webkit-color-swatch-wrapper{padding:0}.color-input-wrap input::-webkit-color-swatch{border:0;border-radius:5px}.color-input-wrap span{text-overflow:ellipsis;overflow:hidden}.switch-row{color:#5d6075;cursor:pointer;justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;font-weight:700;display:flex;position:relative}.switch-row input{opacity:0;position:absolute;right:0}.switch{background:#d8dae5;border-radius:20px;width:37px;height:21px;transition:all .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002}.switch-row input:checked+.switch{background:#7069f5}.switch-row input:checked+.switch:after{transform:translate(16px)}.switch-row input:focus-visible+.switch{outline-offset:2px;outline:3px solid #b9b5ff}.style-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.style-option,.corner-option{color:#898ca1;background:#fff;border:1px solid #e6e8f0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.style-option{height:63px}.style-option:hover,.corner-option:hover{border-color:#a7a2f4}.style-option.selected,.corner-option.selected{color:#635bff;background:#f8f7ff;border-color:#8982ff}.dot-sample{grid-template-columns:repeat(2,1fr);gap:3px;width:26px;height:26px;display:grid}.dot-sample i{background:#81839a}.dot-sample.rounded i,.dot-sample.classy-rounded i{border-radius:3px}.dot-sample.dots i{border-radius:50%}.dot-sample.classy i:nth-child(2),.dot-sample.classy-rounded i:nth-child(2){border-radius:50% 0}.dot-sample.extra-rounded i{border-radius:5px}.style-option.selected .dot-sample i{background:#6861f3}.corner-section{margin-top:22px}.corner-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.corner-option{height:67px}.corner-sample{border:6px solid #888aa0;border-radius:1px;width:24px;height:24px;position:relative}.corner-sample:after{content:"";background:#888aa0;width:5px;height:5px;position:absolute;top:3.5px;left:3.5px}.corner-sample.extra-rounded{border-radius:7px}.corner-sample.dot{border-radius:9px}.corner-sample.dot:after{border-radius:50%}.corner-option.selected .corner-sample{border-color:#6861f3}.corner-option.selected .corner-sample:after{background:#6861f3}.optional{letter-spacing:.8px;color:#aaaabc;font-size:9px}.upload-box{color:#6e67eb;cursor:pointer;background:#fafaff;border:1.5px dashed #d9daf0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:91px;display:flex}.upload-box:hover{background:#f6f5ff;border-color:#8f88f6}.upload-box input{opacity:0;width:1px;height:1px;position:absolute}.upload-box:focus-within{outline-offset:2px;outline:3px solid #b9b5ff}.upload-box strong{font-size:11px}.upload-box span{color:#a5a8ba;font-size:10px}.uploaded-logo{border:1px solid #e9eaf1;border-radius:9px;align-items:center;gap:10px;padding:8px;display:flex}.uploaded-logo img{object-fit:contain;background:#f6f7fb;border-radius:6px;width:39px;height:39px}.uploaded-logo div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.uploaded-logo strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.uploaded-logo span{color:#9b9eaf;font-size:10px}.uploaded-logo button{color:#a2a4b5;background:0 0;border:0;padding:3px}.uploaded-logo button:hover{color:#b74758}.size-control{color:#74778d;flex-direction:column;gap:9px;margin-top:14px;font-size:11px;display:flex}.size-control span{justify-content:space-between;display:flex}.size-control strong{color:#5f58e8}.size-control input{accent-color:#6861f3;width:100%}.footer{color:#a4a6b6;justify-content:space-between;align-items:center;padding:21px 4px;font-size:11px;display:flex}.footer span:first-child{align-items:center;gap:6px;display:flex}.footer svg{color:#aaa5f5}@media (width<=1170px){.workspace{grid-template-columns:minmax(290px,.9fr) minmax(340px,1.1fr)}.design-panel{grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:25px;display:grid}.design-panel>.panel-heading{grid-column:1/-1}.design-panel>.panel-rule{display:none}.design-panel>.design-section{margin-top:0;margin-bottom:23px}.design-panel>.design-section.logo-section{margin-bottom:0}}@media (width<=760px){.topbar{height:65px;padding:0 18px}.topbar-divider{display:none}.private-note{gap:0;font-size:0}.private-note svg{width:19px;height:19px}.page{padding:25px 16px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:29px}.heading-decoration{display:none}.workspace{grid-template-columns:1fr;gap:16px}.preview-column{order:1;position:static}.content-panel{order:2}.design-panel{order:3;display:block}.design-panel>.panel-rule{display:block}.design-panel>.design-section{margin-top:22px;margin-bottom:0}.panel,.preview-card{padding:21px}.preview-stage{min-height:330px}.footer{align-items:flex-start;gap:12px;line-height:1.5}.footer span:last-child{text-align:right}}@media (width<=390px){.kind-grid{gap:6px}.kind-button{min-height:66px;font-size:10px}.preview-stage{min-height:290px}.qr-paper{width:min(260px,100% - 30px)}.field-pair{grid-template-columns:1fr}.footer{font-size:10px}}