:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#152e42;background:#f4f8f8;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #36ad91;outline-offset:3px}[hidden]{display:none!important}.shell{max-width:1190px;margin:0 auto;padding-left:28px;padding-right:28px}.skip{position:absolute;top:-80px;background:white;z-index:10;padding:12px}.skip:focus{top:8px}.top-wrap{background:#091e30;color:#f4fffc;position:relative;overflow:hidden}.top-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 87% 90%,rgba(54,204,162,.17),transparent 46%),linear-gradient(115deg,rgba(1,14,27,.3),transparent);pointer-events:none}.top-wrap:after{content:"";position:absolute;right:2%;top:23%;width:240px;height:240px;opacity:.18;background-image:radial-gradient(#72e7c4 1.2px,transparent 1.2px);background-size:18px 18px;transform:rotate(10deg);mask-image:linear-gradient(90deg,transparent,black)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;height:86px;border-bottom:1px solid #234154;position:relative;z-index:2}.brand{font-size:25px;font-weight:830;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-icon{width:36px;height:36px;border-radius:9px;background:#55e3bb;color:#092536;display:grid;place-items:center;padding:7px}.brand-icon svg{width:24px}.brand-light{font-weight:400}.vtag{font-size:9px;font-weight:750;letter-spacing:1px;border:1px solid #36576c;color:#a0c2c9;padding:5px 6px;border-radius:5px;margin-left:5px}.site-header nav{display:flex;gap:29px}.site-header nav a{text-decoration:none;color:#b7ccd7;font-size:13px;font-weight:550}.site-header nav a:hover{color:#55e3bb}.top-free{white-space:nowrap;font-size:11px;font-weight:670;color:#a7ead2;border:1px solid #315b57;border-radius:22px;padding:9px 12px}.green-dot,.small-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#60edb9;margin-right:5px}.hero{padding-top:64px;padding-bottom:65px;position:relative;z-index:1}.eyebrow,.overline{font-size:10px;letter-spacing:2px;font-weight:800;color:#078b78;text-transform:uppercase}.eyebrow{color:#81d5c6}.sparkle{font-size:15px;color:#6ff0bf;margin-right:8px}.hero h1{font-size:clamp(42px,5.7vw,70px);letter-spacing:-3.5px;font-weight:820;line-height:1.08;margin:15px 0 19px}.hero h1 span{color:#63e4bb}.hero p{font-size:16px;line-height:1.7;color:#b9cfda;max-width:570px;margin:0}.hero-chips{display:flex;flex-wrap:wrap;gap:24px;margin-top:27px;color:#d0e6df;font-size:12px;font-weight:610}.workspace{display:grid;grid-template-columns:minmax(0,1.26fr) minmax(0,.87fr);gap:22px;align-items:start;margin-top:-19px;position:relative;z-index:2}.panel{border:1px solid #e0e8eb;border-radius:17px;box-shadow:0 10px 34px rgba(14,42,50,.045);background:white}.editor-panel{padding:31px}.preview-panel{padding:25px;position:sticky;top:18px}.panel-heading h2,.settings-heading h2,.batch-copy h2,.section-header h2{font-size:23px;font-weight:780;letter-spacing:-.7px;margin:8px 0 7px}.panel-heading p,.section-header p{font-size:13px;color:#6e8290;margin:0}.mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:26px;margin-bottom:26px}.mode{border:1px solid #e1e9ea;border-radius:10px;min-height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:21px;background:#f8fbfb;color:#536c78;transition:.15s}.mode span{font-size:12px;font-weight:680}.mode:hover{border-color:#77c8b2}.mode.active{color:#087b65;border:1.5px solid #38bd9b;background:#eafaf4}.form-region{min-height:139px}.mode-panel label,.settings-grid label,.editor-panel>label:not(.logo-field){display:block;color:#213a4a;font-weight:690;font-size:12px;margin-bottom:9px}.mode-panel label small{font-weight:450;color:#78939b;margin-left:7px}.mode-panel input:not([type=checkbox],[type=file]),.mode-panel select,.mode-panel textarea,.editor-panel>input,.settings-grid select,.batch-copy textarea{width:100%;border:1px solid #d7e3e6;background:#fbfdfd;color:#183342;border-radius:9px;padding:13px 12px;min-height:45px;outline:0}.mode-panel input:focus,.mode-panel textarea:focus,.mode-panel select:focus,.editor-panel input:focus,.batch-copy textarea:focus{border-color:#3ebc9e;box-shadow:0 0 0 3px #c4f2e1}.mode-panel textarea{resize:vertical}.mode-panel>*+label{margin-top:14px}.field-hint,.muted{color:#748a96;font-size:12px;line-height:1.6}.field-hint{margin:9px 0 0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px}.two-fields label{margin-bottom:8px!important}.two-fields input{min-width:0}.inline-check{display:flex!important;align-items:center;gap:10px;margin-top:15px}.inline-check input{accent-color:#149a7c}.file-helper{background:#f4f9f9;padding:13px;border-radius:10px;margin-top:17px;border:1px dashed #bcd6d5}.small-label{font-size:12px!important}.file-helper input{font-size:11px;width:100%;margin:10px 0}.file-status{margin-top:9px;color:#316278;font-size:11px;line-height:1.65}.provider-help{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:17px 0;font-size:11px}.provider-help span{color:#677d8a}.provider-help a{color:#047f68;font-weight:650;text-decoration:none}.provider-help a:hover{text-decoration:underline}.help-details{font-size:12px;color:#496577;border:1px solid #dce8e9;border-radius:10px;padding:12px;line-height:1.7}.help-details summary{cursor:pointer;color:#136d61;font-weight:700}.help-details ol{padding-left:18px}.section-divider{height:1px;background:#ebf0f0;margin:29px 0}.settings-heading,.preview-heading,.section-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.settings-grid select{font-size:12px;min-width:0}.color-choose{display:flex;gap:10px;align-items:center;border:1px solid #dce8e8;padding:6px;border-radius:9px;height:45px}.color-choose input[type=color]{border:0;padding:0;width:40px;height:30px;cursor:pointer;background:transparent}.color-choose code{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#667e89}.text-button{border:0;background:transparent;color:#078b77;font-weight:690;font-size:12px;padding:8px 0}.text-button:hover{text-decoration:underline}.logo-field{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 0;margin:18px 0 17px;border-top:1px solid #ecf1f1;border-bottom:1px solid #ecf1f1}.logo-field strong{font-size:12px}.logo-field small{display:block;font-weight:450;font-size:11px;color:#81949d;margin-top:5px}.logo-field input{font-size:10px;color:#56727d;max-width:175px}.editor-panel>input{width:100%;padding:11px}.note{margin-top:15px;padding:11px;border-radius:8px;font-size:12px}.caution{background:#fff7e8;color:#86510a;border:1px solid #f0d59c}.preview-heading{align-items:center}.status-badge{font-size:10px;font-weight:750;color:#078e70;background:#e9f8f2;padding:7px 10px;border-radius:14px}.status-badge.bad{background:#fff2e7;color:#9a532e}.qr-holder{background:linear-gradient(145deg,#f0f6f6,#edf5f3);border:1px solid #e2eeee;border-radius:13px;display:flex;align-items:center;justify-content:center;min-height:355px;padding:23px;margin-top:22px}.qr-holder canvas{display:block;width:min(100%,315px);height:auto;aspect-ratio:1;box-shadow:0 6px 20px rgba(24,50,58,.1);background:#fff}.placeholder{text-align:center;color:#607e8c;font-size:13px;line-height:1.5;padding:50px 20px}.feedback{font-size:12px;color:#69808b;text-align:center;padding:14px 0 18px;min-height:52px}.feedback.error{color:#b14842}.info-card{border:1px solid #d9e9e6;border-radius:11px;padding:17px;background:#f8fcfa}.info-card-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding-bottom:14px}.info-line{display:flex;justify-content:space-between;gap:9px;font-size:11px;padding:8px 0;border-bottom:1px solid #e7efeb}.info-line span{color:#6b8188}.info-line strong{color:#087e63;text-align:right}.info-card p{font-size:11px;color:#71858b;line-height:1.65;margin:13px 0 0}.download-area{margin-top:22px}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}button.primary-action,button.secondary-action,button.outline-action{border-radius:9px;padding:12px 11px;border:1px solid transparent;font-size:12px;font-weight:770;transition:.15s}button.primary-action{background:#087f69;color:white}button.primary-action:hover{background:#096f5c}button.secondary-action{border-color:#c9d9da;background:white;color:#244353}button.secondary-action:hover,button.outline-action:hover{background:#eff9f5}button.outline-action{display:block;width:100%;margin-top:10px;background:#f2faf7;border-color:#d5e8e0;color:#137865}.centered{text-align:center;display:block;margin:10px auto 0}.tiny{font-size:10px;line-height:1.65}.wide-panel{display:flex;justify-content:space-between;gap:25px;align-items:center;overflow:hidden;background:#ecf7f2;border:1px solid #d8ece5;border-radius:17px;margin-top:26px;padding:35px}.batch-copy{max-width:705px;width:100%}.batch-copy h2{font-size:27px;margin-top:10px}.batch-copy p{max-width:630px;color:#5e777a;line-height:1.7;font-size:13px;margin-top:0}.batch-copy label{display:block;font-weight:750;font-size:12px;margin:17px 0 9px}.batch-copy textarea{background:white;resize:vertical}.batch-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:12px}.batch-actions #batchStatus{font-size:12px;color:#438071}.batch-icon{flex:0 0 165px;height:190px;border:14px solid #d6efe4;border-radius:17px;transform:rotate(9deg);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#2c9f81;gap:11px;box-shadow:0 13px 20px #c4dfd1}.batch-icon span:first-child{font-size:55px;font-weight:900;letter-spacing:-5px}.batch-icon span:last-child{letter-spacing:3px;font-weight:700;font-size:10px}.history-area{display:grid;grid-template-columns:1fr auto;gap:14px;margin:65px 0 30px}.history-area .section-header{display:block}.history-list{grid-column:1/-1;display:grid;gap:9px}.history-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 18px;border:1px solid #dee9eb;background:#fff;border-radius:9px}.history-item strong{font-size:12px}.history-item small{display:block;font-size:11px;color:#82919a;margin-top:3px;overflow-wrap:anywhere}.history-item button{background:white;color:#117d6a;border:1px solid #c3dbd7;padding:8px 14px;border-radius:7px}.guide-area{padding-top:26px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0 42px}.guide-grid article{background:white;border:1px solid #e2eaea;border-radius:13px;padding:22px;min-height:197px}.guide-index{font-size:11px;color:#0b9d7e;font-weight:800}.guide-grid h3{font-size:15px;line-height:1.3;letter-spacing:-.3px;margin:14px 0 8px}.guide-grid p{font-size:12px;color:#637d87;line-height:1.7;margin:0}.privacy-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#092637;color:#b6d4d9;padding:24px 30px;border-radius:13px}.privacy-strip>div{display:flex;align-items:center;gap:14px}.privacy-strip strong{color:white;font-size:13px;white-space:nowrap}.privacy-strip span{font-size:11px;line-height:1.6}.lock{font-size:23px;color:#65dbb1}.lock-text{white-space:nowrap;opacity:.5;letter-spacing:1.2px}.footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:34px;padding-bottom:35px}.footer-brand{font-size:18px}.footer p,.footer>span{color:#80939b;font-size:11px}.footer p{max-width:380px}@media(max-width:1000px){.top-free{display:none}.site-header nav{gap:15px}.workspace{grid-template-columns:1fr .9fr}.editor-panel{padding:22px}.preview-panel{padding:19px}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{height:70px}.site-header nav{display:none}.hero{padding-top:44px;padding-bottom:57px}.hero h1{letter-spacing:-2px}.hero p{font-size:14px}.workspace{grid-template-columns:1fr}.preview-panel{position:static}.qr-holder{min-height:280px}.wide-panel{padding:25px}.batch-icon{display:none}.privacy-strip,.privacy-strip>div{align-items:start;flex-direction:column;gap:9px}.lock-text{display:none}.footer{flex-wrap:wrap}.footer p{width:100%}}@media(max-width:430px){.shell{padding-left:15px;padding-right:15px}.editor-panel{padding:18px}.panel-heading h2{font-size:21px}.mode-tabs{gap:5px}.mode{min-height:59px;font-size:18px}.mode span{font-size:10px}.settings-grid,.two-fields{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-chips{gap:9px;font-size:10px}.guide-grid{grid-template-columns:1fr}.history-item{flex-direction:column;align-items:stretch}.qr-holder{padding:15px}.privacy-strip{padding:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}