:root{--bg: #f5f5f5;--panel: #ffffff;--border: rgba(0,0,0,.1);--text: #333333;--muted: #777777;--accent: #34B4FF;--accent-hover: #62c5ff;--accent-active: #2a90cc;--warnBg: rgba(250,204,21,.12);--warnBorder: rgba(250,204,21,.35);--warnText: #FACC15;--input: #f8f8f8;--inputBorder: rgba(0,0,0,.15);--inputFocus: rgba(52, 180, 255, .3);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}:root[data-theme=dark]{--bg: #0B0F14;--panel: #121821;--border: rgba(255,255,255,.08);--text: #E6EDF3;--muted: #9AA7B2;--input: #10161E;--inputBorder: rgba(255,255,255,.12);--inputFocus: rgba(52, 180, 255, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3)}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}img{display:block;max-width:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}h1{font-size:1.5rem;letter-spacing:-.01em}h2{font-size:1.25rem;margin-bottom:var(--space-2)}p{margin:0 0 var(--space-4) 0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#0000000d;padding:.125rem .25rem;border-radius:.25rem;font-size:.9em}html{scroll-behavior:smooth}@media(prefers-reduced-motion){html{scroll-behavior:auto}}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mr-4{margin-right:var(--space-4)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.text-xl{font-size:1.25rem}.w-full{width:100%}.h-4{height:1rem}.w-4{width:1rem}.min-h-11{min-height:2.75rem}.p-1{padding:var(--space-1)}.opacity-55{opacity:.55}.hidden{display:none}@media(min-width:640px){.sm\:inline{display:inline}}body{transition:background-color .3s ease,color .3s ease}*,*:before,*:after{transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.btn-outline{background-color:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{height:3rem!important;padding:0 1.75rem!important;font-size:1rem!important}.landing-page h1.hero-title{font-size:2.5rem;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:1rem}@media(min-width:768px){.landing-page h1.hero-title{font-size:3.5rem}}#root{max-width:none;margin:0;padding:0;text-align:initial}.layout-container{min-height:100svh;overflow-x:clip}.container{max-width:1280px;margin:0 auto;padding:1.25rem}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;gap:.75rem;flex-wrap:wrap;border-bottom:1px solid var(--border)}.content-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:1024px){.content-grid{grid-template-columns:1fr 380px;align-items:start}}.main-content{display:flex;flex-direction:column;gap:1.5rem}.section{border-radius:1rem;border:1px solid var(--border);background-color:var(--panel);padding:.25rem;margin-bottom:1rem;transition:background-color .15s ease}.section-summary{padding:1rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.section-summary:after{content:"▼";font-size:.75rem;transition:transform .15s ease}.section[open] .section-summary:after{transform:rotate(180deg)}.section-body{padding:0 1rem 1rem;border-top:1px solid var(--border);margin-top:.5rem}.preview-panel{position:relative;margin-top:1.5rem}@media(min-width:1024px){.preview-panel{position:sticky;top:1.5rem;margin-top:0;height:fit-content;max-height:calc(100vh - 3rem);overflow-y:auto}}.preview-container{margin-top:.5rem;min-height:260px;width:100%;border-radius:.75rem;background-color:#fff;border:1px solid rgba(0,0,0,.1);padding:1rem;display:grid;place-items:center;box-shadow:0 4px 12px #0000000d;transition:all .2s ease}.preview-container img{max-width:100%;height:auto;transition:all .2s ease}.preview-panel .qr-stage{background:#fff;border-radius:12px;padding:12px;width:100%}.preview-panel .qr-stage.qr-stage--framed{padding:20px}.preview-panel .qr-stage img{display:block;width:100%;height:auto;object-fit:contain}.form-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-label{display:grid;gap:.5rem}.form-input{height:2.5rem;border-radius:.75rem;border:1px solid var(--border);background-color:var(--input);padding:0 .75rem;color:var(--text);font-size:.875rem;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.form-control-wrapper{margin:.5rem 0;padding:0;box-sizing:border-box}.form-label span{display:block;height:22px;line-height:22px}.form-label+.text-xs{margin-top:.5rem}.file-input-wrapper{height:38px;display:flex;align-items:center}input[type=file].form-input{padding:6px;line-height:1.5;height:38px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);background-color:var(--input)}input[type=file].form-input::-webkit-file-upload-button{margin-right:10px;padding:4px 8px;height:24px;vertical-align:middle;border-radius:4px;border:1px solid var(--border);background-color:var(--panel);color:var(--text)}input[type=file].form-input::file-selector-button{margin-right:10px;padding:4px 8px;height:24px;vertical-align:middle;border-radius:4px;border:1px solid var(--border);background-color:var(--panel);color:var(--text)}.logo-size-selector{display:flex;gap:.5rem;width:100%;height:38px;align-items:center;padding:0;margin:0}.logo-size-selector button{flex:1;padding:0;font-size:.875rem;display:flex;align-items:center;justify-content:center;height:38px;margin:0;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #34b4ff40}.btn{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.25rem;font-size:.875rem;font-weight:600;border-radius:.75rem;border:1px solid transparent;transition:all .15s ease;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:#34b4ffe6}.btn-outline{background-color:transparent;border-color:var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-lg{height:3rem;padding:0 1.75rem;font-size:1rem}.btn-icon{width:2.5rem;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background-color:transparent;border:1px solid var(--border);border-radius:.75rem}.btn-icon:hover{border-color:var(--accent);color:var(--accent)}.btn-chip{height:1.75rem;padding:0 .75rem;font-size:.75rem;border-radius:1rem;background-color:#374151;color:#fff}.btn-chip.pro{background-color:var(--accent)}.alert{border-radius:.75rem;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.5rem 0}.alert-warning{background-color:var(--warnBg);border:1px solid var(--warnBorder);color:var(--warnText)}.landing-page{overflow-x:hidden}.hero-section{display:grid;gap:2rem;padding:2rem 0 3rem;grid-template-columns:1fr}@media(min-width:1024px){.hero-section{grid-template-columns:1fr 1fr;gap:3rem;padding:3rem 0 5rem;align-items:center}}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-title{font-size:2.5rem;line-height:1.2;font-weight:800;letter-spacing:-.02em}@media(min-width:768px){.hero-title{font-size:3.5rem}}.hero-description{font-size:1.125rem;line-height:1.6;color:var(--muted);max-width:36rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.hero-image{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;border-radius:1rem;box-shadow:0 8px 30px #0000001a}.section-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-description{font-size:1.125rem;color:var(--muted);max-width:36rem;margin:0 auto 3rem;text-align:center}.features-section{padding:4rem 0;background-color:var(--bg)}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:var(--panel);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--border);transition:all .2s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:var(--accent)}.feature-icon{width:3rem;height:3rem;border-radius:.75rem;background-color:#34b4ff1a;display:flex;align-items:center;justify-content:center;color:var(--accent)}.feature-title{font-size:1.25rem;font-weight:600}.feature-description{color:var(--muted);line-height:1.6}.pricing-section{padding:4rem 0}.pricing-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:56rem;margin:0 auto}@media(min-width:768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}.pricing-card{background-color:var(--panel);border-radius:1rem;border:1px solid var(--border);padding:2rem;position:relative;transition:all .2s ease}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.pricing-card-featured{border-color:var(--accent);box-shadow:0 4px 20px #34b4ff26}.pricing-badge{position:absolute;top:0;right:1.5rem;transform:translateY(-50%);background-color:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.pricing-price{font-size:2.5rem;font-weight:800;line-height:1}.pricing-period{color:var(--muted);font-size:.875rem;margin-top:.5rem}.pricing-features{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.75rem}.pricing-features li{display:flex;align-items:center;gap:.5rem;line-height:1.4}.pricing-features li:before{content:"✓";color:var(--accent);font-weight:700}.pricing-cta{margin-top:1.5rem}.cta-section{padding:5rem 0;text-align:center}.cta-content{max-width:36rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cta-title{font-size:2rem;font-weight:700}.cta-description{font-size:1.125rem;color:var(--muted)}.footer{background-color:var(--bg);border-top:1px solid var(--border);padding:3rem 0}.footer-content{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.footer-content{flex-direction:row;align-items:center;justify-content:space-between}}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-link{color:var(--muted);transition:color .15s ease}.footer-link:hover{color:var(--accent);text-decoration:none}.footer-social{display:flex;gap:1rem}.social-link{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--panel);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.social-link:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.copyright{color:var(--muted);font-size:.875rem}.ad-slot{width:100%;border-radius:.75rem;overflow:hidden;margin:2rem 0}.ad-horizontal{height:90px}.ad-vertical{height:600px}.ad-square{height:250px}.ad-placeholder{width:100%;height:100%;background-color:#0000000d;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border)}.ad-placeholder-text{font-size:.75rem;color:var(--muted);text-align:center}.ad-placeholder-info{display:block;font-size:.7rem;opacity:.8;margin-top:.25rem}:root[data-theme=dark]{--bg: #0B0F14;--panel: #121821;--border: rgba(255,255,255,.08);--text: #E6EDF3;--muted: #9AA7B2;--input: #10161E;--inputBorder: rgba(255,255,255,.12);--inputFocus: rgba(52, 180, 255, .2)}:root[data-theme=dark] .preview-container{background-color:#1a212e;border-color:#ffffff0d}:root[data-theme=dark] code{background:#ffffff1a}.app-version{text-align:center;padding:.5rem 0;margin-top:1rem;border-top:1px solid var(--border)}.version-text{font-size:.75rem;font-weight:300;color:var(--muted);letter-spacing:.05rem}:root[data-theme=dark] .btn-palette:hover:not(:disabled){background-color:#1a212e}.palette-buttons-container{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.palette-buttons-group{display:flex;gap:.5rem}.btn-palette{font-size:.75rem;padding:.375rem .625rem;height:2.5rem;border-radius:.5rem}.btn-palette.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}input[type=color].form-input{width:100%;height:2.5rem;padding:.125rem;cursor:pointer}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}.ad--banner{width:100%;height:64px}.ad--box{width:300px;height:250px;max-width:100%}.ad--box.ad--box-336{width:336px;height:280px;max-width:100%}.ad-skeleton{position:absolute;inset:0;background:#0000000d}.ad-skeleton__shimmer{width:50%;height:100%;transform:translate(-100%);background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:adShimmer 1.2s infinite}@keyframes adShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.ad-slot .ad-frame{border:0;width:100%;height:100%;display:block}.ad-slot .ad-house{display:block;width:100%;height:100%;text-decoration:none;background:var(--panel);color:var(--text)}.ad-slot .ad-house__wrap{height:100%;display:grid;place-items:center;text-align:center;padding:8px;gap:4px}.ad-slot .ad-house__title{font-weight:700}.ad-slot .ad-house__subtitle{font-size:12px;opacity:.8}.ad-slot .ad-house__cta{margin-top:6px;padding:6px 10px;border-radius:6px;background:var(--accent);color:#fff;font-weight:700;border:1px solid rgba(0,0,0,.05)}.sticky-banner{position:fixed;left:0;right:0;height:64px;z-index:1000;background:#101418d9;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.sticky-banner__inner{position:relative;max-width:1280px;margin:0 auto;height:100%;display:grid;align-items:center;padding:0 16px}.sticky-banner__close{position:absolute;right:6px;top:6px;width:28px;height:28px;border:0;border-radius:6px;background:var(--panel);color:var(--text);font-size:18px;line-height:1;cursor:pointer;border:1px solid var(--border)}.sticky-banner-spacer{width:100%}@media(min-width:640px){.sm\:hidden{display:none!important}}.preview-panel-ad{display:grid;place-items:center;padding:12px 0}:root[data-theme=dark] .ad-skeleton{background:#ffffff0f}:root[data-theme=dark] .sticky-banner{background:#0a0c10cc}.oo-section{display:flex;flex-direction:column;gap:16px;padding-top:16px}.oo-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px}.oo-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.oo-card__title{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.oo-badge{font-size:11px;padding:2px 6px;border-radius:8px;border:1px solid transparent}.oo-badge--free{color:#9db4ff;background:#1a2444;border-color:#2d3b64}.oo-badge--pro{color:#f1c86c;background:#2b2212;border-color:#5a451a}.oo-card--locked{opacity:.6}.oo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:720px){.oo-grid{grid-template-columns:1fr}}.oo-field{display:flex;flex-direction:column;gap:6px}.oo-field label{font-size:12px;color:var(--muted)}.oo-field input[type=number],.oo-field input[type=text],.oo-field select{background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;outline:none}.oo-field input[type=color]{height:36px;border:1px solid var(--border);border-radius:8px;padding:0;background:var(--input)}.oo-field--inline{flex-direction:row;align-items:center;gap:10px}.oo-field--inline label{min-width:160px}.oo-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.oo-preset{background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer}.oo-preset:disabled{cursor:not-allowed}.oo-export-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.oo-input--short{width:140px}.oo-export-row .oo-field--inline{gap:6px}.oo-export-row .oo-field--inline label{min-width:auto}