/* QRLizard: visual editor inspired by the supplied reference */
#generator{background:#0e1613;border:1px solid #253c30;box-shadow:0 28px 65px #12371940,0 9px 20px #12371925;border-radius:28px;grid-template-columns:minmax(0,1.65fr) minmax(350px,1fr);color:#edf5ec}.editor{background:radial-gradient(ellipse at 0 0,#21352966,transparent 55%),#111a16;border-radius:28px 0 0 28px;padding:32px}.generator h2,.generator h3,.generator h4,.generator h5{color:#f4f9f3}.generator .section-label{color:#afd49a}.generator label,.generator p,.generator small{color:#c0cebf}.generator .field-help,.generator .hint,.generator .scan-note,.generator .studio-intro{color:#aebead!important}.generator input:not([type=color]):not([type=checkbox]):not([type=range]),.generator select,.generator textarea{background:#202a23!important;border:1px solid #40503f!important;color:#f3f7f1!important;box-shadow:inset 0 2px 4px #0003}.generator input::placeholder,.generator textarea::placeholder{color:#91a18f}.generator input[type=range]{accent-color:#9bd765;min-height:30px;cursor:pointer}.generator input[type=color]{background:#283b2d;border-color:#5d7452;box-shadow:0 3px 8px #0004}.generator .tabs{border-color:#334336;flex-wrap:wrap}.generator .tabs button{background:#202c23;color:#cdd9c9;border:1px solid #344a37;box-shadow:0 4px 8px #0003}.generator .tabs button[aria-pressed=true]{background:#84c84f;color:#13210e;border-color:#b1e17d;box-shadow:0 6px 18px #75b54230}.generator .section-label{margin-top:2px}.studio-step{display:flex;align-items:center;gap:13px;margin:25px 0 18px}.studio-step>span{display:grid;place-items:center;min-width:40px;height:40px;background:#263729;border:1px solid #405940;box-shadow:0 4px 8px #0004;border-radius:17px;font-weight:800;color:#d3efa5}.studio-step h3{margin:0;font-size:15px;letter-spacing:-.2px}.studio-step p{font-size:12px;margin:4px 0 0;color:#9bac99}.qr-mode-grid{gap:11px;margin-top:0}.qr-mode-grid button{background:radial-gradient(ellipse at 50% 0,#29382e,#151d18 85%);border:1px solid #3b4c3b;box-shadow:inset 0 1px #7c9d5a15,0 9px 20px #0004;padding:13px 9px 18px;border-radius:20px;transition:transform .18s,box-shadow .18s,border-color .18s}.qr-mode-grid button>img{width:100%;height:112px;object-fit:contain;filter:drop-shadow(0 8px 5px #0007)}.qr-mode-grid button b{font-size:13px;color:#f4faef}.qr-mode-grid button small{color:#aab9a5;font-size:11px}.qr-mode-grid button[aria-pressed=true]{padding:12px 8px 17px;background:radial-gradient(ellipse at 0 0,#48713b66,#1a241b 80%);border:2px solid #a0d971;box-shadow:0 0 0 3px #a0d97110,0 10px 22px #0005}.qr-mode-grid button:hover{transform:translateY(-3px);border-color:#91b86f}.studio-tabs{background:#17211a;border:1px solid #3b4b39;border-radius:13px;margin-bottom:10px;padding:4px}.studio-tabs button{color:#a7b7a1;padding:12px;font-size:12px;border-radius:9px}.studio-tabs button[aria-pressed=true]{background:#30432b;color:#e6f5d8;border:1px solid #6a855a;box-shadow:0 3px 7px #0004}.studio-section,.generator details:not(.studio-section){border:1px solid #344535;background:radial-gradient(ellipse at 100% 0,#22322566,transparent 75%),#151e18;border-radius:18px;box-shadow:0 7px 16px #0003,inset 0 1px #bddea808}.studio-section summary,.generator details summary{color:#e8f0e1;font-size:14px}.studio-section summary svg,.generator details summary svg{color:#bad792}.studio-section-body{padding:0 17px 18px}.studio-section[open]{border-color:#465b3d}.visual-shape-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.visual-shape-grid button{position:relative;padding:0;border:1px solid #9aaa91;background:#fff;border-radius:10px;aspect-ratio:1;overflow:hidden;box-shadow:0 4px 8px #0004;transition:transform .15s}.visual-shape-grid button>svg{display:block;width:100%;height:100%}.visual-shape-grid button[aria-pressed=true],.image-template[aria-pressed=true]{outline:2px solid #b5ef79;outline-offset:2px}.visual-shape-grid button[aria-pressed=true]:after,.image-template[aria-pressed=true]:after{content:'✓';position:absolute;top:3px;right:3px;background:#172411;color:#ecffd8;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:12px;box-shadow:0 2px 5px #0006}.visual-shape-grid button:hover{transform:translateY(-2px)}.marker-center-holder{margin:18px 0}.marker-center-holder h5{font-size:11px;margin:0 0 10px;color:#abbfa0}.compact-select{margin-top:10px;font-size:11px}.compact-select select{padding:8px}.color-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.color-tile{position:relative;border:1px solid #5a6955;border-radius:7px;box-shadow:0 3px 6px #0003}.color-tile svg{height:27px}.color-tile span{display:none}.color-tile:hover{outline:2px solid #a4db75}.visual-color-tabs{display:flex;gap:4px;background:#111912;border:1px solid #354630;border-radius:11px;padding:4px;margin-bottom:14px}.visual-color-tabs button{flex:1;color:#aebeaa;background:transparent;border:0;padding:9px 4px;border-radius:7px;font-size:11px}.visual-color-tabs button[aria-pressed=true]{background:#354631;color:#f0ffe6;box-shadow:0 2px 5px #0003}.generator .colors{margin-top:15px;gap:12px}.generator .colors>label{background:#1c291e;padding:12px;border:1px solid #3b4d34;border-radius:13px}.generator .colors input[type=color]{width:45px;height:40px;border-radius:12px}.generator .colors span{font-size:11px;color:#b5c8a7}.image-background-panel{margin:16px 0!important;padding:4px 17px 16px!important}.image-background-panel summary{padding:14px 0!important}.image-background-panel .art-choices{display:grid;grid-template-columns:145px minmax(0,1fr);gap:17px;align-items:start}.motif-hero{position:relative;border:1px solid #5b6d50;border-radius:12px;background:#17201a;box-shadow:0 5px 12px #0005;overflow:hidden}.motif-hero img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.motif-hero button{width:100%;border:0;border-top:1px solid #506042;border-radius:0;padding:8px 3px;background:#2c3b25;color:#d9f1c6;font-size:10px}.background-sliders{min-width:0}.background-sliders label{display:block;background:#202820;border:1px solid #3b4836;border-radius:10px;margin:0 0 10px;padding:8px 11px;font-size:10px;position:relative}.background-sliders output{float:right;color:#efffe1;font-weight:700}.background-sliders input{display:block;width:100%;margin-top:3px}.motif-strip{display:flex;gap:8px;overflow:auto;margin:15px 0}.motif-choice{background:#202b20;border:1px solid #506247;border-radius:10px;overflow:hidden;padding:0;flex:0 0 75px;box-shadow:0 4px 8px #0004}.motif-choice img{display:block;width:75px;height:60px;object-fit:cover}.motif-choice span{display:block;font-size:9px;color:#deebd2;padding:5px 2px}.motif-choice[aria-pressed=true]{outline:2px solid #a6d978;outline-offset:2px}.compact-art-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.compact-art-controls button{font-size:11px;background:#2a3827;color:#d8e7cf;border:1px solid #506646;padding:8px;border-radius:9px}.visual-template-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.visual-template-heading h4{font-size:14px;margin:0}.visual-template-heading button{font-size:10px;border:1px solid #3e5436;padding:8px 12px;border-radius:15px;background:#293c24;color:#daefcb}.image-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#141c15;border:1px solid #35462f;border-radius:15px;padding:13px}.image-template{padding:0;aspect-ratio:1;border:1px solid #536249;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 5px 10px #0005;background:white}.image-template svg{display:block;width:100%;height:100%}.design-preset{background:#1d2b20;border:1px solid #445a3b;box-shadow:0 5px 10px #0003;color:#e8f3df}.design-preset .preset-name{color:#ecf8e3}.design-preset small{color:#a2b799}.design-preset[aria-pressed=true]{background:#30482a;border-color:#a2d771}.preset-filters button{background:#1e2c1d;color:#adbea2;border-color:#3c5234}.preset-filters button[aria-pressed=true]{background:#405b30;color:white}.visual-preview{background:radial-gradient(circle at 1px 1px,#76aa4120 1px,transparent 1px) 0 0/8px 8px,linear-gradient(155deg,#19271b,#0f1712)!important;border:1px solid #314631;border-left-color:#45613b;border-radius:23px;margin:24px 22px 24px 0;top:18px;padding:22px!important;box-shadow:0 18px 35px #0005,inset 0 1px #a1d37110}.visual-preview .studio-step{margin-top:0}.visual-preview .preview-top{display:none}.visual-preview #qr{width:100%;max-width:420px;padding:0;aspect-ratio:1;border-radius:20px;margin:22px auto;border:1px solid #91a87d;background:white;box-shadow:0 18px 30px #0007;overflow:hidden}.visual-preview .scan-check{font-size:11px;color:#c0d4b0;background:#22301d;border:1px solid #3f5831;border-radius:10px;padding:9px}.visual-preview .scan-check.passed{color:#b6ef86;background:#253d1e;border-color:#689e41}.scan-gauge{margin:17px 0 22px}.scan-gauge-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#bdccb1;margin-bottom:9px}.scan-gauge-title button{border:1px solid #66795a;background:transparent;color:#c7d9b8;border-radius:50%;width:18px;height:18px;padding:0}.scan-track{height:14px;border:1px solid #718969;border-radius:20px;background:linear-gradient(90deg,#f24142,#ff9440 32%,#d4c856 53%,#70c37b 76%,#38cd88);position:relative;box-shadow:inset 0 2px 4px #0003}.scan-track span{position:absolute;left:50%;top:-4px;width:4px;height:22px;border-radius:3px;background:#fff;box-shadow:0 1px 5px #0009;transition:left .2s}.scan-gauge[data-state=passed] .scan-track span{left:97%}.scan-gauge[data-state=failed] .scan-track span{left:3%}.scan-gauge[data-state=passed] .scan-gauge-title{color:#a8e879}.scan-gauge[data-state=failed] .scan-gauge-title{color:#ff9d86}.visual-preview .export-settings{background:#182419;border:1px solid #344831;border-radius:15px;padding:13px}.visual-preview .export-settings h3{font-size:13px}.visual-preview .downloads{margin-top:16px}.visual-preview .downloads button,.extra-exports button{background:#233c1e;color:#e8ffd9;border:1px solid #5a8343;box-shadow:0 6px 12px #0005;transition:transform .15s,background .15s}.visual-preview .downloads button:first-child{background:linear-gradient(#a9df76,#7fc149);color:#163009;font-weight:750;border-color:#c4ed9b}.extra-exports{display:flex;gap:8px;margin-top:8px}.extra-exports button{flex:1;padding:10px;border-radius:12px;font-size:11px}.generator button:disabled{opacity:.45;cursor:not-allowed}.generator .static-note{border-color:#34452e;background:#182319}.generator .static-note b{color:#d8e8cb}.studio-analytics{background:#243820;color:#d3ecc3;border-color:#4a653c;box-shadow:0 5px 12px #0003}.interaction-status{color:#9fb28f;font-size:10px;min-height:17px;margin:7px 1px 12px}#studio-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:13px 22px;border:1px solid #789958;border-radius:15px;background:#20331df2;box-shadow:0 12px 35px #0005;color:#f0ffe4;font-size:13px;z-index:999;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:min(90vw,550px)}#studio-toast.visible{opacity:1;transform:translate(-50%,0)}.generator button{cursor:pointer}.button-feedback{animation:buttonTap .25s}.loading{position:relative;pointer-events:none}.loading:after{content:'';position:absolute;inset:0;border-radius:inherit;background:#0b170ca6}.loading:before{content:'';position:absolute;z-index:2;top:calc(50% - 11px);left:calc(50% - 11px);width:22px;height:22px;border:3px solid #b6ed862b;border-top-color:#b6ed86;border-radius:50%;animation:spin .7s linear infinite}.generator [hidden]{display:none!important}.generator .ai-info{background:#24301d;border-color:#50683c}.generator .ai-info b{color:#d2e7b9}.generator #error{color:#ffbda5}.generator .privacy-note{color:#a2bf8e}.generator .local-draft{padding:14px;margin-top:16px}.generator .local-draft button{background:#30452a;color:#e6f7d8;border-color:#657e50}.generator .primary{background:linear-gradient(#a7df72,#7cc247);color:#163209!important;border:1px solid #bbe992;box-shadow:0 7px 18px #0005!important}.generator .primary span{color:#18330b}.generator button:hover:not(:disabled){filter:brightness(1.1)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes buttonTap{50%{transform:scale(.96)}}@media(max-width:1050px){.visual-shape-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.color-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.image-background-panel .art-choices{grid-template-columns:115px minmax(0,1fr)}.qr-mode-grid button>img{height:90px}.qr-mode-grid button b{font-size:11px}}@media(max-width:800px){#generator{grid-template-columns:1fr}.editor{padding:20px;border-radius:25px}.visual-preview{position:static;margin:10px 16px 20px;border-radius:22px;padding:20px!important}.qr-mode-grid{gap:7px}.qr-mode-grid button{padding:9px 5px 13px}.qr-mode-grid button>img{height:75px}.qr-mode-grid button small{font-size:9px}.image-template-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:8px}.visual-shape-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.studio-tabs button{padding:10px 4px}.studio-tabs svg{width:17px}.image-background-panel{padding:4px 10px 14px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.effect-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.effect-visual-grid button{padding:8px;background:#1d2b1c;color:#d5eaca;border:1px solid #526743;border-radius:12px}.effect-visual-grid svg{width:100%;height:auto;display:block;border-radius:8px}.effect-visual-grid span{display:block;font-size:10px;margin-top:8px}.effect-visual-grid button[aria-pressed=true]{outline:2px solid #a6df70;outline-offset:2px}
/* V18: coherent forest palette and accessible controls */
#generator{background:#1c382b;border-color:#54775a}.generator .editor{background:radial-gradient(ellipse at 0 0,#42694b66,transparent 65%),#203b2c}.generator .visual-preview{background:radial-gradient(ellipse at 80% 0,#41624466,transparent 65%),#1a3228;border-color:#527354}.generator .type-description,.generator .more-type-list{background:#2b4735!important;color:#e5efdf!important;border-color:#688060!important}.generator .more-type-list button{background:#213c2c;color:#eef5e8;border-color:#637d5b}.generator .type-picker .tabs{background:#294631}.generator .type-picker .tabs button{color:#eef5e8}.generator .type-picker .tabs button[aria-pressed=true]{color:#153420;background:#b9df91}.generator .type-label{color:inherit!important}.generator #gradient-fields,.generator .gradient-toggle,.generator .friendly-logo-upload{background:#2b4736!important;color:#edf5e7!important;border:1px solid #6e875f;border-radius:14px;padding:14px}.generator .gradient-toggle small{display:block;font-size:11px;margin:8px 0 0}.generator .colors>label{display:block!important;color:#e6f0df!important}.friendly-logo-upload{display:block!important}.logo-upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px;min-height:150px;background:#35583e!important;border:1px dashed #a4c58a!important;border-radius:16px;color:#f2f8ed!important;cursor:pointer}.logo-upload-button>span{display:grid;place-items:center;width:42px;height:42px;background:#bcdf91;color:#1d3b22;border-radius:14px;font-size:29px}.logo-upload-button:hover{background:#426d49!important;border-color:#d0edaa!important}.generator .downloads{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.generator .downloads button{display:flex;justify-content:center;align-items:center;gap:9px;color:#eff7e8;background:linear-gradient(#42674a,#2c4b35)!important;border:1px solid #8cac72!important;min-height:54px;border-radius:13px;box-shadow:inset 0 1px #ffffff20,0 5px 10px #0003;transition:transform .18s,box-shadow .18s,background .18s}.generator .downloads button svg{width:19px;height:19px}.generator .downloads button:hover:not(:disabled){background:#567a49!important;transform:translateY(-3px);box-shadow:0 8px 18px #0004,0 0 0 2px #b9df9140}.generator .downloads button:disabled{opacity:.4;cursor:not-allowed}.download-heading{font-size:13px;text-align:left;margin:20px 0 12px}.generator #qr{transition:transform .16s ease-out;transform-style:preserve-3d;box-shadow:0 18px 35px #07180f66,0 4px 8px #0004;will-change:transform}.generator #qr.transparent-preview{background:repeating-conic-gradient(#e5e9df 0% 25%,white 0% 50%) 0 0/16px 16px}.generator .export-settings{background:#294532!important;border-color:#69815c!important}.generator .print-options{border-color:#65805a}.generator .studio-section,.generator .image-background-panel,.generator .logo-settings{background:linear-gradient(145deg,#2b4331,#213629)!important;border-color:#546e4d}.generator .hint{color:#d0dec6!important}.generator button:focus-visible{outline:3px solid #c9ed9b;outline-offset:3px}@media(prefers-reduced-motion:reduce){.generator #qr{transition:none;transform:none!important}}@media(max-width:600px){.generator .downloads{grid-template-columns:repeat(2,minmax(0,1fr))}}
.generator .downloads #png{color:#eff7e8!important}.generator .visual-color-tabs button{background:#34533d!important;color:#ebf4e3!important;border-color:#769368!important}.generator .visual-color-tabs button[aria-pressed=true]{background:#b6d88b!important;color:#173320!important}

/* V19: distinct columns, responsive preview and readable logo controls */
#generator{gap:22px;padding:22px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);box-sizing:border-box}.generator .editor{padding:20px;min-width:0;border:0;border-radius:20px}.generator .visual-preview{margin:0;padding:22px;min-width:0;box-sizing:border-box;border-radius:22px;overflow:visible;align-self:start}.generator .print-preview{width:100%;min-width:0;perspective:900px;padding:16px 0}.generator #qr{box-sizing:border-box;width:min(100%,360px)!important;height:auto!important;aspect-ratio:1;margin:12px auto!important;max-width:100%;transform-origin:center;transition:transform .12s ease-out}.generator #qr svg{display:block;width:100%;height:100%}.generator #scan-check{width:100%;box-sizing:border-box;max-width:none;background:#344834;color:#e3ebda;border:1px solid #6c7c5c;box-shadow:none}.generator #scan-check[data-state=passed]{background:#2b592e;color:#d8ffb1;border-color:#8bd651;box-shadow:0 0 20px #7bc94b45,inset 0 1px #d3f4b120}.generator #scan-check[data-state=failed]{background:#612d30;color:#ffe3e1;border-color:#e68379;box-shadow:0 0 20px #db4d4545}.generator #logo-controls{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start;margin-top:20px;padding:20px;background:#24422f;border:1px solid #76936b;border-radius:16px}.generator #logo-controls[hidden]{display:none!important}.generator #logo-thumb{width:64px;height:64px;object-fit:contain;background:white;border-radius:12px;padding:5px;box-sizing:border-box}.generator #logo-controls>label,.generator #logo-controls>p{grid-column:1/-1;margin:0;min-width:0}.generator #logo-controls label{display:block;line-height:1.6;color:#eef6e8!important}.generator #logo-controls select{display:block;box-sizing:border-box;width:100%;margin:8px 0 0;padding:12px;height:auto;min-height:46px;position:static}.generator #logo-controls input[type=range]{display:block;width:100%;box-sizing:border-box;margin:12px 0}.generator #logo-controls .field-help{line-height:1.7;color:#d6e6ce!important}.generator #remove-logo{position:static;min-height:44px;color:#edf5e4;background:#3c5d40;border:1px solid #8caa76;border-radius:12px}.generator #logo-size-value{float:right;color:#d9f4b1}.generator .scan-gauge{display:none}@media(max-width:1000px){#generator{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}.generator .visual-preview{position:static;max-width:100%;width:100%;padding:24px}.generator #qr{width:min(100%,380px)!important}}@media(max-width:600px){#generator{padding:10px;gap:12px}.generator .editor,.generator .visual-preview{padding:16px}.generator #logo-controls{padding:15px}.generator .print-preview{padding:12px 0}}

.site-footer{display:grid!important;grid-template-columns:1.4fr repeat(5,1fr);gap:28px;background:#183528;border:1px solid #526d49;border-radius:24px 24px 0 0;padding:38px!important;align-items:start!important;color:#e4eddf;margin-top:40px}.site-footer .brand{color:#eff5e7}.site-footer .brand span{color:#bedf92}.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.site-footer nav h2{font-size:14px;color:#eff5e8;margin:0 0 9px}.site-footer a{font-size:13px;color:#d3e0c9;text-decoration:none;line-height:1.5}.site-footer nav a:hover{color:#d9f8a9;text-decoration:underline}.site-footer p,.site-footer small{font-size:13px;color:#c2d2b9;line-height:1.7}.footer-bottom{grid-column:1/-1;border-top:1px solid #5b7451;padding-top:20px;color:#b4c4a9;font-size:12px}.coming-page{max-width:850px;padding:70px 30px;min-height:55vh}.coming-page h1{font-size:45px;letter-spacing:-1.5px}.coming-page p{font-size:18px;line-height:1.8;color:#395b40}.coming-badge{display:inline-block;padding:10px 16px;border-radius:30px;background:#e4efd7;color:#345329}.coming-action{display:block;width:fit-content;background:#244c32;color:white;border-radius:14px;padding:16px 22px;margin:28px 0}.coming-page>a{line-height:1.7}@media(max-width:1100px){.site-footer{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.site-footer{grid-template-columns:repeat(2,1fr);padding:24px!important}.footer-brand{grid-column:1/-1}.coming-page h1{font-size:34px}}

.generator .motif-choice{background:#2f4c36!important;border:1px solid #92af7d!important;color:#f1f8e8!important;min-width:96px}.generator .motif-choice span{color:#eef6e5!important;font-size:12px!important;line-height:1.4}.generator .example-motifs-title{font-size:14px;margin:20px 0 12px}.offer-page{padding:60px 30px;max-width:1250px;min-height:60vh}.offer-page h1{font-size:44px;letter-spacing:-1.5px}.offer-page>p{line-height:1.8;color:#3d5941}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}.offer-grid article,.login-card,.offer-note{background:#f0f6e9;border:1px solid #aabf97;border-radius:22px;padding:26px;box-shadow:0 12px 28px #22432b12}.offer-grid h2,.login-card h2{font-size:23px}.offer-grid strong{font-size:26px;color:#254b31}.offer-grid li{margin:16px 0;line-height:1.6}.offer-grid a,.offer-page a{color:#275a33}.offer-page .coming-action{color:white}.offer-page button:disabled{padding:16px 22px;border-radius:14px;background:#d8e3cd;color:#45613b;border:1px solid #91a680;cursor:not-allowed}.offer-note{margin:25px 0}.login-card{max-width:620px;margin:30px 0}.offer-page ol li{padding:12px 0}@media(max-width:850px){.offer-grid{grid-template-columns:1fr}.offer-page h1{font-size:34px}header nav{flex-wrap:wrap}}
/* V22: unified forest palette and readable interactive states */
:root{--forest:#203e2e;--forest-card:#2b4936;--forest-line:#78926b;--forest-text:#f2f7ec;--forest-muted:#d1dec7;--cream:#f6f8f0;--ink:#203c2b;--accent:#b6df87}body{background:linear-gradient(140deg,#f5f8ef,#fff 48%,#edf4e6);color:var(--ink)}header{height:auto!important;min-height:78px;gap:22px;padding-top:16px!important;padding-bottom:16px!important}header nav{flex-wrap:wrap;justify-content:flex-end;gap:14px 20px}header nav a{color:#284b33}.generator{color:var(--forest-text)}.generator label,.generator summary,.generator h3,.generator h4,.generator h5{color:var(--forest-text)!important}.generator p,.generator small,.generator .field-help,.generator .hint,.generator .scan-note,.generator .privacy-note,.generator .interaction-status{color:var(--forest-muted)!important;line-height:1.65}.generator .interaction-status{font-size:12px}.generator a{color:#d5f3af!important;text-decoration:underline;text-underline-offset:3px}.generator .studio-analytics{color:#ecf7db!important;text-decoration:none}.generator details{border-color:var(--forest-line)!important}.generator .dynamic-settings,.generator .portrait-settings,.generator .contact-extra,.generator #scan-help,.generator #color-help{background:var(--forest-card)!important;border:1px solid var(--forest-line);padding:18px;border-radius:16px}.generator .dynamic-settings summary{margin-bottom:12px}.generator input:not([type=color]):not([type=range]):not([type=checkbox]),.generator select,.generator textarea{color:#f5f8f0!important;background:#1e3427!important;border:1px solid #8ba07b!important;font-size:14px;line-height:1.5;min-height:46px;box-sizing:border-box}.generator input::placeholder,.generator textarea::placeholder{color:#c4d1b8!important;opacity:1}.generator input[type=checkbox]{accent-color:#b6df87;width:18px;height:18px;vertical-align:middle;margin-right:8px}.generator input:focus-visible,.generator select:focus-visible,.generator textarea:focus-visible{outline:3px solid #c6eaa1;outline-offset:3px}.generator button:not(.primary):not(.visual-shape-grid button):not(.image-template):not(.design-preset):not(.color-tile):not(.logo-upload-button){color:#f2f8e9}.generator .type-picker button[aria-pressed=true],.generator .visual-color-tabs button[aria-pressed=true]{color:#173521!important}.generator .design-preset{background:#eaf2df!important;border-color:#9db78a!important}.generator .design-preset .preset-name,.generator .design-preset small{color:#243d2c!important}.generator .design-preset[aria-pressed=true]{background:#d4e8b8!important;border-color:#9ddb61!important}.generator .design-preset small{font-size:11px;line-height:1.5}.generator .visual-shape-grid button,.generator .image-template{background:#f6f8ee!important}.generator .color-tile{background:#2f4d36!important;color:#f0f6e9!important}.generator .color-tile span{color:#f0f6e9!important}.generator .compact-select{margin-top:16px}.generator .studio-tabs{background:#213a2b!important;border-color:#718a64!important}.generator .studio-tabs button{color:#e2edd5!important}.generator .studio-tabs button[aria-pressed=true]{background:#496a40!important;color:#f7fbea!important;border-color:#9fbe84!important}.generator .gradient-toggle{line-height:1.6}.generator .colors{gap:16px}.generator #gradient-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.generator #gradient-fields[hidden]{display:none!important}.generator #gradient-fields select{width:100%}.generator #palette-status{padding:10px 0}.generator .download-heading{font-size:14px}.generator #scan-check[data-state=failed]{color:#ffe3e1!important}.generator #scan-check[data-state=passed]{color:#e5ffc5!important}.generator button:disabled{opacity:.6!important}.generator .ui-icon{width:23px;height:23px}.generator .primary{font-size:15px}.generator .static-note p{color:#d6e4c9!important}#fragen details{background:#edf4e5;border:1px solid #9eb58c;border-radius:16px;padding:18px 22px;margin:12px 0}#fragen summary{color:#24422d;font-weight:700;cursor:pointer}#fragen p{color:#36553c;line-height:1.8}.manager-section label,.manager-section p{color:#35543b}.mascot-outro{display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:28px;padding:28px 42px;margin:42px 0 0;background:linear-gradient(120deg,#e7f0db,#f7f9ef);border:1px solid #a4bc90;border-radius:26px;overflow:hidden}.mascot-outro h2{font-size:32px;letter-spacing:-.8px;margin:12px 0;color:#24412c}.mascot-outro p{font-size:16px;line-height:1.8;color:#3d5941;max-width:560px}.mascot-outro a{display:inline-block;background:#2b5036;color:#f5f9ee;border-radius:14px;padding:14px 22px;margin-top:12px;text-decoration:none}.mascot-outro img{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 9px #29432525)}.mascot-outro .eyebrow{color:#476336}.site-footer{background:#203e2e}.site-footer a{color:#e1ebd7!important}.site-footer p,.site-footer small{color:#d0ddc4!important}.site-footer a:hover{color:#d6ffab!important}.offer-grid p,.offer-grid li,.login-card p,.offer-note p{color:#334f39;line-height:1.7}@media(max-width:700px){header nav{gap:12px;font-size:12px}.generator #gradient-fields{grid-template-columns:1fr}.mascot-outro{grid-template-columns:1fr;padding:26px;gap:12px}.mascot-outro img{max-width:330px;justify-self:center}.mascot-outro h2{font-size:27px}}
.mascot-outro{max-width:1300px;box-sizing:border-box;margin:42px auto 0}.site-footer .brand{font-size:28px!important;line-height:1.2}.site-footer .brand span{color:#c8e7a0!important}@media(max-width:1370px){.mascot-outro{margin-left:28px;margin-right:28px}}@media(max-width:600px){.mascot-outro{margin-left:16px;margin-right:16px}}

/* CSS 3D scene using the original illustrated mascot */
.gecko-3d-stage{position:relative;width:100%;min-height:230px;display:grid;align-items:center;perspective:850px;isolation:isolate;--gecko-rx:0deg;--gecko-ry:0deg}.gecko-3d-float{position:relative;z-index:2;transform-style:preserve-3d;transform:rotateX(var(--gecko-rx)) rotateY(var(--gecko-ry));transition:transform .22s ease-out}.mascot-outro .gecko-3d-float img{width:100%;height:auto;animation:geckoHover 5s ease-in-out infinite;transform:translateZ(35px);filter:drop-shadow(0 14px 10px #28432926)}.gecko-3d-shadow{position:absolute;z-index:0;left:12%;right:8%;bottom:24px;height:27px;background:radial-gradient(ellipse,#22452b40,transparent 68%);filter:blur(5px);animation:geckoShadow 5s ease-in-out infinite}.gecko-orbit{position:absolute;z-index:1;border:1px solid #76975c45;border-radius:50%;pointer-events:none}.gecko-orbit-one{width:220px;height:220px;left:16%;top:0;transform:rotateX(65deg) rotateZ(-25deg);animation:geckoOrbit 16s linear infinite}.gecko-orbit-two{width:13px;height:13px;background:#abd36d99;right:7%;top:22%;box-shadow:0 0 18px #a0c56566;animation:geckoAccent 6s ease-in-out infinite}.gecko-3d-stage.animation-paused *{animation-play-state:paused!important}@keyframes geckoHover{0%,100%{transform:translate3d(0,3px,35px) rotateZ(-1deg)}50%{transform:translate3d(0,-12px,50px) rotateZ(1deg)}}@keyframes geckoShadow{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(.8);opacity:.55}}@keyframes geckoOrbit{to{transform:rotateX(65deg) rotateZ(335deg)}}@keyframes geckoAccent{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(-18px);opacity:1}}@media(prefers-reduced-motion:reduce){.gecko-3d-stage *{animation:none!important;transition:none!important}.gecko-3d-float{transform:none!important}}

.gecko-motion-toggle{grid-column:2;justify-self:center;background:#e5efd7;color:#294b32;border:1px solid #8aa473;border-radius:12px;padding:9px 16px;font-size:12px;cursor:pointer;margin-top:-18px}.gecko-motion-toggle:hover{background:#d5e8bb}.gecko-motion-toggle:focus-visible{outline:3px solid #416c36;outline-offset:3px}.gecko-3d-stage.motion-enabled .gecko-3d-float img{animation:geckoHover 5s ease-in-out infinite!important}.gecko-3d-stage.motion-enabled .gecko-3d-shadow{animation:geckoShadow 5s ease-in-out infinite!important}.gecko-3d-stage.motion-enabled .gecko-orbit-one{animation:geckoOrbit 16s linear infinite!important}.gecko-3d-stage.motion-enabled .gecko-orbit-two{animation:geckoAccent 6s ease-in-out infinite!important}.gecko-3d-stage.motion-stopped *{animation-play-state:paused!important}.gecko-3d-stage.animation-paused *{animation-play-state:paused!important}@media(max-width:700px){.gecko-motion-toggle{grid-column:1;margin-top:0}}

/* V24: automatic mascot, pointer-controlled QR depth */
.gecko-motion-toggle{display:none!important}.generator #qr{transform:var(--qr-tilt,none)!important;transition:transform .14s ease-out;backface-visibility:hidden}.generator .print-preview{perspective:850px;overflow:visible}.gecko-3d-stage.motion-stopped *{animation-play-state:running!important}@media(prefers-reduced-motion:reduce){.generator #qr{transition:none!important}.gecko-3d-stage *{animation:none!important}}

/* V25 final interface polish */
.skip-link{position:fixed;top:12px;left:12px;z-index:2000;transform:translateY(-180%);background:#203e2e;color:#fff;padding:14px 20px;border-radius:12px}.skip-link:focus{transform:none}.creation-steps{display:flex;gap:10px;margin:0 0 24px;justify-content:stretch}.generator .creation-steps a{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;border:1px solid #809770;border-radius:12px;padding:12px 8px;color:#f3f8ec!important;text-decoration:none;font-size:14px;font-weight:650;background:#294b34}.creation-steps span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#c2e4a0;color:#213e29}.generator .field-help,.generator .hint,.generator .scan-note,.generator .privacy-note{font-size:13px!important;line-height:1.7!important}.generator .studio-intro{font-size:14px!important}.generator .qr-mode-grid button small{font-size:12px!important}.generator .visual-preview .preview-top,.generator .visual-preview #preview-text{font-size:13px!important}.generator .studio-tabs button{min-height:48px;font-size:14px}.generator .studio-panel:not([hidden]){animation:panelReveal .2s ease-out}.generator details[open]>.studio-section-body{animation:panelReveal .2s ease-out}.generator .studio-section,.generator .logo-settings,.generator .image-background-panel,.generator .dynamic-settings,.generator .export-settings{border-radius:18px!important}.generator .design-preset{transition:background .18s,border-color .18s;box-shadow:none!important}.generator .design-preset .preset-name{font-size:13px!important}.generator .design-preset small{font-size:12px!important}.generator button,.generator summary{touch-action:manipulation}.generator summary{min-height:44px;display:flex;align-items:center;gap:10px}.generator .inline-field-error{display:block;color:#ffd9cd;font-size:13px;line-height:1.7;margin-top:8px}.generator input[aria-invalid=true],.generator textarea[aria-invalid=true]{border-color:#ffa792!important;box-shadow:0 0 0 2px #d76e4c33}.generator #form-progress{padding:13px 16px;background:#35533c;border:1px solid #91ab7d;border-radius:12px;color:#edf8df!important}.generator .primary[aria-busy=true]{cursor:progress}.mobile-preview-jump{display:none!important}#download-area,#qr-preview,#vorlagen,#generator-title{scroll-margin-top:24px}.generator .creation-steps a:hover{background:#3c603f}.generator a:focus-visible,.generator summary:focus-visible,.site-footer a:focus-visible{outline:3px solid #c6eaa1;outline-offset:4px}.mascot-outro a:focus-visible{outline:3px solid #305739;outline-offset:4px}@keyframes panelReveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:700px){.mobile-preview-jump{display:block!important;margin:-6px 0 20px;font-size:14px;color:#e0f7bd!important}.generator .qr-mode-grid{grid-template-columns:1fr!important}.generator .qr-mode-grid button{display:grid;grid-template-columns:100px 1fr;text-align:left;align-items:center;gap:8px;padding:14px}.generator .qr-mode-grid button img{grid-row:1/3;height:80px;width:100px;object-fit:contain}.generator .qr-mode-grid button b{font-size:15px}.generator .qr-mode-grid button small{align-self:start}.generator .creation-steps a{font-size:12px;padding:10px 5px;gap:6px}.generator .image-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.generator .visual-shape-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.generator .color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.generator .art-choices{grid-template-columns:1fr!important}.generator .motif-hero{max-width:180px}.generator .downloads button{font-size:14px}.generator .visual-preview{padding:16px}.generator .type-picker .tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.generator .type-picker .tabs button{min-height:64px}.generator .colors{grid-template-columns:1fr 1fr}.generator .creation-steps{gap:6px}.site-footer a{min-height:36px;display:flex;align-items:center}}@media(prefers-reduced-motion:reduce){.generator #qr{transform:none!important}.generator .studio-panel,.generator .studio-section-body{animation:none!important}}
@media(max-width:400px){.generator .creation-steps a{min-width:0;font-size:11px;gap:4px;padding:9px 3px}.generator .creation-steps span{width:20px;height:20px;flex:0 0 20px}.generator .qr-mode-grid button{min-width:0;width:100%;box-sizing:border-box;grid-template-columns:75px minmax(0,1fr)!important;padding:10px!important}.generator .qr-mode-grid button img{width:75px;height:70px}.generator .qr-mode-grid button b{font-size:13px;overflow-wrap:anywhere}.generator .qr-mode-grid button small{font-size:11px!important}}

/* Launch guides v26 */
.generator .type-picker .grouped-main-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:transparent!important;border:0!important;padding:0!important}.generator .grouped-main-tabs>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-height:88px;padding:15px!important;border:1px solid #5f7959!important;border-radius:16px!important;background:#213c2c!important;color:#eff6e9!important;box-shadow:0 7px 14px #10211835!important}.generator .grouped-main-tabs>button .ui-icon{width:25px;height:25px}.generator .grouped-main-tabs>button .type-label{font-size:14px;font-weight:750}.generator .grouped-main-tabs>button:hover{transform:translateY(-2px);border-color:#a3ca82!important}.generator .grouped-main-tabs>button[aria-pressed=true],.generator .grouped-main-tabs>.type-category-button[aria-expanded=true]{background:#b9df91!important;color:#173521!important;border-color:#d1f1ad!important;box-shadow:0 0 0 3px #b9df9128!important}.generator .type-category-panel{margin:14px 0 18px;padding:14px;background:#294b37;border:1px solid #76916b;border-radius:18px;box-shadow:inset 0 1px #d7f5c217}.generator .type-category-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4px 13px}.generator .type-category-heading strong{display:block;color:#f2f8ed;font-size:16px}.generator .type-category-heading span{display:block;margin-top:4px;color:#c8d8c0;font-size:12px}.generator .type-category-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #829b75;border-radius:50%;background:#345a41;color:#f4faef;font-size:22px}.generator .type-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.generator .type-category-list>button{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:58px;padding:12px 15px;border:1px solid #6d8c63;border-radius:14px;background:#203f2e;color:#f0f7eb;font-weight:700;text-align:left}.generator .type-category-list>button .ui-icon,.generator .type-category-list>button .type-icon-badge{width:26px;height:26px;flex:0 0 26px}.generator .type-category-list>button[aria-pressed=true]{background:#b9df91;color:#173521;border-color:#d6f5b4;box-shadow:0 0 0 2px #b9df9130}.generator .type-category-group[hidden],.generator .type-category-panel[hidden]{display:none!important}@media(max-width:850px){.generator .type-picker .grouped-main-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.generator .grouped-main-tabs>button{min-height:72px;flex-direction:row;align-items:center}.generator .grouped-main-tabs>button:last-child{grid-column:1/-1}.generator .type-category-list{grid-template-columns:1fr}}@media(max-width:420px){.generator .grouped-main-tabs>button{padding:12px!important}.generator .type-category-panel{padding:10px}.generator .type-category-list>button{min-height:54px}}
.generator .studio-tabs .qrlizard-tab-icon{width:26px;height:26px;opacity:.92}.generator .studio-tabs button[aria-pressed=true] .qrlizard-tab-icon{opacity:1}.generator .studio-section:not([open]){box-shadow:none}.generator .studio-section summary::after{content:'Einstellungen öffnen';margin-left:auto;font-size:11px;font-weight:600;color:#cdddbe}.generator .studio-section[open] summary::after{content:'Schließen'}.generator .studio-section .studio-chevron{display:none}.generator .studio-tabs button:first-child{font-weight:800}@media(max-width:520px){.generator .studio-tabs button{gap:6px;padding:12px 7px;font-size:13px}.generator .studio-tabs .qrlizard-tab-icon{width:23px;height:23px}.generator .studio-section summary::after{content:'Öffnen'}}
.guide-page{max-width:1000px}.guide-page p,.guide-page li{color:#294837;line-height:1.7}.guide-page h1,.guide-page h2{color:#173824}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0}.guide-grid>a{display:block;padding:26px;background:#edf4e7;border:1px solid #b5cba6;border-radius:24px;color:#183a25;box-shadow:0 12px 28px #17382412;text-decoration:none;transition:transform .2s,box-shadow .2s}.guide-grid>a:hover{transform:translateY(-3px);box-shadow:0 16px 32px #17382422}.guide-grid>a:focus-visible,.guide-cta:focus-visible{outline:3px solid #487828;outline-offset:4px}.guide-grid span,.guide-icon{font-size:32px;color:#49792e}.guide-cta{display:inline-block;background:#214d30;color:#fff;padding:16px 24px;border-radius:16px;text-decoration:none;margin-top:24px}@media(max-width:600px){.guide-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.guide-grid>a{transition:none}.guide-grid>a:hover{transform:none}}

.generator #qr.qr-motion-on{transform:var(--qr-tilt,none)!important;transition:transform .14s ease-out}.qr-motion-control{display:block;margin:4px auto 16px;padding:9px 15px;border-radius:999px;border:1px solid #71966a;background:#253d2c;color:#e6f7d6;font:inherit;font-size:13px;cursor:pointer}.qr-motion-control:hover{background:#36593e}.qr-motion-control:focus-visible{outline:3px solid #c6eaa1;outline-offset:3px}

.type-icon-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#f4f8ee;padding:6px;box-sizing:border-box}.qrlizard-type-icon{display:block;width:30px!important;height:30px!important}.generator .tabs button{min-height:88px;font-size:14px;line-height:1.3;gap:8px}@media(max-width:600px){.generator .tabs button{font-size:13px;min-height:86px}}
.qrlizard-line-icon{display:block;width:25px;height:25px;flex:0 0 25px;color:currentColor}.type-icon-badge .qrlizard-line-icon{width:28px;height:28px}.studio-tabs .qrlizard-line-icon{width:25px;height:25px}.studio-panel summary>.qrlizard-line-icon{width:22px;height:22px;margin-right:12px;color:#c8ec9e}.grouped-main-tabs .type-icon-badge{background:#f4f8ee;color:#24452f}.type-category-list .type-icon-badge{background:#edf5e8;color:#23452f}.generator .studio-tabs button,.generator .type-picker button{font-family:Arial,Helvetica,sans-serif}