:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#16191d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{background:linear-gradient(135deg,#1c7e8b24,#0000 34%),linear-gradient(315deg,#df6b3d24,#0000 40%),#eef2f5;min-height:100vh;padding:32px}.generator-shell{grid-template-columns:minmax(120px,160px) minmax(0,1180px) minmax(120px,160px);align-items:start;gap:24px;width:min(1540px,100%);margin:0 auto;display:grid}.workspace{grid-template-columns:minmax(0,1.28fr) minmax(calc(360px - .5rem),.72fr);align-items:stretch;gap:24px;width:100%;margin:0;display:grid}.ad-slot{color:#7a8794;background:#ffffffa3;border:1px dashed #cbd4dc;border-radius:8px;align-content:center;justify-items:center;gap:10px;width:100%;min-height:112px;padding:14px;display:grid}.ad-slot[data-ad-state=disabled]{display:none}.ad-label{color:#7a8794;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:800;line-height:1}.ad-slot .adsbygoogle{width:100%}.ad-slot-rail{min-height:600px;position:sticky;top:32px}.ad-slot-wide{width:min(1180px,100%);min-height:118px;margin:32px auto 0}.ad-slot-top{margin:0 auto 24px;display:none}.ad-slot-bottom{margin-top:28px}.editor-panel,.preview-panel{background:#ffffffeb;border:1px solid #d7dee5;border-radius:8px;box-shadow:0 24px 70px #16191d14}.editor-panel{padding:28px}.preview-panel{flex-direction:column;align-self:start;gap:16px;padding:18px;display:flex;position:sticky;top:32px}.brand-row,.preview-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.brand-row{justify-content:flex-start;align-items:center}.brand-copy{flex:auto;min-width:0}.brand-logo{object-fit:contain;flex:none;width:clamp(76px,8vw,108px);height:auto;max-height:82px}.eyebrow{color:#5d6978;letter-spacing:0;text-transform:uppercase;margin:0 0 7px;font-size:.78rem;font-weight:800}.brand-row .eyebrow{padding-left:.175rem}h1,h2{letter-spacing:0;color:#15181c;margin:0}h1{font-size:clamp(2.2rem,2.1rem + 1vw,3.2rem);line-height:.98}h2{font-size:1.2rem}[data-ui-icon]{justify-content:center;align-items:center;line-height:0;display:inline-flex}button svg,[data-ui-icon] svg{flex:none;width:18px;height:18px}.mode-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:28px 0 22px;display:grid}.mode-tab,.primary-action,.secondary-action,.icon-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;transition:transform .16s,background-color .16s,border-color .16s,color .16s;display:inline-flex}.mode-tab{color:#4b5663;background:#f2f5f7;border:1px solid #dce3e9;padding:0 10px;font-size:.92rem}.mode-tab.active{color:#fff;background:#15181c;border-color:#15181c}.control-form{gap:20px;display:grid}.field-stack{gap:8px;display:grid}.field-stack label{color:#303843;justify-content:space-between;gap:12px;font-size:.9rem;font-weight:800;display:flex}input,select,textarea{appearance:none;color:#16191d;background:#fff;border:1px solid #cbd4dc;border-radius:8px;outline:none;width:100%;transition:border-color .16s,box-shadow .16s}input,select{height:46px;padding:0 13px;line-height:46px}select{background-image:linear-gradient(45deg,#0000 50%,#4b5663 50%),linear-gradient(135deg,#4b5663 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}textarea{resize:vertical;min-height:118px;padding:13px}input:focus,select:focus,textarea:focus{border-color:#1c7e8b;box-shadow:0 0 0 4px #1c7e8b24}input[type=range]{accent-color:#1c7e8b;padding:0}input[type=color]{width:48px;min-width:48px;min-height:46px;padding:4px}.split-grid,.settings-grid,.color-grid{gap:14px;display:grid}.split-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:minmax(110px,.8fr) minmax(150px,1fr)}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-picker-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.shape-section,.logo-section,.frame-section{gap:10px;display:grid}.shape-section h3,.logo-section h3,.frame-section h3{color:#303843;letter-spacing:0;margin:0;font-size:.9rem;font-weight:800}.logo-label-row{grid-template-columns:minmax(140px,1.25fr) minmax(130px,.9fr) minmax(96px,.6fr);align-items:center;gap:8px;display:grid}.logo-label-row label{color:#303843;font-size:.9rem;font-weight:800}.shape-list{grid-template-columns:repeat(8,minmax(34px,1fr));gap:6px;display:grid}.marker-list{grid-template-columns:repeat(3,minmax(34px,1fr));gap:6px;display:grid}.shape-option{color:#303843;cursor:pointer;min-width:0;font-weight:800;display:grid;position:relative}.shape-option input{opacity:0;cursor:pointer;width:auto;height:auto;min-height:0;position:absolute;inset:0}.shape-chip{background:#fff;border:1px solid #cbd4dc;border-radius:8px;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:0;line-height:1;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s;display:inline-flex}.shape-option input:checked+.shape-chip{color:#fff;background:#15181c;border-color:#15181c}.shape-option input:focus-visible+.shape-chip{box-shadow:0 0 0 2px #1c7e8b,0 0 0 5px #1c7e8b33}.compact-shape-picker{position:relative}.shape-picker-native{opacity:0;pointer-events:none;position:absolute;inset:0}.shape-picker-button{color:#303843;background:#fff;border:1px solid #cbd4dc;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:46px;display:inline-flex}.shape-picker-button:focus-visible{border-color:#1c7e8b;outline:none;box-shadow:0 0 0 4px #1c7e8b24}.shape-picker-preview{justify-content:center;align-items:center;width:100%;min-height:44px;display:inline-flex}.shape-picker-menu{z-index:20;background:#fff;border:1px solid #cbd4dc;border-radius:8px;grid-auto-rows:42px;gap:6px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 18px 42px #16191d29}.shape-picker-menu.shape-list{grid-template-columns:repeat(8,42px)}.shape-picker-menu.marker-list{grid-template-columns:repeat(3,42px)}.shape-picker-menu.logo-shape-menu{grid-template-columns:repeat(4,42px);top:calc(100% + 6px);bottom:auto;box-shadow:0 8px 20px #16191d14}.shape-picker-menu .shape-option,.shape-picker-option{width:42px;height:42px}.shape-picker-menu .shape-chip{width:42px;min-height:42px}.shape-picker-option[aria-selected=true] .shape-chip{color:#fff;background:#15181c;border-color:#15181c}.logo-shape-menu .shape-picker-option{appearance:none;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.logo-shape-menu .shape-picker-option .shape-chip{color:#303843;background:#fff;border:1px solid #cbd4dc;border-radius:8px;place-items:center;width:42px;min-height:42px;display:grid}.logo-shape-menu .shape-picker-option[aria-selected=true] .shape-chip{color:#303843;background:#e8edf1;border-color:#8f9aa5}.shape-glyph{color:currentColor;flex:0 0 18px;width:18px;height:18px;display:inline-block;position:relative}.shape-glyph-square{background:currentColor}.shape-glyph-rounded-square{background:currentColor;border-radius:5px}.shape-glyph-tilted-rounded-square{background:currentColor;border-radius:4px;width:16px;height:16px;margin:1px;transform:rotate(45deg)}.shape-glyph-round{background:currentColor;border-radius:50%}.shape-glyph-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:currentColor}.shape-glyph-pentagon{clip-path:polygon(50% 0,96% 35%,78% 100%,22% 100%,4% 35%);background:currentColor}.shape-glyph-triangle{background:0 0;border-bottom:17px solid;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0}.shape-glyph-heart{background:currentColor;border-radius:3px;width:16px;height:16px;margin-top:2px;transform:rotate(-45deg)}.shape-glyph-heart:before,.shape-glyph-heart:after{content:"";background:currentColor;border-radius:50%;width:16px;height:16px;position:absolute}.shape-glyph-heart:before{top:-8px;left:0}.shape-glyph-heart:after{top:0;left:8px}.marker-glyph{color:currentColor;border:5px solid;width:24px;height:24px;display:inline-block;position:relative}.marker-glyph:after{content:"";background:currentColor;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marker-glyph-rounded{border-radius:7px}.marker-glyph-rounded:after{border-radius:3px}.marker-glyph-circle,.marker-glyph-circle:after{border-radius:50%}.logo-shape-glyph{box-sizing:border-box;background:currentColor;border:0;flex:0 0 20px;width:20px;height:20px;display:block}.logo-shape-glyph-rounded{border-radius:6px}.logo-shape-glyph-circle{border-radius:50%}.logo-shape-glyph-bordered{background:0 0;box-shadow:inset 0 0 0 2px}.logo-shape-glyph-transparent{background:0 0;border-radius:50%;position:relative;box-shadow:inset 0 0 0 2px}.logo-shape-glyph-transparent:after{content:"";background:currentColor;border-radius:999px;width:24px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.logo-shape-glyph-dotted{background:0 0;border:2px dotted}.shape-picker-option[aria-selected=true] .logo-shape-glyph{background:currentColor}.shape-picker-option[aria-selected=true] .logo-shape-glyph-bordered,.shape-picker-option[aria-selected=true] .logo-shape-glyph-transparent,.shape-picker-option[aria-selected=true] .logo-shape-glyph-dotted{background:0 0}.logo-control{grid-template-columns:minmax(140px,1.25fr) minmax(130px,.9fr) minmax(96px,.6fr);align-items:end;gap:8px;display:grid;position:relative}.logo-file-control,.logo-shape-control,.logo-size-control{min-width:0}.logo-file-control{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.logo-control .shape-picker-button,.logo-size-control select,.logo-upload-button,.logo-remove-button{height:48px;min-height:48px}.logo-control .shape-picker-button{padding:0}.logo-control .shape-picker-preview{min-height:46px}.logo-input{opacity:0;pointer-events:none;width:1px;height:1px;min-height:0;padding:0;position:absolute}.logo-upload-button,.logo-remove-button{color:#303843;cursor:pointer;background:#fff;border:1px solid #cbd4dc;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 13px;font-weight:800;display:inline-flex}.logo-upload-button{min-width:0}.logo-upload-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.logo-input:focus-visible+.logo-upload-button,.logo-remove-button:focus-visible{border-color:#1c7e8b;outline:none;box-shadow:0 0 0 4px #1c7e8b24}.logo-remove-button{background:#f8fafb}.frame-label-control{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.frame-control-half{grid-column:span 3}.frame-control-third{grid-column:span 2}.icon-picker{position:relative}.icon-picker-native{opacity:0;pointer-events:none;position:absolute;inset:0}.icon-picker-button{color:#16191d;background:#fff;border:1px solid #cbd4dc;border-radius:8px;width:100%;height:46px}.icon-picker-button:focus-visible{border-color:#1c7e8b;outline:none;box-shadow:0 0 0 4px #1c7e8b24}.icon-picker-button:disabled{cursor:not-allowed;opacity:.62}.icon-picker-preview,.icon-picker-option{justify-content:center;align-items:center;display:inline-flex}.icon-picker-preview{color:#16191d;width:100%;height:100%;font-size:.88rem;font-weight:800}.icon-picker-preview svg,.icon-picker-option svg{stroke:currentColor;width:22px;height:22px}.icon-picker-menu{z-index:20;background:#fff;border:1px solid #cbd4dc;border-radius:8px;grid-template-columns:repeat(8,42px);gap:6px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0;right:auto;box-shadow:0 18px 42px #16191d29}.icon-picker-option{color:#303843;background:#f8fafb;border:1px solid #dce3e9;border-radius:8px;width:42px;height:42px}.icon-picker-option:hover,.icon-picker-option:focus-visible{color:#1c7e8b;border-color:#1c7e8b;outline:none}.icon-picker-option[aria-selected=true]{color:#fff;background:#15181c;border-color:#15181c}.frame-list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:#aab5c0 transparent;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 -2px;padding:2px 2px 12px;display:grid;overflow-x:auto}.frame-option{color:#303843;cursor:pointer;scroll-snap-align:start;grid-template-columns:auto;place-items:center stretch;font-weight:800;display:grid;position:relative}.frame-option:after{content:attr(data-frame-title);z-index:1;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#15181ceb;border-radius:6px;max-width:calc(100% - 16px);padding:6px 8px;font-size:.74rem;font-weight:800;line-height:1.1;transition:opacity .14s,transform .14s;position:absolute;top:12px;left:50%;transform:translate(-50%,-6px)}.frame-option:hover:after{opacity:1;transition-delay:5s;transform:translate(-50%)}.frame-option:focus-within:after{opacity:1;transition-delay:0s;transform:translate(-50%)}.frame-option:has(input:checked){color:#15181c}.frame-option:has(input:checked) .frame-swatch{border-color:#15181c;box-shadow:0 0 0 2px #15181c,0 0 0 5px #1c7e8b2e}.frame-option input{opacity:0;cursor:pointer;width:auto;height:auto;min-height:0;position:absolute;inset:0}.frame-option input:focus-visible+.frame-swatch{box-shadow:0 0 0 2px #1c7e8b,0 0 0 5px #1c7e8b33}.frame-swatch{aspect-ratio:1;background:#fff;border:1px solid #cbd4dc;border-radius:6px;width:100%;padding:6px;transition:border-color .16s,box-shadow .16s;display:block}.frame-swatch-bottom{padding:6px}.frame-thumbnail{aspect-ratio:1;width:100%;box-shadow:none;border-radius:4px;display:block;height:auto!important}.wide{grid-column:1/-1}.hidden{display:none}.check-row{color:#303843;align-self:end;align-items:center;gap:10px;min-height:46px;font-weight:800;display:flex}.check-row input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;accent-color:#1c7e8b;border:0;width:18px;height:18px;min-height:18px;padding:0}.color-control{gap:8px;display:flex}.qr-stage{background-color:#fff;background-image:linear-gradient(45deg,#f7f9fa 25%,#0000 25%),linear-gradient(-45deg,#f7f9fa 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f7f9fa 75%),linear-gradient(-45deg,#0000 75%,#f7f9fa 75%),none;background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1px solid #d9e0e7;border-radius:8px;place-items:center;width:100%;padding:clamp(8px,2.2vw,14px);display:grid}canvas{max-width:100%;box-shadow:none;border-radius:6px;display:block;width:100%!important;height:auto!important}canvas.canvas-shadow{box-shadow:0 12px 30px #16191d24}.empty-state,.scan-status{color:#5d6978;overflow-wrap:anywhere;margin:0}.empty-state{text-align:center;font-weight:800}.scan-status{background:#f3f6f8;border-radius:8px;min-height:44px;padding:12px 14px;font-size:.92rem}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.primary-action{color:#fff;background:#df6b3d}.secondary-action,.icon-button{color:#22272e;background:#fff;border:1px solid #d6dee5}.icon-button{width:44px;min-width:44px;padding:0}.qr-info{gap:20px;width:min(1180px,100%);margin:28px auto 0;display:grid}.qr-info-header{max-width:760px}.qr-info-header h2{font-size:clamp(1.55rem,1.35rem + .8vw,2.2rem)}.qr-info-header p,.info-card p{color:#5d6978;line-height:1.58}.qr-info-header p{margin:12px 0 0;font-size:1rem}.info-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.info-card{background:#ffffffe0;border:1px solid #d7dee5;border-radius:8px;align-content:start;gap:10px;min-height:218px;padding:20px;display:grid;box-shadow:0 16px 42px #16191d0f}.info-icon{color:#fff;background:#15181c;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.info-icon svg{width:21px;height:21px}.info-card h3{color:#15181c;margin:4px 0 0;font-size:1rem;line-height:1.25}.info-card p{margin:0;font-size:.94rem}.site-footer{color:#5d6978;justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100%);margin:24px auto 0;font-size:.9rem;font-weight:400;display:flex}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.site-footer a,.site-footer button,.legal-nav a{color:#303843;font-size:.82rem;font-weight:400;text-decoration:none}.site-footer button{background:0 0;padding:0}.site-footer a:hover,.site-footer button:hover,.legal-nav a:hover{color:#1c7e8b}.site-footer button:focus-visible,.site-footer a[aria-current=page]{color:#15181c}.legal-shell{align-content:start;gap:24px;display:grid}.legal-card{background:#fffffff0;border:1px solid #d7dee5;border-radius:8px;gap:24px;width:min(860px,100%);margin:0 auto;padding:32px;display:grid;box-shadow:0 24px 70px #16191d14}.legal-card section{gap:10px;display:grid}.legal-card h1{font-size:clamp(2rem,1.7rem + 1vw,2.8rem)}.legal-card h2{color:#15181c;margin:0;font-size:1.1rem}.legal-card p,.legal-card address,.legal-card li{color:#4b5663;margin:0;font-size:1rem;font-style:normal;line-height:1.64}.imprint-provider{justify-items:start;line-height:1.15;display:block}.imprint-provider-name-image,.imprint-email-image,.imprint-vat-image{vertical-align:middle;max-width:100%;height:auto;display:inline-block}.imprint-address-image{width:min(192px,100%);height:auto;margin-top:1px;display:block}.imprint-email-image{width:min(252px,100%)}.imprint-provider-name-image{width:min(348px,100%)}.imprint-vat-image{width:min(104px,100%)}.imprint-email-image-inline{margin:0 4px}.imprint-inline-contact{flex-wrap:wrap;align-items:center;gap:4px;line-height:1.3;display:inline-flex}.legal-updated{color:#5d6978;font-weight:800}.legal-nav{color:#5d6978;flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;font-weight:800;display:flex}.legal-table-wrap{overflow-x:auto}.legal-table{border-collapse:collapse;color:#303843;width:100%;min-width:520px;font-size:.95rem}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border:1px solid #d7dee5;padding:12px}.legal-table th{color:#15181c;background:#f3f6f8;font-weight:800}@media (width<=1460px){.generator-shell{grid-template-columns:1fr;width:min(1180px,100%)}.ad-slot-top{display:grid}.workspace{order:1}.ad-slot-left,.ad-slot-right{display:none}.ad-slot-rail{min-height:118px;position:static}}@media (width<=980px){.app-shell{padding:18px}.workspace{grid-template-columns:1fr}.info-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-picker-menu{grid-template-columns:repeat(6,42px)}.preview-panel{position:static}}@media (width>=981px) and (width<=1100px){.frame-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.editor-panel,.preview-panel{padding:18px}.brand-row,.preview-toolbar{flex-direction:column;align-items:stretch}.brand-row{flex-direction:row;align-items:center}.mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid,.settings-grid,.color-grid,.shape-picker-row,.logo-label-row,.logo-control,.frame-label-control,.info-card-grid,.action-grid{grid-template-columns:1fr}.info-card{min-height:auto}.site-footer{flex-direction:column;align-items:flex-start}.site-footer nav{justify-content:flex-start}.icon-picker-menu{grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,240px);max-height:min(360px,65vh);left:0;right:auto;overflow-y:auto}.shape-picker-menu.shape-list{grid-template-columns:repeat(4,42px)}.frame-control-half,.frame-control-third{grid-column:auto}}@media (width<=640px){.frame-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.app-shell{padding:10px}.mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:2.15rem}}