@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2")}:root{color:#242820;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#242820;--muted:#75776b;--paper:#f6f4ec;--coral:#ed795a;--line:#deded1;background:#242820;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #a8492e}svg{flex-shrink:0}.app-shell{background:var(--paper);border-radius:9px;min-height:calc(100vh - 24px);margin:12px;padding:0 6.2%;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1260px;height:91px;margin:auto;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--coral);border-radius:9px;place-items:center;width:37px;height:37px;display:grid;transform:rotate(-5deg)}.header-right{align-items:center;gap:26px;display:flex}.tool-tag,.edition,.section-caption,.step,.live-pill,.appearance-heading>span,.export-size,.site-footer>span:last-child{letter-spacing:1.5px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:500}.tool-tag{border:1px solid #b8bbaa;border-radius:5px;padding:8px 10px}.edition{color:var(--muted);letter-spacing:.4px;font-size:11px}main,.site-footer{max-width:1260px;margin:auto}.workspace{grid-template-columns:1.13fr 1fr;align-items:stretch;gap:22px;margin-top:32px;display:grid}.editor-card,.preview-card{border:1px solid var(--line);border-radius:13px;min-width:0}.editor-card{background:#fcfbf6;padding:25px 27px 21px}.section-heading{align-items:center;gap:10px;margin-bottom:23px;display:flex}.step{color:#67705d;letter-spacing:0;background:#eceee3;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}h2{letter-spacing:-.65px;margin:0;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500}.section-caption{color:#8a8d80;letter-spacing:1.4px;margin-left:auto;font-size:9px}.mode-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px;display:grid}.mode-tabs button{text-align:left;color:#777c6e;background:0 0;border:1px solid #e2e2d8;border-radius:7px;flex-wrap:wrap;align-items:center;gap:5px 8px;padding:12px 14px 11px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.mode-tabs button span{color:#858879;width:100%;font-size:10px;font-weight:400}.mode-tabs button.active{color:var(--ink);background:#edf0e5;border-color:#818775}.mode-tabs button.active span{color:#66715b}.mode-tabs button:hover{background:#edf0e5}.input-label-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.input-label-row label{font-size:12px;font-weight:600}.clear-button{color:#757a6b;background:0 0;border:0;align-items:center;gap:5px;padding:3px;font-size:10px;display:flex}.clear-button:disabled{opacity:.4}textarea,.url-input{width:100%;color:var(--ink);background:#fffefa;border:1px solid #dedfd3;border-radius:7px;padding:15px;font-size:14px;line-height:1.65;display:block;box-shadow:inset 0 1px 3px #24282003}textarea{resize:vertical;min-height:135px}.url-input{min-height:135px}textarea::placeholder,.url-input::placeholder{color:#a0a294}[aria-invalid=true]{border-color:#c46850}.input-meta{color:#7b8070;justify-content:space-between;gap:10px;padding-top:8px;font-size:10px;display:flex}.input-meta>span:last-child{flex-shrink:0;font-family:Space Grotesk,sans-serif}.error-message{color:#a84229;font-size:12px;line-height:1.5}.error-message:not(:empty){padding-top:10px}.example-button{color:#687359;background:0 0;border:0;align-items:center;gap:6px;padding:14px 0 0;font-size:10px;display:flex}.example-button:hover{color:#a94e34}.appearance{border-top:1px solid #e7e7dc;margin-top:24px;padding-top:20px}.appearance-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}h3{margin:0;font-size:12px;font-weight:600}.appearance-heading>span{color:#8b8e80;letter-spacing:1px;font-size:9px}.style-controls{grid-template-columns:1fr 1fr 1.15fr;gap:10px;display:grid}.style-controls label>span{color:#73796a;margin-bottom:6px;font-size:10px;display:block}.color-control>div{background:#fffefa;border:1px solid #dfe1d4;border-radius:5px;align-items:center;gap:8px;height:36px;padding:6px 8px;display:flex}.color-control>div>span{letter-spacing:-.4px;font-family:Space Grotesk,monospace;font-size:10px}input[type=color]{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:20px;height:20px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #00000015;border-radius:3px}input[type=color]::-moz-color-swatch{border:1px solid #00000015;border-radius:3px}select{color:#545d49;background:#fffefa;border:1px solid #dfe1d4;border-radius:5px;width:100%;height:36px;padding:0 7px;font-size:10px}.color-tip{color:#888d7c;margin:11px 0 0;font-size:10px}.contrast-warning{color:#99532a;background:#f9ebd7;border-radius:5px;margin:11px 0 0;padding:9px 10px;font-size:11px;line-height:1.5}.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}.logo-section{border-top:1px solid #e7e7dc;margin-top:20px;padding-top:19px}.logo-picker{background:#f6f8ef;border:1px dashed #ccd2be;border-radius:7px;align-items:center;gap:10px;padding:12px;display:flex}.logo-picker.has-logo{border-style:solid}.logo-thumbnail,.logo-placeholder{background:#fffefa;border:1px solid #e0e4d4;border-radius:5px;flex-shrink:0;width:40px;height:40px}.logo-thumbnail{object-fit:contain;padding:4px}.logo-placeholder{color:#7d8a6d;place-items:center;display:grid}.logo-details{flex:1;gap:4px;min-width:0;display:grid}.logo-name{color:#56634a;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.logo-details>span:last-child{color:#87917c;font-size:9px}.logo-add{color:#536346;white-space:nowrap;background:#fcfbf6;border:1px solid #bbc5ae;border-radius:5px;padding:8px 10px;font-size:10px}.logo-add:hover{background:#e9eddf}.logo-meta{color:#858d7a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:9px;font-size:9px;display:flex}.logo-remove{color:#a35036;background:0 0;border:0;padding:3px 0;font-size:10px}.logo-remove:hover{text-decoration:underline}.preview-card{background:#e9eddf;flex-direction:column;padding:25px 25px 0;display:flex}.preview-card .section-heading{margin-bottom:15px}.preview-card .step{background:#dbe2cd}.live-pill{letter-spacing:1px;color:#617054;border:1px solid #cbd2bf;border-radius:4px;align-items:center;gap:5px;margin-left:auto;padding:5px 7px;font-size:8px;display:flex}.live-pill>span{background:#748665;border-radius:50%;width:4px;height:4px}.preview-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 0 21px;display:flex}.qr-frame{background:#f7f8f0;border-radius:7px;place-items:center;width:254px;height:254px;padding:10px;display:grid;position:relative;box-shadow:0 9px 24px #555f3810}.qr-frame.is-ready{background:#fff}.qr-frame img{object-fit:contain;border-radius:1px;width:100%;height:100%;display:block}.corner{pointer-events:none;border-style:solid;border-color:#829273;width:17px;height:17px;position:absolute}.top-left{border-width:2px 0 0 2px;border-radius:5px 0 0;top:-5px;left:-5px}.top-right{border-width:2px 2px 0 0;border-radius:0 5px 0 0;top:-5px;right:-5px}.bottom-left{border-width:0 0 2px 2px;border-radius:0 0 0 5px;bottom:-5px;left:-5px}.bottom-right{border-width:0 2px 2px 0;border-radius:0 0 5px;bottom:-5px;right:-5px}.empty-preview{text-align:center;color:#b6beaa;padding:10px}.empty-preview>svg{margin-bottom:11px}.empty-preview p{color:#727d65;margin:0;font-size:11px;line-height:1.5}.empty-preview>span{color:#909984;margin-top:5px;font-size:9px;display:block}.preview-status{color:#7e8971;align-items:center;gap:6px;min-height:17px;margin-top:19px;font-size:10px;display:flex}.preview-status.ready{color:#536746}.status-dot{background:#9da78e;border-radius:50%;width:5px;height:5px}.pulsing{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.export-area{border-top:1px solid #d8decd;padding:18px 0 21px}.export-info{color:#69775d;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;font-size:10px;display:flex}.export-size{color:#829175;letter-spacing:.5px;font-size:9px}.download-actions{grid-template-columns:1.15fr 1fr;gap:9px;display:grid}.download-button{border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:flex}.download-button.primary{background:var(--coral);color:#29291e;border:1px solid var(--coral)}.download-button.secondary{color:#58654b;background:0 0;border:1px solid #b6c1a9}.download-button:disabled{opacity:.47}.download-button:not(:disabled):hover{transform:translateY(-1px)}.download-button.primary:not(:disabled):hover{background:#e98a6e}.download-button.secondary:not(:disabled):hover{background:#dee5d2}.export-note{text-align:center;color:#818b75;margin:12px 0 0;font-size:9px;line-height:1.5}.trust-strip{color:#7a806f;justify-content:space-between;align-items:center;gap:15px;padding:20px 1px 29px;font-size:10px;display:flex}.trust-strip>span{align-items:center;gap:7px;display:flex}.trust-strip>span:first-child svg{color:#788c63}.trust-strip>span:last-child svg{color:#b08c74}.site-footer{border-top:1px solid var(--line);color:#8b8e80;justify-content:space-between;align-items:center;gap:10px;padding:20px 0 24px;font-size:10px;display:flex}.site-footer a{color:#56614c;align-items:center;gap:3px;text-decoration:none;display:inline-flex}.site-footer a:hover{color:#b65539}.site-footer>span:last-child{letter-spacing:1.3px;font-size:8px}@media (width>=1550px){.app-shell{padding:0 max(6.2%,50vw - 630px)}}@media (width<=1100px){.app-shell{padding:0 4%}.editor-card,.preview-card{padding-left:20px;padding-right:20px}.style-controls{grid-template-columns:1fr 1fr}.size-control{grid-column:span 2}.header-right{gap:15px}}@media (width<=760px){.app-shell{min-height:calc(100vh - 14px);margin:7px;padding:0 5%}.site-header{height:75px}.brand{font-size:19px}.brand-mark{width:33px;height:33px}.tool-tag{display:none}.edition{font-size:10px}.workspace{grid-template-columns:1fr;gap:17px}.editor-card,.preview-card{padding-left:22px;padding-right:22px}.style-controls{grid-template-columns:1fr 1fr 1.15fr}.size-control{grid-column:auto}.preview-stage{min-height:326px;padding-top:13px}.trust-strip{flex-direction:column;align-items:flex-start;gap:10px;padding:21px 0 26px}.site-footer{padding-top:18px;padding-bottom:22px}.site-footer>span:last-child{display:none}}@media (width<=420px){.app-shell{padding:0 4.3%}.editor-card,.preview-card{padding-left:17px;padding-right:17px}.mode-tabs button{padding:10px}.mode-tabs button span{font-size:9px}.style-controls{grid-template-columns:1fr 1fr}.size-control{grid-column:span 2}.qr-frame{width:230px;height:230px}h2{font-size:17px}.download-button{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}