:root{--bg:#111314;--panel:#181b1d;--panel-light:#202427;--line:#303538;--muted:#a5adaf;--text:#f2f3ec;--accent:#d2ff69;--dim:#788386;--radius:14px;color-scheme:dark;font-family:'Raleway',sans-serif;font-synthesis:none;font-size:16.5px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.page-shell{max-width:1440px;padding:0 64px;margin:0 auto}.skip-link{position:fixed;top:-60px;left:20px;background:var(--accent);color:#111;padding:10px 20px;z-index:10}.skip-link:focus{top:10px}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-weight:800;font-size:31.9px;letter-spacing:-1.4px;line-height:1.1}.brand-mark{display:grid;place-items:center;width:41px;height:43px;border:1px solid var(--accent);border-radius:6px;color:var(--accent)}.brand-mark .icon{width:28px;height:28px;stroke-width:1.3}.brand-dot{color:var(--accent)}.brand small{display:block;font-size:13px;letter-spacing:1.9px;font-weight:400;color:var(--muted);margin-top:5px}.site-header nav{display:flex;gap:32px;font-size:15.3px;color:var(--muted)}nav a{position:relative;transition:color .15s}nav a:hover,.nav-active{color:var(--text)}.nav-active:after{content:'';position:absolute;width:4px;height:4px;border-radius:100%;background:var(--accent);bottom:-11px;left:50%}.header-tools{display:flex;align-items:center;gap:23px}.edition,.mini-label{font-family:'Raleway',sans-serif;font-size:13px;letter-spacing:1.15px;color:var(--dim)}.language-button{background:none;border:0;padding:8px 0;font-family:'Raleway',sans-serif;font-size:14.2px}.language-button span{color:var(--dim)}.intro{display:grid;grid-template-columns:1fr 230px;gap:50px;align-items:end;padding:51px 0 41px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);letter-spacing:.6px}.live-dot,.tiny-dot{background:var(--accent);border-radius:50%;display:inline-block;width:6px;height:6px;flex-shrink:0}.live-dot{box-shadow:0 0 0 4px #d2ff6910}h1{font-size:clamp(44px,5vw,68px);line-height:1.04;letter-spacing:-3.1px;font-weight:500;margin:21px 0 20px}.headline-accent{color:var(--accent)}.intro-copy{max-width:500px;margin:0;color:var(--muted);font-size:17.7px;line-height:1.7}.intro-note{padding-bottom:4px}.note-label{position:relative;font-size:13px;letter-spacing:3px;font-family:'Raleway',sans-serif;line-height:1.8;color:var(--muted);padding-bottom:26px;border-bottom:1px solid var(--line)}.small-cross{font-size:40.1px;color:var(--accent);position:absolute;right:0;top:-5px;line-height:1}.note-bottom{display:flex;flex-direction:column;gap:6px;padding-top:18px;font-size:13px;color:var(--muted)}.note-tag{font-family:'Raleway',sans-serif;letter-spacing:.8px;color:var(--text);margin-top:9px;font-size:14.2px}.workspace{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.workspace-title{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px 26px;font-size:15.3px;font-weight:500}.section-index{font-family:'Raleway',sans-serif;font-size:13px;color:var(--dim);margin-right:12px;font-weight:400}.workspace-hint{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:400}.workspace-hint .tiny-dot{width:4px;height:4px}.workspace-grid{display:grid;grid-template-columns:minmax(315px,37%) minmax(0,1fr)}.settings-panel{border-right:1px solid var(--line);min-width:0}.control-section{padding:24px 26px 23px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-heading h2{font-size:15.3px;font-weight:500;margin:0}.step-number{font-family:'Raleway',sans-serif;color:var(--dim);font-size:13px}.section-heading>.text-button{margin-left:auto;padding:2px;color:var(--dim)}.field-label{display:block;color:var(--muted);font-size:13px;margin:15px 0 7px;line-height:1.5}.field-label:first-child{margin-top:0}input:not([type=color]):not([type=checkbox]),select,textarea{width:100%;border:1px solid #373d40;background:#111416;border-radius:7px;color:var(--text);padding:11px 13px;line-height:1.5;transition:border-color .2s}input:not([type=color]):not([type=checkbox]):hover,select:hover,textarea:hover{border-color:#626e70}textarea{font-family:'Raleway',sans-serif;font-size:17.7px;letter-spacing:.35px;resize:vertical;min-height:65px;max-height:260px;display:block}textarea.invalid{border-color:#ff9b85}select{appearance:none;padding-right:35px;font-size:14.2px;cursor:pointer}.select-wrap{display:block;position:relative}.select-wrap:after{content:'';border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);width:5px;height:5px;position:absolute;right:16px;top:17px;transform:rotate(45deg);pointer-events:none}.label-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:17px 0 7px}.label-row .field-label{margin:0}.text-button{background:transparent;border:0;font-size:13px;padding:0;color:var(--muted);display:flex;align-items:center;gap:6px}.text-button:hover{color:var(--accent)}.text-button .icon{width:15px;height:15px}.example{color:var(--accent)}.field-hint{font-size:13px;color:var(--dim);line-height:1.6;margin:9px 0 0}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-control{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.color-input{border:1px solid #373d40;border-radius:7px;padding:10px;display:flex;align-items:center;gap:8px;position:relative;font-family:'Raleway',sans-serif;font-size:13px;background:#111416;color:var(--text)}input[type=color]{border:0;width:20px;height:20px;padding:0;background:none;flex-shrink:0;cursor:pointer;border-radius:4px;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #ffffff30;border-radius:4px}input[type=color]::-moz-color-swatch{border:1px solid #ffffff30;border-radius:4px}.color-edit{color:var(--dim);margin-left:auto;font-size:15.3px}.toggle-row{display:flex;flex-wrap:wrap;gap:17px;margin-top:18px}.check-label{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;color:var(--muted);position:relative}.check-label input{position:absolute;opacity:0;width:15px;height:15px}.check-label .custom-check{width:14px;height:14px;border:1px solid #515b5d;border-radius:3px;display:inline-block;flex-shrink:0}.check-label input:checked+.custom-check{background:var(--accent);border-color:var(--accent);position:relative}.check-label input:checked+.custom-check:after{content:'';position:absolute;left:3px;top:2px;width:4px;height:6px;transform:rotate(40deg);border-right:1.5px solid var(--bg);border-bottom:1.5px solid var(--bg)}.check-label input:focus-visible+.custom-check{outline:2px solid var(--accent);outline-offset:3px}.check-label input:disabled~span{opacity:.35;cursor:not-allowed}.advanced{border-bottom:1px solid var(--line)}.advanced summary{list-style:none;display:flex;align-items:center;gap:8px;padding:19px 26px;font-size:13px;cursor:pointer;color:var(--muted)}.advanced summary::-webkit-details-marker{display:none}.advanced summary .icon{width:16px;height:16px}.details-plus{margin-left:auto;transition:transform .2s}.advanced[open] .details-plus{transform:rotate(45deg)}.advanced-body{padding:0 26px 20px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.input-grid .field-label{margin:0 0 7px;font-size:13px}.input-grid input{font-size:14.2px}.generate-wrap{padding:20px 26px 24px}.primary-button{border:0;width:100%;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;height:45px;font-size:14.2px;font-weight:600;transition:background .2s,transform .15s}.primary-button:hover{background:#e0ff95;transform:translateY(-1px)}.primary-button .icon{width:16px;height:16px}.button-arrow{margin-left:auto;font-size:21.2px;font-weight:400}.primary-button>.icon{margin-right:auto}.form-error{font-size:13px;line-height:1.7;color:#ffae9b;margin:12px 0 0}.result-panel{padding:24px 28px 22px;display:flex;flex-direction:column;min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.status-pill{font-size:13px;display:flex;align-items:center;gap:6px;color:var(--accent);border:1px solid #d2ff692d;padding:5px 8px;border-radius:20px}.status-pill .tiny-dot{width:4px;height:4px}.status-pill.invalid{color:#ffae9b;border-color:#ffae9b40}.status-pill.invalid .tiny-dot{background:#ffae9b}.preview-stage{position:relative;min-height:295px;flex:1;border:1px solid var(--line);border-radius:7px;background-color:#202426;background-image:linear-gradient(#424a4a35 1px,transparent 1px),linear-gradient(90deg,#424a4a35 1px,transparent 1px);background-size:18px 18px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:34px 30px}.paper{background:#fff;width:100%;min-height:220px;max-width:450px;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:18px;box-shadow:0 8px 36px #00000020;transition:background-color .15s}.paper.transparent-paper{background-color:#fff;background-image:linear-gradient(45deg,#d8dddb 25%,transparent 25%),linear-gradient(-45deg,#d8dddb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8dddb 75%),linear-gradient(-45deg,transparent 75%,#d8dddb 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}#barcode-preview{width:100%;height:190px;display:flex;align-items:center;justify-content:center}#barcode-preview svg{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}#preview-empty{color:#777d7f;text-align:center;font-size:15.3px;line-height:1.8;padding:30px 0}#preview-empty .icon{width:37px;height:37px;color:#9da6a8}.crop-mark{position:absolute;width:11px;height:11px;border-color:#899494;border-style:solid;z-index:1}.crop-tl{top:15px;left:15px;border-width:1px 0 0 1px}.crop-tr{top:15px;right:15px;border-width:1px 1px 0 0}.crop-bl{bottom:15px;left:15px;border-width:0 0 1px 1px}.crop-br{bottom:15px;right:15px;border-width:0 1px 1px 0}.stage-mark{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-family:'Raleway',sans-serif;font-size:13px;letter-spacing:1.8px;color:#7c888a;white-space:nowrap}.result-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 26px;font-family:'Raleway',sans-serif;font-size:13px;color:var(--muted)}.meta-divider{color:#4f5a5b;margin:0 9px}#result-type{color:var(--text)}#result-data{overflow:hidden;text-overflow:ellipsis;max-width:180px;white-space:nowrap}.result-meta button{min-width:0;max-width:48%}.result-meta button .icon{width:12px;height:12px}.contrast-note{padding:10px 12px;border:1px solid #e1b77b40;color:#e1c398;background:#b5966110;font-size:13px;line-height:1.7;border-radius:6px;margin:-11px 0 20px}.export-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.export-heading h2{font-size:15.3px;font-weight:500;margin:0}.export-heading>span{font-size:13px;color:var(--dim)}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.download-button{position:relative;display:flex;flex-direction:column;gap:8px;text-align:left;background:#202427;border:1px solid var(--line);border-radius:7px;padding:15px 12px 14px;min-height:85px;transition:background .15s,border-color .15s}.download-button:hover{background:#293033;border-color:#6f7b7c}.format-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:'Raleway',sans-serif;font-size:20.1px;line-height:1.2}.format-top .icon{width:15px;height:15px;color:var(--muted)}.format-sub{font-size:13px;color:var(--dim)}.download-button.featured{border-color:#d2ff6980;background:#d2ff690b}.featured .format-top,.featured .format-top .icon{color:var(--accent)}.recommended{position:absolute;right:8px;top:-7px;background:var(--accent);color:var(--bg);font-size:13px;padding:1px 5px;border-radius:3px;line-height:1.5}.export-footnote{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--dim);margin:16px 0 0}.export-footnote .icon{width:12px;height:12px;color:var(--muted)}.formats-section{padding:52px 0 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.section-title h2{font-size:21.2px;font-weight:400;margin:0;letter-spacing:-.3px;display:flex;align-items:center;gap:3px}.section-title .mini-label{white-space:nowrap}.format-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.format-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:24px;text-align:left;transition:transform .2s,border-color .2s}.format-card:hover{transform:translateY(-4px);border-color:#d2ff6966}.format-card-top{display:flex;justify-content:space-between;align-items:start;height:45px;margin-bottom:20px;color:var(--dim)}.format-card-top>.icon{width:14px;height:14px}.format-card h3{font-size:18.9px;font-weight:500;letter-spacing:-.2px;margin:0 0 10px}.format-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:0;min-height:57px}.card-tag{display:block;color:var(--dim);font-family:'Raleway',sans-serif;letter-spacing:.8px;font-size:13px;margin-top:20px}.mini-barcode{display:block;width:49px;height:31px;background:repeating-linear-gradient(90deg,#d2ff69 0 2px,transparent 2px 5px,#d2ff69 5px 6px,transparent 6px 9px,#d2ff69 9px 13px,transparent 13px 16px);opacity:.8}.mini-barcode.dense{width:59px;background:repeating-linear-gradient(90deg,#d2ff69 0 1px,transparent 1px 3px,#d2ff69 3px 6px,transparent 6px 8px,#d2ff69 8px 9px,transparent 9px 12px)}.mini-qr{display:grid;grid-template-columns:repeat(2,13px);grid-template-rows:repeat(2,13px);gap:5px;opacity:.8}.mini-qr i{display:block;border:2px solid var(--accent);position:relative}.mini-qr i:after{content:'';position:absolute;inset:3px;background:var(--accent)}.mini-qr i:last-child{border:0;background:repeating-conic-gradient(var(--accent) 0 25%,transparent 0 50%) 0 0/7px 7px}.mini-matrix{width:34px;height:34px;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);background:repeating-conic-gradient(var(--accent) 0 25%,transparent 0 50%) 0 0/7px 7px;opacity:.8}.help-section{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:40px 0;border-bottom:1px solid var(--line);margin-top:25px}.help-section h2{font-size:26px;font-weight:400;letter-spacing:-.5px;max-width:270px;margin:11px 0 0;line-height:1.3}.help-points p{display:flex;gap:16px;font-size:13px;color:var(--muted);margin:0 0 10px;line-height:1.7}.help-points p>span:first-child{font-family:'Raleway',sans-serif;font-size:13px;color:var(--dim);padding-top:2px}.help-points .allocation-note{display:block;font-size:13px;color:var(--dim);margin:15px 0 0;max-width:410px}.contact-section{padding:55px 0 54px;display:grid;grid-template-columns:1fr 370px;gap:75px}.contact-main h2{font-size:36.6px;font-weight:400;letter-spacing:-1px;line-height:1.25;margin:18px 0 16px}.contact-main p{font-size:13px;color:var(--muted);max-width:420px;line-height:1.8}.contact-main .eyebrow{gap:0}.portfolio-link{display:inline-flex;gap:20px;align-items:center;font-size:14.2px;border-bottom:1px solid #626e6f;padding:0 0 7px;margin-top:15px}.portfolio-link:hover{color:var(--accent)}.portfolio-link .icon{width:14px;height:14px}.contact-links{padding-top:6px}.contact-primary{background:var(--accent);color:var(--bg);border-radius:9px;padding:19px 22px;display:flex;flex-direction:column;position:relative;gap:8px;transition:background .15s}.contact-primary:hover{background:#e0ff95}.contact-channel{display:flex;align-items:center;gap:8px;font-size:13px}.contact-channel .icon{width:16px;height:16px}.contact-primary>span:nth-child(2){font-size:24.8px;letter-spacing:-.65px}.contact-arrow{position:absolute;right:21px;bottom:23px}.phone-link{display:flex;align-items:center;gap:12px;margin-top:13px;border:1px solid var(--line);border-radius:8px;padding:16px 21px;font-size:15.3px}.phone-link:hover{border-color:var(--accent)}.phone-link .icon{width:16px;height:16px;color:var(--muted)}.phone-link .icon:last-child{margin-left:auto;width:14px;height:14px}.social-links{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;margin-top:16px}.social-links a:hover{color:var(--accent)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 30px;font-family:'Raleway',sans-serif;font-size:13px;letter-spacing:.5px;color:var(--dim)}footer>a:hover{color:var(--accent)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:12px 20px;background:var(--accent);color:var(--bg);border-radius:8px;font-size:14.2px;box-shadow:0 5px 30px #0008;z-index:10}.qr-fields .field-label{margin:12px 0 6px}.qr-fields .field-label:first-child{margin-top:15px}.qr-fields .input-grid{margin:0}.qr-fields .input-grid input{font-size:14.2px}.qr-fields>label input{font-size:14.2px}.address-fields{margin-top:14px}.address-fields summary{color:var(--muted);cursor:pointer;font-size:13px}.qr-fields .check-label{margin-top:12px}.noscript{background:#d2ff69;color:#111;padding:20px;text-align:center}
@media(min-width:1500px){.page-shell{padding:0 75px}.intro{padding-top:60px}.preview-stage{min-height:320px}}@media(max-width:1120px){.page-shell{padding:0 35px}.edition{display:none}.workspace-grid{grid-template-columns:minmax(305px,40%) minmax(0,1fr)}.control-section,.generate-wrap{padding-left:22px;padding-right:22px}.advanced summary{padding-left:22px;padding-right:22px}.advanced-body{padding-left:22px;padding-right:22px}.result-panel{padding:24px 21px}.export-heading>span{display:none}.format-card{padding:20px}.contact-section{grid-template-columns:1fr 330px;gap:40px}.contact-main h2{font-size:34.2px}.paper{padding:15px}.preview-stage{padding:30px 20px}.download-button{padding:14px 10px}.format-top{font-size:18.9px}.format-top .icon{width:13px}.result-meta{flex-wrap:wrap;gap:6px}.result-meta button{max-width:100%}}@media(max-width:820px){.page-shell{padding:0 24px}.site-header{height:86px;gap:15px}.site-header nav{gap:20px;font-size:13px}.header-tools{gap:0}.brand{font-size:27.1px}.brand-mark{width:34px;height:36px}.brand small{font-size:13px;letter-spacing:1.6px}.intro{grid-template-columns:1fr 180px;gap:25px;padding:35px 0}.intro-copy{font-size:15.3px;max-width:430px}h1{font-size:59px;letter-spacing:-2px}.workspace-title{padding:16px 22px}.workspace-hint{font-size:13px}.workspace-grid{grid-template-columns:285px minmax(0,1fr)}.settings-panel .control-section{padding:20px 18px}.generate-wrap{padding:18px}.advanced summary{padding:18px}.advanced-body{padding:0 18px 18px}.color-grid{gap:8px}.color-input{padding:8px;gap:5px;font-size:13px}.color-edit{display:none}.toggle-row{gap:12px}.result-panel{padding:20px 18px}.preview-stage{min-height:290px;padding:24px 18px}.paper{min-height:185px;padding:10px}#barcode-preview{height:165px}.download-grid{grid-template-columns:repeat(2,1fr)}.download-button{min-height:65px;padding:12px}.preview-top .mini-label{font-size:13px}.status-pill{font-size:13px}.format-cards{grid-template-columns:repeat(2,1fr);gap:12px}.format-card p{min-height:37px}.section-title h2{font-size:20.1px}.help-section{gap:30px}.help-section h2{font-size:24.8px}.contact-section{gap:30px;grid-template-columns:1fr 295px}.contact-main h2{font-size:28.3px}.contact-primary>span:nth-child(2){font-size:22.4px}.contact-primary{padding:19px}.contact-arrow{right:17px;width:17px;height:17px}.contact-main p{font-size:13px}footer{font-size:13px}footer>span:nth-child(2){display:none}}@media(max-width:640px){.page-shell{padding:0 18px}.site-header{height:78px}.site-header nav{display:none}.brand{font-size:28.3px}.brand-mark{width:36px;height:38px}.language-button{font-size:13px}.intro{display:block;padding:34px 0 30px}.intro h1{font-size:54.3px;letter-spacing:-2.3px;margin:18px 0}.intro-copy{font-size:15.3px;max-width:400px}.intro-note{display:none}.workspace-title{padding:16px 18px;font-size:14.2px}.workspace-hint{display:none}.workspace-grid{display:flex;flex-direction:column}.settings-panel{border-right:0;border-bottom:1px solid var(--line)}.settings-panel .control-section{padding:22px}.advanced summary{padding:19px 22px}.advanced-body{padding:0 22px 22px}.generate-wrap{padding:20px 22px}.color-input{font-size:13px;padding:10px;gap:9px}.color-edit{display:block}.color-grid{gap:12px}.toggle-row{gap:20px}.check-label{font-size:13px}.result-panel{padding:22px}.preview-stage{min-height:270px;padding:32px 22px}.paper{padding:14px;min-height:200px}#barcode-preview{height:170px}.download-grid{grid-template-columns:repeat(4,1fr);gap:6px}.download-button{min-height:80px;padding:13px 9px}.format-top{font-size:17.7px}.format-top .icon{width:12px;height:12px}.format-sub{font-size:13px}.recommended{font-size:13px;right:5px}.result-meta{margin-bottom:22px}.export-heading h2{font-size:15.3px}.export-footnote{font-size:13px}.formats-section{padding-top:37px}.section-title{align-items:start;gap:13px;margin-bottom:18px}.section-title h2{font-size:18.9px;line-height:1.5;max-width:245px}.section-title .mini-label{font-size:13px;margin-top:5px}.section-index{margin-right:8px;font-size:13px}.format-card{padding:18px}.format-card h3{font-size:16.5px}.format-card p{font-size:13px;min-height:67px}.card-tag{font-size:13px;letter-spacing:.6px}.format-card-top{margin-bottom:14px}.help-section{display:block;padding:28px 0;margin-top:13px}.help-section h2{max-width:100%;font-size:27.1px;margin-bottom:23px}.help-points p{font-size:13px}.contact-section{display:block;padding:33px 0}.contact-main h2{font-size:33px;max-width:380px}.contact-main p{font-size:13px}.contact-links{padding-top:0;margin-top:28px}.contact-primary{padding:20px 22px}.contact-primary>span:nth-child(2){font-size:27.1px}.contact-arrow{right:23px;bottom:23px;width:20px;height:20px}.social-links{font-size:13px}footer{padding:20px 0;flex-wrap:wrap;font-size:13px}.toast{font-size:13px}}@media(max-width:370px){h1,.intro h1{font-size:47.2px}.result-panel{padding:18px}.download-grid{grid-template-columns:repeat(2,1fr)}.download-button{min-height:67px}.format-card{padding:14px}.contact-main h2{font-size:29.5px}.color-input{font-size:13px}.social-links{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Typography and identity follow yuriy.design. */
:root{font-family:'Raleway',sans-serif;font-size:16px;font-variant-numeric:lining-nums}
button,input,select,textarea{font-family:'Raleway',sans-serif}
.page-shell{max-width:1600px;padding-inline:52px}
.site-header{position:relative;z-index:20}
.brand.wordmark{gap:18px;font-weight:400;letter-spacing:normal}
.monogram{font-size:44px;font-weight:700;letter-spacing:-.2em;position:relative;padding-right:10px;line-height:.75;transform:translateY(-3px)}
.monogram span{font-size:39px}
.monogram i{display:block;position:absolute;width:6px;height:6px;right:0;bottom:1px;background:var(--accent);border-radius:100%}
.wordmark-name{font-size:13px;letter-spacing:.15em;line-height:1.4;font-weight:500}
.site-header nav{font-size:16px}
.intro-copy{font-size:18px;max-width:650px}
h1{font-size:clamp(48px,5vw,74px);font-weight:500}
.eyebrow{font-size:14px}.mini-label,.edition{font-size:12px}.note-label{font-size:13px}.note-bottom{font-size:14px}.note-tag{font-size:15px}
.workspace-title{font-size:16px}.workspace-hint{font-size:13px}.section-index{font-size:13px}
.workspace-grid{grid-template-columns:minmax(390px,42%) minmax(0,1fr);align-items:start;position:relative;overflow:clip}
.workspace{overflow:clip}
.result-panel{position:sticky;top:24px;align-self:start}
.preview-stage{min-height:350px;flex:none}.paper{max-width:520px;min-height:250px}#barcode-preview{height:230px}
.section-heading h2,.export-heading h2{font-size:17px}.step-number{font-size:13px}.field-label,.input-grid .field-label,.color-control{font-size:14px}
input:not([type=color]):not([type=checkbox]),select,textarea{font-size:16px;padding-top:12px;padding-bottom:12px}
.select-wrap:after{top:21px}textarea{font-family:'Raleway',sans-serif;font-size:19px;letter-spacing:.3px}
.field-hint{font-size:13px;line-height:1.7;color:#a0abad}.text-button{font-size:13px}.color-input{font-size:13px}.check-label{font-size:14px}.toggle-row{gap:15px 20px}
.advanced summary,.qr-design summary{font-size:15px}.primary-button{font-size:16px;height:51px}
.status-pill{font-size:12px}.stage-mark{font-size:10px;letter-spacing:1.2px}.result-meta{font-size:13px;flex-wrap:wrap}.result-meta button{max-width:100%;font-size:13px}
.export-heading>span{font-size:12px}.download-button{min-height:103px;padding:18px 13px}.format-top{font-size:23px}.format-sub{font-size:13px}.recommended{font-size:10px;top:-9px}.export-footnote{font-size:12px;line-height:1.6}
.contrast-note,.form-error{font-size:13px}.format-card p{font-size:15px;min-height:81px}.format-card h3{font-size:21px}.card-tag{font-size:12px;line-height:1.5}.section-title h2{font-size:22px}
.help-points p{font-size:15px}.help-points p>span:first-child{font-size:12px}.help-points .allocation-note{font-size:13px}.help-section h2{font-size:28px;max-width:360px}
.contact-main p{font-size:15px}.contact-main h2{font-size:35px}.portfolio-link{font-size:16px}.contact-section{grid-template-columns:1fr 410px;gap:60px}.contact-channel{font-size:14px}.contact-primary>span:nth-child(2){font-size:24px}.phone-link{font-size:17px}.social-links{font-size:13px}footer{font-size:12px}
.designed-by{display:inline-block;font-size:15px;color:var(--accent);border-bottom:1px solid #d2ff6950;padding-bottom:5px;transition:border-color .2s}.designed-by:hover{border-color:var(--accent)}
.signature-section{display:flex;justify-content:center;align-items:center;padding:38px 20px;text-align:center}.signature-section .designed-by{font-size:16px}
.guide-section{padding:46px 0 40px;border-bottom:1px solid var(--line)}.guide-section .section-title{align-items:start}.guide-section .section-title h2{max-width:760px;line-height:1.4;font-size:25px}.guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;margin:29px 0 0;padding:0}.guide-number{font-size:13px;color:var(--accent)}.guide-steps h3{font-size:18px;font-weight:500;margin:12px 0 9px}.guide-steps p,.generator-about p{font-size:15px;line-height:1.85;color:var(--muted);margin:0}.generator-about{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:39px;padding-top:30px;border-top:1px solid var(--line)}.generator-about h3{font-size:20px;font-weight:500;line-height:1.5;margin:0 0 12px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:44px 0;border-bottom:1px solid var(--line)}.faq-intro h2{font-size:28px;font-weight:400;line-height:1.35;letter-spacing:-.7px;max-width:320px;margin:13px 0 0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:16px;font-weight:500;line-height:1.7;padding:19px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] .details-plus{transform:rotate(45deg);color:var(--accent)}.faq-list p{font-size:15px;line-height:1.85;color:var(--muted);margin:0;padding:0 30px 22px 0}.faq-list .icon{width:17px;height:17px}.language-option{cursor:pointer}
@media(max-width:1120px){.guide-steps{grid-template-columns:1fr 1fr;gap:26px 35px}.guide-section .section-title h2{font-size:23px}.faq-section{gap:30px;grid-template-columns:1fr 1.6fr}.faq-intro h2{font-size:26px}}
@media(max-width:700px){.generator-about{grid-template-columns:1fr;gap:28px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-intro h2{max-width:100%;font-size:27px}.guide-section .section-title h2{font-size:23px}.guide-section{padding-top:33px}.faq-section{padding:33px 0}.faq-list summary{font-size:16px}}
@media(max-width:480px){.guide-steps{gap:25px 20px}.guide-steps h3{font-size:17px}.guide-steps p{font-size:14px;line-height:1.75}.guide-section .section-title h2{font-size:22px}.generator-about h3{font-size:19px}.generator-about p,.faq-list p{font-size:14px}.faq-list summary{font-size:15px}.faq-intro h2{font-size:25px}}
.language-picker{position:relative;flex-shrink:0}.language-summary{display:flex;align-items:center;gap:8px;padding:11px 14px;list-style:none;font-size:15px;font-weight:700;color:var(--accent);letter-spacing:.06em;cursor:pointer;border:1px solid var(--accent);border-radius:999px;background:#d2ff6918;transition:background .2s,color .2s}
.language-summary::-webkit-details-marker{display:none}.language-summary::marker{content:''}.language-globe{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.language-summary:hover,.language-picker[open] .language-summary{background:var(--accent);color:var(--bg)}.language-chevron{transition:transform .2s}.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;top:calc(100% + 10px);right:0;min-width:184px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--bg);box-shadow:0 12px 30px #0005;z-index:30;display:grid;gap:3px}.language-picker:not([open]) .language-options{display:none}
.language-option{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 10px;border-radius:6px;font-size:16px;line-height:1.3;white-space:nowrap;background:transparent;border:0;text-align:left;min-height:46px}.language-option>span:last-child{font-size:13px;color:var(--muted)}.language-option:hover,.language-option[aria-current=page]{background:#252820;color:var(--accent)}
.qr-design{border-bottom:1px solid var(--line)}.qr-design summary{list-style:none;display:flex;align-items:center;gap:8px;padding:20px 26px;cursor:pointer}.qr-design summary::-webkit-details-marker{display:none}.qr-design summary>.icon{width:18px;height:18px;color:var(--accent)}.qr-design[open] .details-plus{transform:rotate(45deg)}.qr-design-body{padding:0 26px 26px}.qr-design-body>.field-hint{margin:0 0 17px}.style-field{margin-top:21px}.style-field .field-label{margin-bottom:10px}
.style-options{display:grid;gap:7px}.body-style-options{grid-template-columns:repeat(4,minmax(0,1fr))}.marker-style-options{grid-template-columns:repeat(5,minmax(0,1fr))}.style-option{display:flex;align-items:center;flex-direction:column;gap:8px;background:#111416;border:1px solid #373d40;border-radius:7px;padding:11px 5px 10px;min-width:0;min-height:83px;transition:border-color .15s,color .15s,background .15s}.style-option svg{display:block;width:31px;height:31px}.style-option span{font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.style-option:hover{border-color:#95b549}.style-option[aria-pressed=true]{border-color:var(--accent);background:#d2ff6912;color:var(--accent)}.marker-style-options .style-option{min-height:79px}.marker-colors-toggle{margin-top:21px}.marker-color-grid{margin-top:17px}.qr-fields .field-label{font-size:14px}.qr-fields .input-grid input,.qr-fields>label input{font-size:16px}.address-fields summary{font-size:14px}
@media(max-width:1120px){.page-shell{padding-inline:32px}.workspace-grid{grid-template-columns:minmax(350px,43%) minmax(0,1fr)}.workspace-hint{display:none}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download-button{min-height:91px}.contact-section{grid-template-columns:1fr 370px;gap:35px}.format-card{padding:21px}.format-card p{min-height:111px}.color-input{gap:6px}.preview-stage{padding-inline:20px}.paper{padding:14px}.result-panel{padding-inline:22px}.style-option span{font-size:11px}.qr-design-body{padding-inline:22px}.qr-design summary{padding-inline:22px}.site-header nav{gap:22px}.header-tools .edition{display:none}}
@media(max-width:820px){.page-shell{padding-inline:24px}.workspace-grid{grid-template-columns:minmax(320px,44%) minmax(0,1fr)}.intro{grid-template-columns:1fr 175px}.intro-copy{font-size:17px}.intro h1{font-size:56px}.preview-stage{min-height:300px;padding-inline:17px}.paper{min-height:210px}#barcode-preview{height:190px}.color-input{font-size:12px;padding:9px;gap:6px}.color-edit{display:none}.check-label{font-size:13px}.status-pill{font-size:11px}.preview-top{flex-wrap:wrap}.format-cards{grid-template-columns:repeat(2,1fr)}.format-card p{min-height:60px}.contact-section{grid-template-columns:1fr 320px;gap:30px}.contact-main h2{font-size:29px}.contact-primary>span:nth-child(2){font-size:21px}.contact-main p{font-size:14px}.social-links{flex-wrap:wrap;justify-content:start;gap:12px 19px}footer{font-size:11px}.qr-design-body{padding-inline:18px}.qr-design summary{padding-inline:18px}.style-options{gap:5px}.style-option span{font-size:11px}.style-option svg{width:28px;height:28px}}
@media(max-width:700px){.site-header nav{display:none}.workspace-grid{display:flex;flex-direction:column}.settings-panel,.result-panel{width:100%}.settings-panel{border-right:0;border-bottom:1px solid var(--line)}.result-panel{position:static}.intro{display:block}.intro-note{display:none}.workspace-title{font-size:15px}.intro h1{font-size:52px}.contact-section{display:block}.contact-main h2{font-size:33px}.contact-links{margin-top:28px}.download-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.download-button{min-height:90px}.format-top{font-size:21px}.format-sub{font-size:12px}.recommended{font-size:9px}.qr-design-body{padding-inline:24px}.qr-design summary{padding-inline:24px}.style-option span{font-size:13px}.style-option svg{width:32px;height:32px}.color-input{font-size:14px;gap:9px}.color-edit{display:block}.toggle-row{gap:15px 20px}.check-label{font-size:14px}.control-section,.generate-wrap{padding-inline:24px}.help-section{display:block}.help-section h2{max-width:100%;margin-bottom:22px}.section-title h2{font-size:20px}.section-title .mini-label{font-size:12px}.stage-mark{font-size:10px}.contact-primary>span:nth-child(2){font-size:26px}.contact-main p{font-size:15px}.social-links{font-size:14px;justify-content:space-between}}
@media(max-width:480px){.page-shell{padding-inline:18px}.site-header{height:88px}.monogram{font-size:40px}.monogram span{font-size:36px}.brand.wordmark{gap:13px}.wordmark-name{font-size:12px}.language-summary{font-size:14px;gap:6px;padding:10px 12px}.intro h1{font-size:47px;letter-spacing:-2px}.intro-copy{font-size:16px}.workspace-title{padding:18px 22px}.result-panel{padding:23px 20px}.preview-stage{min-height:290px}.paper{min-height:220px}#barcode-preview{height:200px}.format-top{font-size:20px}.format-top .icon{width:13px;height:13px}.download-button{padding:15px 10px}.format-sub{font-size:11px}.recommended{font-size:8px}.section-title{flex-direction:column;gap:8px}.section-title h2{max-width:none;font-size:20px}.format-card p{font-size:14px;min-height:110px}.format-card h3{font-size:18px}.card-tag{font-size:11px;letter-spacing:.4px}.format-card{padding:20px 16px}.contact-main h2{font-size:29px}.contact-primary>span:nth-child(2){font-size:25px}.social-links{font-size:13px;gap:13px}.style-option span{font-size:12px}.marker-style-options{gap:5px}.qr-design-body{padding-inline:22px}.qr-design summary{padding-inline:22px}footer{font-size:11px;line-height:1.8}}
@media(max-width:370px){.page-shell{padding-inline:14px}.intro h1{font-size:42px}.wordmark-name{font-size:11px}.brand.wordmark{gap:11px}.monogram{font-size:38px}.monogram span{font-size:34px}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-option span{font-size:11px}.color-input{font-size:12px;gap:6px}.qr-design-body{padding-inline:18px}.qr-design summary{padding-inline:18px}.contact-primary>span:nth-child(2){font-size:23px}}