body{font-family:inter,Arial,sans-serif;background:#f6f8fa;margin:0;padding:0}.container{margin:40px auto;background:#fff;border-radius:14px;box-shadow:0 4px 24px #0001;padding:32px 28px 28px}h1{text-align:center;font-size:2rem;font-weight:600;margin-bottom:28px;color:#222;letter-spacing:-1px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:7px;font-weight:500;color:#333;font-size:1rem}input[type=text],select,input[type=color]{width:96%;box-sizing:border-box;padding:10px 12px;border:1px solid #e0e0e0;border-radius:7px;font-size:1rem;background:#fafbfc;transition:border .2s;margin-bottom:2px;margin-left:2%;margin-right:2%}input[type=text]:focus,select:focus,input[type=color]:focus{border-color:#0078d7;outline:none;background:#fff}input[type=color]{padding:0;height:38px;width:48px;border:none;background:0 0;cursor:pointer}.quick-type{display:flex;gap:14px;margin-bottom:28px;justify-content:center;flex-wrap:wrap;padding:8px 0;background:#f8fafc;border-radius:10px;box-shadow:0 1px 4px #0001}.quick-type button{background:#f3f4f6;color:#222;border:none;font-size:1.04em;padding:10px 22px;border-radius:8px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;min-width:100px;font-weight:500;box-shadow:0 1px 2px #0001;outline:none;border:1.5px solid transparent}.quick-type button.active,.quick-type button:focus,.quick-type button:hover{background:#0078d7;color:#fff;border-color:#0078d7;box-shadow:0 2px 8px #0078d733}.row{display:flex;gap:18px;margin-bottom:12px}.row>.form-group{flex:1;margin-bottom:0;display:flex;align-items:center;gap:8px}.row>.form-group label{min-width:120px;display:inline-block;margin-bottom:7px;font-weight:500;color:#333;font-size:1rem;vertical-align:middle}.row>.form-group input[type=color]{width:48px;min-width:48px;max-width:48px;flex-shrink:0;margin-bottom:0}#qr-preview{display:flex;flex-direction:column;align-items:center;margin-top:28px;margin-bottom:18px}#qr-canvas{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0001;padding:12px;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;width:fit-content;max-width:100%}.logo-preview{display:block;margin:10px auto 0;max-width:120px;max-height:120px;border-radius:8px;box-shadow:0 2px 8px #0001}button,input[type=file]{font-family:inherit}button[type=button],button[type=submit]{padding:11px 28px;border:none;border-radius:7px;background:#0078d7;color:#fff;font-size:1.08em;font-weight:500;cursor:pointer;transition:background .2s;margin-top:10px}button[type=button]:hover,button[type=submit]:hover{background:#005fa3}select{cursor:pointer}small{display:block;margin-top:2px;font-size:.93em;color:#e53935;font-weight:400}.hidden{display:none}@media(max-width:700px){.container{padding:12px}.row{flex-direction:column;gap:0}.row>.form-group{flex-direction:column;align-items:stretch;gap:0}.row>.form-group label{min-width:0;margin-bottom:4px}.row>.form-group input[type=color]{margin-left:0;margin-right:0;width:100%;min-width:0;max-width:100%}}#payment-test-btn{padding:7px 14px;font-size:.98em;border-radius:6px;background:#f3f4f6;color:#333;border:1px solid #e0e0e0;cursor:pointer;transition:background .2s,color .2s}#payment-test-btn:hover{background:#0078d7;color:#fff;border-color:#0078d7}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f6f8fa}.container{margin:40px auto;background:#fff;border-radius:14px;box-shadow:0 4px 24px #0001;padding:32px 28px 28px;min-height:100px}@media(min-width:900px){.container{max-width:800px}}h1{text-align:center;font-size:2rem;font-weight:600;margin-bottom:28px;color:#222;letter-spacing:-1px}p{text-align:center;max-width:600px;margin:0 auto 24px;color:#444;font-size:1rem;line-height:1.5;min-height:36px}.quick-type{display:flex;gap:14px;margin-bottom:28px;justify-content:center;flex-wrap:wrap;padding:8px 0;background:#f8fafc;border-radius:10px;box-shadow:0 1px 4px #0001}.form-group{margin-bottom:20px}label{display:block;margin-bottom:7px;font-weight:500;color:#333;font-size:1rem}input[type=color],input[type=text],select{width:96%;box-sizing:border-box;padding:10px 12px;border:1px solid #e0e0e0;border-radius:7px;font-size:1rem;background:#fafbfc;transition:border .2s;margin-bottom:2px;margin-left:2%;margin-right:2%}input[type=color]:focus,input[type=text]:focus,select:focus{border-color:#0078d7;outline:0;background:#fff}input[type=color]{padding:0;height:38px;width:48px;border:none;background:0 0;cursor:pointer}.quick-type button{background:#f3f4f6;color:#222;border:none;font-size:1.04em;padding:10px 22px;border-radius:8px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;min-width:100px;font-weight:500;box-shadow:0 1px 2px #0001;outline:0;border:1.5px solid transparent}.quick-type button.active,.quick-type button:focus,.quick-type button:hover{background:#0078d7;color:#fff;border-color:#0078d7;box-shadow:0 2px 8px #0078d733}.row{display:flex;gap:18px;margin-bottom:12px}.row>.form-group{flex:1;margin-bottom:0;display:flex;align-items:center;gap:8px}.row>.form-group label{min-width:120px;display:inline-block;margin-bottom:7px;font-weight:500;color:#333;font-size:1rem;vertical-align:middle}.row>.form-group input[type=color]{width:48px;min-width:48px;max-width:48px;flex-shrink:0;margin-bottom:0}#qr-preview{flex-direction:column;margin-top:28px;margin-bottom:18px}#qr-canvas,#qr-preview{display:flex;align-items:center}#qr-canvas{background:#fff;border-radius:10px;padding:12px;justify-content:center;margin-left:auto;margin-right:auto;width:fit-content;max-width:100%}#qr-canvas,.logo-preview{box-shadow:0 2px 8px #0001}.logo-preview{display:block;margin:10px auto 0;max-width:120px;max-height:120px;border-radius:8px}button,input[type=file]{font-family:inherit}button[type=button],button[type=submit]{padding:11px 28px;border:none;border-radius:7px;background:#0078d7;color:#fff;font-size:1.08em;font-weight:500;cursor:pointer;transition:background .2s;margin-top:10px}button[type=button]:hover,button[type=submit]:hover{background:#005fa3}select{cursor:pointer}small{display:block;margin-top:2px;font-size:.93em;color:#e53935;font-weight:400}.hidden{display:none}@media(max-width:700px){.container{padding:12px}.row,.row>.form-group{flex-direction:column;gap:0}.row>.form-group{align-items:stretch}.row>.form-group label{min-width:0;margin-bottom:4px}.row>.form-group input[type=color]{margin-left:0;margin-right:0;width:100%;min-width:0;max-width:100%}}#payment-test-btn{padding:7px 14px;font-size:.98em;border-radius:6px;background:#f3f4f6;color:#333;border:1px solid #e0e0e0;cursor:pointer;transition:background .2s,color .2s}#payment-test-btn:hover{background:#0078d7;color:#fff;border-color:#0078d7}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.tabs::-webkit-scrollbar-track{background:#f8f9fa}.tab{flex:none;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px 8px 0 0;padding:12px 20px;font-size:1rem;font-weight:500;color:#444;cursor:pointer;transition:background .2s,color .2s,border .2s}.tab:hover{background:#e9ecef;color:#0078d7}.tab.active{background:#0078d7;color:#fff;border-color:#0078d7;border-bottom:2px solid #fff}#qr-logo-select{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:7px;font-size:1rem;background:#fafbfc;margin-top:8px}#logo-preview{margin-top:10px;border:1px solid #e0e0e0;border-radius:8px;padding:8px;background:#fff;max-width:120px;max-height:120px}#logo-selection-container{background:#f8f9fa;padding:20px;border-bottom:1px solid #e0e0e0}#logo-grid img{transition:transform .2s,box-shadow .2s}#logo-grid img:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}#logo-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;justify-content:center;align-items:center}#logo-modal.visible{display:flex}#logo-modal>div{background:#fff;padding:20px;border-radius:10px;max-width:600px;width:90%;box-shadow:0 4px 12px rgba(0,0,0,.2);max-height:90vh;overflow-y:auto}#logo-selection-container{background:#fff;padding:20px;border-radius:10px;max-width:600px;width:90%;box-shadow:0 4px 12px rgba(0,0,0,.2)}#logo-grid img{transition:transform .2s,box-shadow .2s,border .2s}#logo-grid img:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}#logo-grid img.selected{border:2px solid #0078d7}.tabs-scroll-wrapper{position:relative;width:100%}.tabs{display:flex;justify-content:center;margin-bottom:28px;border-bottom:2px solid #e0e0e0;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#e0e0e0 #f8f9fa;padding-bottom:4px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs-scroll-arrow{display:none;position:absolute;right:0;top:0;bottom:0;margin:auto 0;height:100%;min-height:44px;max-height:48px;width:48px;font-size:2em;color:#bbb;background:linear-gradient(to right,transparent 10%,#fff 90%);padding-left:18px;pointer-events:none;z-index:2;align-items:center;justify-content:flex-end}@media(max-width:800px){.tabs{justify-content:flex-start;scrollbar-width:thin}.tabs::-webkit-scrollbar{display:block;height:6px}.tabs-scroll-arrow{display:flex}}.section-block{background:#f8fafc;border-radius:12px;box-shadow:0 2px 8px #0001;padding:28px 18px 22px;margin-bottom:36px;border:1px solid #e0e0e0}.section-block h2{color:#0078d7;font-size:1.22em;font-weight:600;margin-top:0;margin-bottom:18px;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.section-block h2::before{content:attr(data-step)".";display:inline-block;background:#0078d7;color:#fff;font-size:.95em;font-weight:700;width:2em;height:2em;line-height:2em;text-align:center;border-radius:50%;margin-right:8px;box-shadow:0 1px 4px #0078d733}:root{--background-color:#ffffff;--text-color:#000000;--primary-color:#0078d7}@media(prefers-color-scheme:dark){:root{--background-color:#1a1a1a;--text-color:#ffffff;--primary-color:#1e90ff;--container-bg:#1a1a1a;--container-border:#222;--heading-color:#e0e6ef;--paragraph-color:#c7d0e0}}[data-theme=dark]{--background-color:#1a1a1a;--text-color:#ffffff;--primary-color:#1e90ff;--container-bg:#1a1a1a;--container-border:#222;--heading-color:#e0e6ef;--paragraph-color:#c7d0e0}[data-theme=dark] body,[data-theme=dark] .container,[data-theme=dark] .section-block{background-color:var(--container-bg)!important;color:var(--text-color)!important;border-color:var(--container-border)!important}[data-theme=dark] .container>p,[data-theme=dark] p[style*="color:#444"]{color:var(--paragraph-color)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--heading-color)!important}[data-theme=dark] label{color:var(--heading-color)!important}[data-theme=dark]{background-color:var(--background-color)!important;color:var(--text-color)!important}[data-theme=dark] input[type=text],[data-theme=dark] input[type=color],[data-theme=dark] select,[data-theme=dark] textarea{background-color:#23272b!important;color:#fff!important;border-color:#333!important}[data-theme=dark] input[type=text]:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background-color:#23272b!important;color:#fff!important;border-color:var(--primary-color)!important}[data-theme=dark] input[type=color]{background:#23272b!important;border:none!important}[data-theme=dark] #faq-section{background:#181a1b!important;color:var(--text-color)!important;border-top:1px solid #222!important}[data-theme=dark] #faq-section h2,[data-theme=dark] #faq-section h3{color:var(--primary-color)!important}[data-theme=dark] #faq-section p{color:#ccc!important}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s,color .3s}button{background-color:var(--primary-color);color:var(--text-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s,color .3s}button:hover{opacity:.9}.language-link{display:block;padding:8px 18px;color:var(--text-color);text-decoration:none;font-size:1em;transition:background .2s,color .2s;background:var(--background-color)}.language-link:hover{background:var(--primary-color);color:#fff}.btn-primary{display:inline-block;background:#0078d7;color:#fff;font-weight:600;padding:12px 28px;border-radius:8px;text-decoration:none;font-size:1.08em;box-shadow:0 1px 6px #0001;transition:background .18s}.btn-support{background:#29abe0}.text-center{text-align:center}.margin-40{margin:40px 0 18px}