:root{--bg:#f6f7f3;--surface:#fff;--ink:#183b34;--muted:#748078;--line:#e2e8de;--accent:#c4ef93;--soft:#edf2e8;--danger:#ae332b;--shadow:0 12px 32px #173c2b05;color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink)}
:root[data-theme=dark]{--bg:#101b18;--surface:#172721;--ink:#e4eee3;--muted:#a1b2a5;--line:#314339;--accent:#bce689;--soft:#25382d;--danger:#ffad9f;--shadow:0 12px 32px #0002;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7fab56;outline-offset:3px}[hidden]{display:none!important}.header{max-width:1440px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;font-weight:800;font-size:21px;letter-spacing:-.9px;gap:10px;white-space:nowrap}.brand-mark{background:var(--ink);color:var(--bg);border-radius:10px;font-size:30px;line-height:40px;width:40px;text-align:center}.brand-sub{font-size:11px;font-weight:500;letter-spacing:.5px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-left:4px}.header nav{display:flex;gap:30px}.nav-link{color:var(--muted);border:0;background:none;font-size:13px;padding:14px 0;position:relative}.nav-link.active{color:var(--ink);font-weight:650}.nav-link.active:after{content:'';position:absolute;width:15px;height:3px;background:var(--ink);bottom:5px;left:calc(50% - 7px);border-radius:3px}.tiny-badge{background:var(--accent);color:#183b34;padding:2px 4px;border-radius:4px;margin-left:3px}.header-actions{display:flex;gap:15px;align-items:center}.icon-button{border:1px solid var(--line);width:38px;height:38px;border-radius:50%;background:transparent;color:var(--ink);font-size:22px}.button{background:var(--ink);color:var(--surface);border:1px solid var(--ink);border-radius:9px;padding:14px 19px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;transition:transform .12s,opacity .12s}.button:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.button.small{padding:10px 16px}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.full{width:100%}.hero{text-align:center;padding:50px 20px 48px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.3px;margin:0 0 20px}.status-dot{display:inline-block;background:#80a860;width:6px;height:6px;border-radius:50%;margin-right:8px;vertical-align:middle}.hero h1,.page-heading h1{font-size:clamp(36px,4.1vw,59px);line-height:1.12;letter-spacing:-2.7px;font-weight:650;margin:0 0 20px}.hero h1 span,.page-heading h1 span{color:#789476}:root[data-theme=dark] h1 span{color:#b8d199}.hero>p:last-child,.page-heading>p:last-child{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.studio{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);max-width:1110px;margin:auto;gap:24px;align-items:start;padding:0 24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.editor{padding:29px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}.card-title>div{display:flex;align-items:center;gap:10px}.step{font-size:10px;letter-spacing:.5px;border:1px solid var(--line);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:var(--muted)}h2{font-size:16px;letter-spacing:-.3px;font-weight:650;margin:0}.muted{color:var(--muted);font-size:10px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.type-button{display:flex;flex-direction:column;align-items:center;gap:9px;justify-content:center;min-height:75px;background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:10px;padding:10px 3px;transition:background .1s,border-color .1s}.type-button svg{width:21px;height:21px;stroke-width:1.5}.type-button[aria-pressed=true]{background:var(--soft);border-color:#9fb28b;color:var(--ink);font-weight:650}.type-button:hover{border-color:#9fb28b}.section-line{height:1px;background:var(--line);margin:25px 0}.form-heading h3{font-size:14px;margin:0 0 7px}.form-heading p{font-size:11px;color:var(--muted);margin:0 0 20px}.fields{display:grid;grid-template-columns:1fr;gap:16px}.fields.two-cols{grid-template-columns:1fr 1fr}.span-2{grid-column:1/-1}label{display:block;font-size:11px;font-weight:550;color:var(--ink)}input:not([type=checkbox],[type=color],[type=file]),select,textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:12px;font-size:13px;margin-top:8px;min-height:43px;transition:border-color .1s}textarea{min-height:90px;resize:vertical}input::placeholder,textarea::placeholder{color:#96a094}.field-hint,.hint{font-size:10px;color:var(--muted);line-height:1.6;margin:8px 0}.checkbox-label{display:flex;gap:9px;align-items:center;font-size:12px}input[type=checkbox]{accent-color:var(--ink);width:17px;height:17px;margin:0;flex-shrink:0}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.mode-row strong{font-size:11px;font-weight:550}.mode-row p{color:var(--muted);font-size:10px;margin:6px 0 0;line-height:1.5}.pro-badge{font-size:8px;letter-spacing:.8px;background:var(--accent);color:#284122;padding:3px 5px;border-radius:4px;margin-left:5px;vertical-align:middle}.switch{position:relative;display:inline-flex;width:34px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch>span:first-of-type{background:var(--line);border-radius:20px;position:absolute;inset:0;cursor:pointer}.switch>span:first-of-type:before{content:'';width:14px;height:14px;background:white;position:absolute;left:3px;top:3px;border-radius:50%;transition:transform .15s}.switch input:checked+span{background:#749356}.switch input:checked+span:before{transform:translateX(14px)}.switch input:focus-visible+span{outline:3px solid #7fab56;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.info-note{font-size:11px;line-height:1.7;background:var(--soft);padding:12px 14px;border-radius:7px}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.color-control{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;margin-top:8px;padding:8px 10px;height:43px}.color-control span{font-size:11px;color:var(--muted);font-family:ui-monospace,monospace}.color-control input{width:24px;height:24px;padding:0;border:0;border-radius:4px;cursor:pointer;background:none}.color-control input::-webkit-color-swatch-wrapper{padding:0}.color-control input::-webkit-color-swatch{border:0;border-radius:4px}input[type=file]{font-size:10px;margin-top:8px;border:1px dashed var(--line);border-radius:7px;padding:10px;width:100%;height:43px;color:var(--muted)}input[type=file]::file-selector-button{border:0;background:var(--soft);border-radius:4px;color:var(--ink);padding:3px 7px;margin-right:6px;font:inherit}.form-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:10px}.form-bottom .button{font-size:11px;padding:12px 14px}.text-button{color:var(--ink);background:none;border:0;padding:5px 0;font-size:11px;font-weight:600;text-decoration:none}.preview-column{position:sticky;top:24px}.preview{padding:25px}.preview .card-title{margin-bottom:15px}.live-badge{font-size:7px;font-weight:650;letter-spacing:.7px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:5px}.qr-stage{background:var(--soft);border-radius:11px;padding:34px 20px;min-height:285px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:12px 12px}.qr-paper{background:#fff;width:222px;height:222px;border-radius:9px;box-shadow:0 10px 25px #21392112;display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-paper img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}#emptyPreview{text-align:center;color:#819477}#emptyPreview>span{font-size:70px;font-weight:300;line-height:1}#emptyPreview p{font-size:12px;line-height:1.6}.preview-meta{display:flex;justify-content:space-between;align-items:center;padding-top:15px;color:var(--muted);font-size:9px;letter-spacing:.6px}.preview-meta>span:first-child{font-weight:650}.preview-status{font-size:11px;line-height:1.5;min-height:33px;margin:16px 0;color:var(--muted);overflow-wrap:anywhere}.preview-status.error,#authMessage.error,#saveMessage.error{color:var(--danger)}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.download-grid .button{font-size:11px;padding:13px 8px}.save-button{width:100%;background:none;color:var(--ink);border:1px dashed #b1bfb0;border-radius:8px;padding:12px;margin-top:12px;font-size:11px}.centered{text-align:center}.preview .hint{margin:16px 0 0;font-size:9px}.tip-card{background:#eaf1df;color:#284132;display:flex;gap:16px;padding:25px;border-radius:13px;margin-top:20px}.tip-symbol{font-size:30px;line-height:1}.tip-card h3{font-size:12px;line-height:1.5;margin:0 0 8px}.tip-card p{font-size:11px;line-height:1.7;margin:0 0 10px;color:#6d7d65}.tip-card .text-button{color:#284132;font-size:10px}.trust-row{display:flex;justify-content:center;gap:22px;color:var(--muted);font-size:9px;padding:20px 0}.use-cases{text-align:center;padding:56px 24px 47px}.use-cases>span{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.use-cases p{font-size:12px;line-height:2;color:var(--muted)}.use-cases i{font-style:normal;padding:0 12px;color:#a5b397}footer{max-width:1344px;margin:auto;padding:28px 0;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}footer .brand{font-size:16px;color:var(--ink)}footer .brand-sub{font-size:9px}footer>div{display:flex;gap:20px;align-items:center}footer .text-button{color:var(--muted);font-size:10px}footer a{text-decoration:none}.page-heading{max-width:1110px;margin:0 auto;padding:50px 24px 40px}.library-toolbar{max-width:1062px;margin:0 auto 25px;display:flex;justify-content:space-between;gap:20px}.library-toolbar input{max-width:400px;margin:0!important}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1062px;gap:20px;margin:0 auto 70px}.code-card{padding:22px;overflow:hidden}.code-card img{width:150px;height:150px;display:block;margin:20px auto}.code-card h3{font-size:16px;margin:16px 0 8px;overflow-wrap:anywhere}.code-card p{font-size:11px;color:var(--muted);line-height:1.6}.code-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.code-actions{display:flex;flex-wrap:wrap;gap:15px}.code-actions button{font-size:11px}.empty-card{padding:40px;text-align:center;grid-column:1/-1}.pricing-grid{max-width:870px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{padding:35px}.price-card h2{font-size:25px;line-height:1.25;margin:20px 0;letter-spacing:-.8px;min-height:62px}.price-card p{font-size:12px;color:var(--muted);line-height:1.7}.price{font-size:33px;font-weight:650;letter-spacing:-1px}.price-card ul{list-style:none;padding:0;margin:30px 0;font-size:12px}.price-card li{padding:11px 0;border-bottom:1px solid var(--line)}.price-card li:before{content:'✓';margin-right:10px;color:#80a860}.featured{border-color:#9ab577;background:var(--soft)}.vipps{background:#ff5b24;border-color:#ff5b24;color:#fff}.paypal{background:#003087;border-color:#003087;color:white}.terms-check{font-size:11px;line-height:1.7;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:20px 0}dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:18px;max-width:480px;width:calc(100% - 32px);padding:34px;max-height:90vh;overflow:auto;box-shadow:0 30px 80px #0003}dialog::backdrop{background:#092c2480;backdrop-filter:blur(3px)}dialog h2{font-size:26px;letter-spacing:-.8px;margin:10px 0 15px}dialog p{font-size:12px;line-height:1.8;color:var(--muted)}dialog label{margin:18px 0}.close{position:absolute;right:15px;top:12px;border:0;background:none;color:var(--muted);font-size:26px}.dialog-intro{margin:10px 0 25px}.dialog-intro .eyebrow{font-size:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);background:var(--ink);color:var(--surface);padding:15px 22px;border-radius:12px;font-size:12px;line-height:1.6;z-index:20;box-shadow:0 10px 40px #0003}.landing{max-width:540px;padding:30px;margin:40px auto}.landing h1{font-size:32px}.landing p{font-size:14px;line-height:1.7}.landing-qr{width:100%;max-width:300px;display:block;margin:30px auto}.landing pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.primary{display:block;background:var(--ink);color:var(--surface);padding:14px;border-radius:8px;text-align:center;text-decoration:none}#paymentsList{max-width:1062px;margin:0 auto 60px;padding:25px}#paymentsList p{font-size:12px;color:var(--muted)}
@media(min-width:1600px){.hero{padding-top:65px}.studio{max-width:1180px}}
@media(max-width:1150px){.header{padding:0 24px}footer{margin:0 24px;flex-wrap:wrap}.brand-sub{display:none}.library-toolbar,.library-grid,#paymentsList{margin-left:24px;margin-right:24px}}
@media(max-width:800px){.header{height:auto;min-height:90px;flex-wrap:wrap;gap:10px;padding:18px 24px}.header nav{order:3;width:100%;justify-content:center;gap:35px}.header-actions{gap:9px}.hero{padding-top:33px}.hero h1,.page-heading h1{letter-spacing:-1.8px}.studio{grid-template-columns:1fr;max-width:610px;gap:20px}.preview-column{position:static}.preview .qr-stage{min-height:320px}.qr-paper{width:250px;height:250px}.editor{padding:25px}.library-grid{grid-template-columns:1fr 1fr}.pricing-grid{margin-left:24px;margin-right:24px}.price-card{padding:25px}footer{justify-content:center;padding:25px 0}footer p{display:none}.use-cases{padding-top:35px}}
@media(max-width:520px){.brand{font-size:18px;gap:7px}.brand-mark{width:32px;line-height:32px;font-size:26px}.header{padding:16px}.header .button{padding:10px;font-size:11px}.header-actions{gap:8px}.icon-button{width:32px;height:32px}.hero{padding:30px 16px}.hero h1{font-size:38px;line-height:1.15}.hero>p:last-child{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.6px}.studio{padding:0 16px}.editor,.preview{padding:20px}.type-grid{gap:7px}.type-button{font-size:9px;min-height:70px}.card-title .muted{font-size:9px}.preview .card-title h2{font-size:14px}.live-badge{font-size:6px}.design-grid{gap:14px}.form-bottom .button{font-size:10px;padding:12px 10px}.fields.two-cols{grid-template-columns:1fr}.span-2{grid-column:auto}.library-grid{grid-template-columns:1fr;margin:0 16px 35px}.library-toolbar{margin:0 16px 20px;flex-wrap:wrap}.library-toolbar input{max-width:100%}.pricing-grid{grid-template-columns:1fr;margin:0 16px 40px}.page-heading{padding:35px 16px}.use-cases i{padding:0 5px}.use-cases p{font-size:10px}footer{margin:0 16px;gap:20px}footer>span{width:100%;text-align:center}.tip-card{padding:20px}dialog{padding:28px}.terms-check{display:block}.terms-check input{vertical-align:middle;margin-right:7px}.landing{margin:20px 16px}.header nav{gap:30px}.header nav button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}