:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--blue:#3b82f6;--text:#1e293b;--text-sub:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--bg:#fff;--white:#fff;--surface:#fff;--radius:12px;--radius-sm:8px;--font:"Inter",system-ui,sans-serif}[data-theme=dark]{--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:rgba(59,130,246,.15);--text:#fff;--text-sub:#a1a1aa;--text-muted:#71717a;--border:#27272a;--bg:#000;--white:#09090b;--surface:#18181b}.qr-olusturucu-container{font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh}.app-root,.qr-olusturucu-container{background:var(--bg);color:var(--text)}.app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{background:var(--white);border-bottom:none;padding:0 32px;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;flex-shrink:0;gap:16px;margin-top:80px}.header-brand{position:relative;height:60px;width:450px;display:flex;align-items:center;overflow:visible}.brand-logo{height:170px!important;width:auto!important;-o-object-fit:contain;object-fit:contain;max-width:none!important;margin-left:200px!important;transform:translateY(5px)!important;z-index:10}.scanner-logo-row.logo-container{height:40px;width:100%;margin-bottom:30px;display:flex;justify-content:flex-start;align-items:center;overflow:visible;padding-left:0}.scanner-logo-row.logo-container .brand-logo{height:165px!important;position:static!important;transform:translate(-20px,30px)!important;margin-left:-15px!important}.header-right{justify-content:flex-end;padding-right:325px}.header-right-wrapper{display:flex;flex-direction:column;align-items:center}.drop-notification{top:50px;left:-15%;transform:translateX(-50%);width:-moz-max-content!important;width:max-content!important;border:1.5px solid var(--primary);box-shadow:0 10px 30px rgba(37,99,235,.15);padding:6px 15px;border-radius:15px;display:flex;align-items:center;gap:8px;z-index:1000;cursor:pointer;animation:dropSlideDown .5s cubic-bezier(.175,.885,.32,1.275) forwards}.drop-arrow,.drop-notification{position:absolute;background:#fff}.drop-arrow{top:-8px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;border-left:1.5px solid var(--primary);border-top:1.5px solid var(--primary)}.drop-notification span{font-size:12px;font-weight:700;color:#1e293b}@keyframes dropSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-container{top:120px;right:32px;left:auto!important;transform:none!important;z-index:999999;align-items:flex-end}.toast-item{pointer-events:all;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.1);padding:10px 20px;gap:12px;cursor:pointer;animation:sonnerSlideRight .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes sonnerSlideRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.toast-item:hover{transform:scale(1.02);background:#fff}.toast-item.success{border-left:5px solid #22c55e}.toast-item.error{border-left:5px solid #ef4444}.toast-message{font-size:15px;font-weight:700;color:#1e293b}@keyframes sonnerSlideIn{0%{opacity:0;transform:translateY(-40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-toggle{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--border);background:var(--white);justify-content:center;cursor:pointer;color:var(--text-sub);transition:all .15s}.header-right,.theme-toggle{display:flex;align-items:center}.header-right{gap:12px}.header-scan-btn{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);height:40px;padding:0 16px;border-radius:12px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:all .2s}.header-scan-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.header-scan-btn svg,.theme-toggle:hover{color:var(--primary)}.theme-toggle:hover{border-color:var(--primary);background:var(--primary-light)}.step-bar{gap:0}.step-bar,.step-item{display:flex;align-items:center}.step-item{gap:8px}.step-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:var(--white);color:var(--text-muted);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.step-circle.active,.step-circle.done{border-color:var(--primary);background:var(--primary);color:#fff}.step-label{font-size:14px;color:var(--text-muted);white-space:nowrap;transition:color .2s}.step-label.active{color:var(--primary);font-weight:700}.step-label.done{color:var(--text-sub);font-weight:500}.step-line{width:36px;height:3px;background:var(--border);margin:0 10px;transition:background .3s;border-radius:4px}.step-line.done{background:var(--primary)}.app-body{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:32px 24px;position:relative}.left-panel{flex:1;max-width:640px}.step-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:20px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.type-card{background:var(--white);border:2px solid var(--border);border-radius:var(--radius);padding:20px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .15s;text-align:center;aspect-ratio:1}.type-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.08)}.type-card.selected,.type-card:hover{border-color:var(--primary);background:var(--primary-light)}.type-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.type-card-label{font-size:12px;font-weight:600;color:var(--text);line-height:1.2}.type-card-desc{font-size:10px;color:var(--text-muted);line-height:1.3}.accordion-list{display:flex;flex-direction:column;gap:10px}.accordion{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s}.accordion.open{box-shadow:0 4px 16px rgba(0,0,0,.06);border-color:var(--primary)}.accordion-header{width:100%;background:none;border:none;cursor:pointer;padding:16px 20px;display:flex;align-items:center;gap:14px;text-align:left;transition:background .12s}.accordion-header:hover{background:var(--bg)}.accordion-icon{width:36px;height:36px;border-radius:8px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.accordion-text{flex:1}.accordion-title{font-size:14px;font-weight:600;color:var(--text)}.accordion-desc{font-size:12px;color:var(--text-sub);margin-top:2px}.accordion-arrow{color:var(--text-muted);transition:transform .2s;flex-shrink:0}.accordion.open .accordion-arrow{transform:rotate(180deg)}.accordion-body{border-top:1px solid var(--border);padding:16px 20px 20px}.field-list{gap:14px}.field,.field-list{display:flex;flex-direction:column}.field{gap:5px}.field-label{font-size:12px;font-weight:600;color:var(--text-sub)}.required{color:var(--primary);margin-left:3px}.input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text);font-family:var(--font);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.floating-scanner-trigger{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);z-index:999}.scan-btn-pill{display:flex;align-items:center;gap:12px;background:var(--primary);color:#fff;padding:14px 28px;border-radius:40px;border:none;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 10px 30px rgba(37,99,235,.4);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.scan-btn-pill:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 15px 40px rgba(37,99,235,.5)}.scanner-modal-overlay{position:fixed;inset:0;background:rgba(10,15,30,.9);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .25s cubic-bezier(.16,1,.3,1);pointer-events:all;backdrop-filter:none}.scanner-modal-content{background:var(--white);width:100%;max-width:480px;border-radius:32px;padding:12px 32px 32px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.5);animation:slideUp .4s cubic-bezier(.165,.84,.44,1);border:1px solid var(--border);will-change:transform,opacity}.scanner-close-btn{position:absolute;top:16px;right:24px;width:40px;height:40px;border-radius:50%;border:none;background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:100}.scanner-close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg) scale(1.1)}.scanner-header{display:flex;align-items:center;gap:16px;margin-bottom:8px;text-align:left}.scanner-header-icon{color:var(--primary);flex-shrink:0}.scanner-header h3{font-size:20px;font-weight:800;margin:0}.scanner-header p{font-size:13px;color:var(--text-muted);margin:4px 0 0}.scanner-view-area{width:100%;aspect-ratio:1;background:#000;border-radius:24px;overflow:hidden;position:relative;border:4px solid var(--surface);transition:all .3s}.scanner-view-area.dragging{border-color:var(--primary);transform:scale(1.02);box-shadow:0 0 30px var(--primary)}.scanner-video-source,.scanner-video-source video{width:100%!important;height:100%!important}.scanner-video-source video{-o-object-fit:cover!important;object-fit:cover!important}.scanner-init-ui{height:100%;flex-direction:column;gap:20px;color:#94a3b8}.pulse-icon,.scanner-init-ui{display:flex;align-items:center;justify-content:center}.pulse-icon{width:80px;height:80px;background:hsla(0,0%,100%,.05);border-radius:50%;animation:pulse 2s infinite}.btn-glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-glass:hover{background:hsla(0,0%,100%,.2)}.drop-hint{font-size:12px;opacity:.6}.scanner-frame-overlay{position:absolute;inset:0;pointer-events:none;z-index:5}.scan-line{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--primary);box-shadow:0 0 20px 2px var(--primary);animation:scanMove 2s linear infinite}.scan-corners i{position:absolute;width:40px;height:40px;border:4px solid var(--primary)}.c-1{top:30px;left:30px;border-right:0;border-bottom:0;border-top-left-radius:16px}.c-2{top:30px;right:30px;border-left:0;border-bottom:0;border-top-right-radius:16px}.c-3{left:30px;border-right:0;border-top:0;border-bottom-left-radius:16px}.c-3,.c-4{bottom:30px}.c-4{right:30px;border-left:0;border-top:0;border-bottom-right-radius:16px}.scanner-controls-floating{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}.control-btn{width:48px;height:48px;border-radius:50%;border:none;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.control-btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}.control-btn.on{background:#eab308;color:#fff}.control-btn.stop:hover{background:#ef4444}.scanner-footer{margin-top:24px}.btn-secondary-full{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:14px;border-radius:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s}.scan-result-reveal{margin-top:24px;background:var(--primary-light);border:1.5px solid var(--primary);border-radius:20px;padding:20px;text-align:left}.result-info .label{display:block;font-size:11px;font-weight:800;color:var(--primary);text-transform:uppercase;margin-bottom:8px}.content-box{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text);word-break:break-all;max-height:100px;overflow-y:auto;line-height:1.5}.result-btns{display:flex;gap:12px;margin-top:16px}.btn-icon-primary,.btn-icon-sub{flex:1;height:40px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.btn-icon-sub{background:var(--white);color:var(--text);border:1px solid var(--border)}.btn-icon-primary{background:var(--primary);color:#fff}.scanner-error-msg{margin-top:16px;color:#ef4444;font-size:13px;text-align:center;font-weight:500}.scan-success-state{position:absolute;inset:0;background:#22c55e;color:#fff;flex-direction:column;z-index:20}.scan-success-state,.success-check{display:flex;align-items:center;justify-content:center}.success-check{width:70px;height:70px;background:#fff;color:#22c55e;border-radius:50%;margin-bottom:12px}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes scanMove{0%{top:5%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:95%;opacity:0}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .scanner-modal-content{background:#09090b;border-color:#27272a}.scanner-ui-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;background:rgba(0,0,0,.4);color:#fff;pointer-events:all}.scanner-ui-overlay.success{background:rgba(34,197,94,.9)}.btn-primary-glow{background:var(--primary);color:#fff;border:none;padding:14px 28px;border-radius:14px;font-weight:700;cursor:pointer;box-shadow:0 0 20px rgba(37,99,235,.4);transition:all .2s}.btn-primary-glow:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(37,99,235,.6)}.scanner-mode-icons{display:flex;gap:20px;margin-bottom:15px;opacity:.3}.scanner-tabs{display:flex;background:var(--surface);padding:4px;border-radius:14px;margin-bottom:20px;gap:4px;border:1px solid var(--border)}.scanner-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;border-radius:10px;transition:all .2s}.scanner-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.2)}.scanner-view-area.v3{border-radius:20px;border:4px solid var(--surface)}.scanner-ui-overlay.v3{background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}.scanner-center-icon{margin-bottom:20px;opacity:.3;color:#fff;animation:pulse 2s infinite}.scan-feature-list{display:flex;gap:15px;margin-top:20px}.feature-item{display:flex;align-items:center;gap:6px;font-size:11px;color:hsla(0,0%,100%,.7);font-weight:500}.feature-icon{color:#22c55e}.success-v3{background:#22c55e!important;color:#fff}.success-badge{width:64px;height:64px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.success-spin{animation:spin 3s linear infinite}.success-text{font-size:20px;font-weight:900;letter-spacing:2px;margin:15px 0}.btn-rescan{background:#fff;color:#22c55e;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.btn-rescan:hover{transform:scale(1.05)}.scan-line-v3{position:absolute;left:10%;width:80%;height:2px;background:red;box-shadow:0 0 15px red;z-index:10;animation:scanPingV3 2s ease-in-out infinite}@keyframes scanPingV3{0%{top:20%;opacity:0}50%{opacity:1}to{top:80%;opacity:0}}.scan-line-v3.barcode{animation:scanPingBarcode 1.5s ease-in-out infinite}@keyframes scanPingBarcode{0%{top:35%;opacity:0}50%{opacity:1}to{top:65%;opacity:0}}.scan-corners.v3 .c-1,.scan-corners.v3 .c-2{top:30px}.scan-corners.v3 .c-3,.scan-corners.v3 .c-4{bottom:30px}.scan-corners.v3.barcode .c-1,.scan-corners.v3.barcode .c-2{top:32%}.scan-corners.v3.barcode .c-3,.scan-corners.v3.barcode .c-4{bottom:32%}.scan-result-card-v3{margin-top:20px;background:var(--primary-light);border:1.5px solid var(--primary);border-radius:16px;padding:16px;text-align:left}.result-tag{font-size:10px;font-weight:800;color:var(--primary);opacity:.8}.result-data-box{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text);margin:10px 0;word-break:break-all;line-height:1.4}.result-footer-btns{display:flex;gap:10px}.btn-action-small{flex:1;height:38px;border-radius:10px;border:none;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:all .2s}.btn-action-small.sub{background:var(--white);color:var(--text);border:1px solid var(--border)}.btn-action-small.primary{background:var(--primary);color:#fff}.scanner-header.v4{margin-bottom:24px}.scanner-brand-logo{height:32px;width:auto;-o-object-fit:contain;object-fit:contain}.scanner-tagline{font-size:13px;font-weight:600;color:var(--text-muted);margin-top:4px;display:flex;align-items:center;gap:6px}.scanner-emoji-gift{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;margin-left:4px;animation:emojiWobble 2s ease-in-out infinite}.scanner-logo-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-item{pointer-events:auto;min-width:320px;max-width:420px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 12px 32px rgba(0,0,0,.1);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:14px;animation:toast-slide-in .4s cubic-bezier(.16,1,.3,1) forwards;position:relative;overflow:hidden}[data-theme=dark] .toast-item{background:rgba(24,24,27,.8);border-color:hsla(0,0%,100%,.05);box-shadow:0 12px 32px rgba(0,0,0,.4)}.toast-item.error{border-left:4px solid #ef4444}.toast-icon-wrapper{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;color:#ef4444;animation:icon-pop .5s cubic-bezier(.175,.885,.32,1.275)}[data-theme=dark] .toast-icon-wrapper{background:rgba(239,68,68,.15)}.toast-content{flex:1}.toast-message{font-size:14px;font-weight:500;color:var(--text);line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;padding:4px;transition:color .2s}.toast-close:hover{color:var(--text)}@keyframes toast-slide-in{0%{transform:translateX(100%) translateY(-20px) scale(.9);opacity:0}to{transform:translateX(0) translateY(0) scale(1);opacity:1}}@keyframes toast-slide-out{0%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(100%) scale(.9);opacity:0}}@keyframes icon-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.toast-container{top:16px;right:16px;left:16px}.toast-item{min-width:0;width:100%}.app-root{height:auto!important;min-height:100vh;overflow-y:auto!important}.app-header{padding:0 16px!important;grid-template-columns:auto 1fr auto!important;height:56px!important;gap:8px!important;position:sticky;top:0;z-index:1001;box-shadow:0 2px 10px rgba(0,0,0,.05)}.brand-logo{margin-left:0!important;height:28px!important}.drop-notification,.step-label{display:none!important}.step-bar{justify-content:center!important}.step-line{width:15px!important;margin:0 4px!important}.app-body{flex-direction:column!important;padding:16px 16px 100px!important;height:auto!important;overflow:visible!important}.left-panel{max-width:100%!important;width:100%!important;order:2!important}.right-panel{width:100%!important;order:1!important;margin-bottom:32px!important;margin-left:0!important;padding-top:20px!important;display:flex!important;justify-content:center!important}.phone-frame{transform:scale(.9)!important;margin-bottom:-20px!important;flex-shrink:0!important}.type-grid{gap:12px!important}.dot-type-grid,.frame-grid,.type-grid{grid-template-columns:repeat(2,1fr)!important}.dot-type-grid,.frame-grid{gap:10px!important}.grid-2{grid-template-columns:1fr!important;gap:16px!important}.side-nav{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;right:0!important;height:72px!important;width:100%!important;border-radius:0!important;transform:none!important;margin:0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 20px!important;background:var(--white)!important;border:none!important;border-top:1.5px solid var(--border)!important;box-shadow:0 -4px 20px rgba(0,0,0,.08)!important;z-index:1000!important}.side-nav-left{background:transparent!important;padding:0 20px!important}.side-nav-left,.side-nav-right{position:static!important;width:auto!important;box-shadow:none!important;border:none!important}.side-nav-right{background:var(--primary)!important;color:#fff!important;padding:0 32px!important;height:48px!important;border-radius:12px!important;margin-right:16px!important}.side-nav-right.download{width:calc(100% - 32px)!important;margin:0 16px!important;background:var(--primary)!important}.nav-arrow{display:none!important}.type-card{padding:16px 12px!important}.type-card-desc{display:none!important}.accordion-header{padding:14px 16px!important}.accordion-body{padding:20px!important}.form-input,.input{font-size:16px!important}}@media (max-width:380px){.phone-frame{transform:scale(.75)!important;margin-bottom:-60px!important}.type-grid{grid-template-columns:1fr!important}}.qr-canvas-wrapper.transparent-preview{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0)}[data-theme=dark] .qr-canvas-wrapper.transparent-preview{background-image:linear-gradient(45deg,#333 25%,transparent 0),linear-gradient(-45deg,#333 25%,transparent 0),linear-gradient(45deg,transparent 75%,#333 0),linear-gradient(-45deg,transparent 75%,#333 0)}.input option{background:var(--white)}.textarea{resize:vertical;min-height:72px;line-height:1.5}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-pick-row{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px 5px 5px;background:var(--white);cursor:pointer;transition:border-color .15s}.color-pick-row:hover{border-color:var(--primary)}.color-swatch{width:30px;height:30px;border:none;border-radius:6px;cursor:pointer;padding:0;background:none;flex-shrink:0}.color-hex-val{font-size:12px;font-family:monospace;color:var(--text-sub)}.slider-head{display:flex;justify-content:space-between;align-items:center}.slider-badge{font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:2px 8px;border-radius:99px}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:99px;background:var(--border);outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--white);box-shadow:0 1px 4px rgba(37,99,235,.3)}.dot-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dot-type-btn{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:8px 4px;cursor:pointer;transition:all .12s;text-align:center}.dot-type-btn.active,.dot-type-btn:hover{border-color:var(--primary)}.dot-type-btn.active{background:var(--primary-light)}.dot-type-label{font-size:10px;font-weight:500;color:var(--text-sub);text-transform:capitalize}.dot-type-btn.active .dot-type-label{color:var(--primary)}.logo-upload-row{display:flex;align-items:center;gap:10px}.logo-name{font-size:12px;color:var(--text-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-preview-box{border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;justify-content:center;background:var(--bg)}.logo-preview-img{max-height:60px;max-width:100%;-o-object-fit:contain;object-fit:contain}.qr-canvas-wrapper canvas{border-radius:inherit;display:block}.btn{font-family:var(--font);font-size:13px;font-weight:600;padding:9px 18px;border-radius:var(--radius-sm);cursor:pointer;border:none;transition:all .15s;display:flex;align-items:center;gap:6px}.btn-back{background:var(--white);border:1.5px solid var(--border);color:var(--text-sub)}.btn-back:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-back:disabled{opacity:.4;cursor:not-allowed}.btn-next{background:var(--primary);color:#fff;padding:9px 24px}.btn-next:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn-next:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:var(--white);border:1.5px solid var(--border);color:var(--text);font-size:12px;padding:7px 14px;font-family:var(--font);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;transition:all .12s;font-weight:600}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-danger-sm{background:#fee2e2;border:none;color:#ef4444;font-size:11px;padding:5px 10px;border-radius:6px;cursor:pointer;font-family:var(--font);font-weight:600;white-space:nowrap}.btn-danger-sm:hover{background:#fecaca}.right-panel{display:flex;align-items:flex-start;padding-top:120px;margin-left:32px;flex-shrink:0}.phone-frame{width:220px;height:450px;background:#1a1a1a;border-radius:40px;padding:9px;box-shadow:0 0 0 1px #333,0 0 0 3px #111,0 16px 48px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.08);position:relative}.phone-inner{width:100%;height:100%;background:#0a0a0a;border-radius:33px;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-dynamic-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:80px;height:24px;background:#0a0a0a;border-radius:20px;z-index:20}.phone-screen{flex:1;background:#fff;margin-top:36px;border-radius:0 0 28px 28px;overflow:hidden;position:relative}.phone-home-bar{height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.phone-home-bar:before{content:"";width:60px;height:4px;background:hsla(0,0%,100%,.25);border-radius:99px}.side-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:50;display:flex;align-items:center;gap:8px;padding:16px 24px;border-radius:16px;border:1.5px solid var(--border);background:var(--white);color:var(--text);font-family:var(--font);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .2s}.side-nav:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 8px 32px rgba(37,99,235,.15);transform:translateY(-50%) scale(1.04)}.side-nav:disabled{opacity:.4;cursor:not-allowed;transform:translateY(-50%)}.side-nav-left{left:24px}.side-nav-right{right:24px}.side-nav-right.download{background:var(--primary);color:#fff;border-color:var(--primary);padding:16px 28px;font-size:15px}.side-nav-right.download:hover{background:var(--primary-hover);box-shadow:0 8px 32px rgba(37,99,235,.3)}@keyframes bounce-right{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}@keyframes bounce-left{0%,to{transform:translateX(0)}50%{transform:translateX(-5px)}}.nav-arrow{flex-shrink:0}.arrow-right{animation:bounce-right 1.2s ease-in-out infinite}.arrow-left{animation:bounce-left 1.2s ease-in-out infinite}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:28px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .15s;background:var(--bg)}.drop-zone.dragging,.drop-zone:hover{border-color:var(--primary);background:var(--primary-light)}.drop-zone.dragging{transform:scale(1.01)}.drop-zone-text{font-size:12px;font-weight:600;color:var(--text-sub)}.drop-zone-hint{font-size:10px;color:var(--text-muted)}.drop-zone-preview{max-height:60px;max-width:100%;-o-object-fit:contain;object-fit:contain}.logo-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}@media (max-width:900px){.app-body{flex-direction:column;align-items:stretch;padding:16px}.right-panel{display:none}.left-panel{max-width:100%}.type-grid{grid-template-columns:repeat(3,1fr);gap:10px}.type-card{aspect-ratio:auto;padding:14px 8px}.type-icon-box{width:38px;height:38px}.step-title{font-size:17px}.side-nav{padding:12px 16px;font-size:13px;border-radius:12px}.side-nav-left{left:12px}.side-nav-right{right:12px}.side-nav-right.download{padding:12px 18px;font-size:13px}.app-header{padding:0 16px;height:54px}.brand-logo{height:28px;margin-left:0!important}.step-bar{display:none}}@media (max-width:480px){.type-grid{grid-template-columns:repeat(2,1fr);gap:8px}.type-card{padding:12px 6px;gap:6px}.type-icon-box{width:34px;height:34px;border-radius:10px}.type-card-label{font-size:11px}.type-card-desc{font-size:9px}.accordion-header{padding:12px 14px;gap:10px}.accordion-body{padding:12px 14px 14px}.side-nav{padding:10px 14px;font-size:12px;gap:4px}.side-nav-left{left:8px}.side-nav-left,.side-nav-right{bottom:20px;top:auto;transform:none}.side-nav-right{right:8px}.side-nav:hover{transform:none}.app-body{padding:12px}.step-title{font-size:16px;margin-bottom:14px}}.scanner-footer-v5{display:flex;gap:12px;margin-top:20px}.btn-footer-v5{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:16px;border:1px solid var(--border);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.btn-footer-v5.upload{background:var(--surface);color:var(--text)}.btn-footer-v5.stop{background:#fef2f2;color:#ef4444;border-color:#fee2e2}.btn-footer-v5.stop:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-footer-v5:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05)}@media (max-width:480px){.btn-footer-v5 span{font-size:13px}}[data-theme=dark] .app-header{background:var(--bg);border:none}[data-theme=dark] .side-nav{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .side-nav:hover{color:var(--primary)}[data-theme=dark] .side-nav-right.download:hover{color:#fff}[data-theme=dark] .type-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .type-card:hover{background:#1a1a1a;border-color:#333}[data-theme=dark] .type-card.selected{background:var(--primary-light);border-color:var(--primary)}[data-theme=dark] .accordion{background:var(--surface);border-color:var(--border)}[data-theme=dark] .accordion-header:hover{background:hsla(0,0%,100%,.03)}[data-theme=dark] .input{background:var(--bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.15)}[data-theme=dark] .color-pick-row,[data-theme=dark] .dot-type-btn{background:var(--bg);border-color:var(--border)}[data-theme=dark] .dot-type-btn:hover{border-color:#333}[data-theme=dark] .drop-zone{background:var(--bg);border-color:var(--border)}[data-theme=dark] .drop-zone:hover{background:var(--primary-light);border-color:var(--primary)}[data-theme=dark] .btn-outline{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .phone-frame{box-shadow:0 0 0 1px #444,0 0 0 3px #222,0 16px 48px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.05)}[data-theme=dark] .theme-toggle{color:var(--text);background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#333}.dot-type-grid,.frame-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}.dot-type-btn,.frame-item{background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:8px}.dot-type-btn:hover,.frame-item:hover{transform:translateY(-2px);border-color:var(--primary);background:rgba(37,99,235,.03)}.dot-type-btn.active,.frame-item.active{border-color:var(--primary);background:rgba(37,99,235,.08);box-shadow:0 8px 20px rgba(37,99,235,.15)}.dot-preview-box,.frame-preview-svg{width:100%;aspect-ratio:1;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:6px;transition:inherit}[data-theme=dark] .dot-preview-box,[data-theme=dark] .frame-preview-svg{background:#111}.dot-type-label,.frame-label{font-size:11px;font-weight:700;color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px}.active .dot-type-label,.active .frame-label{color:var(--primary)}.qr-canvas-wrapper.transparent-preview{background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 0),linear-gradient(-45deg,#e2e8f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e2e8f0 0),linear-gradient(-45deg,transparent 75%,#e2e8f0 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}[data-theme=dark] .qr-canvas-wrapper.transparent-preview{background-image:linear-gradient(45deg,#1a1a1a 25%,transparent 0),linear-gradient(-45deg,#1a1a1a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#1a1a1a 0),linear-gradient(-45deg,transparent 75%,#1a1a1a 0)}.form-input{width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;transition:all .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;inset:0;background:rgba(10,15,30,.88);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;backdrop-filter:none;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s}.modal-overlay.open{opacity:1;pointer-events:all;visibility:visible}.modal-container.download-modal{background:var(--white);width:100%;max-width:800px;border-radius:24px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.3);display:flex;flex-direction:column;border:1px solid var(--border);transform:translateY(40px) scale(.96);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.modal-overlay.open .modal-container.download-modal{transform:translateY(0) scale(1);opacity:1}.modal-header{padding:24px 32px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header-info h3{font-size:20px;font-weight:800;margin:0;color:var(--text)}.modal-header-info p{font-size:13px;color:var(--text-sub);margin-top:4px}.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--surface);color:var(--text-sub);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close:hover{background:#ef4444;color:#fff}.download-modal-content{display:grid;grid-template-columns:320px 1fr;gap:32px;padding:32px}.qr-preview-section{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-preview-wrapper{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.qr-preview-canvas{width:100%}.qr-preview-canvas canvas{width:100%!important;height:auto!important;display:block}.qr-info-badge{display:flex;align-items:center;gap:8px;background:#f0fdf4;color:#166534;padding:8px 16px;border-radius:100px;font-size:12px;font-weight:600}[data-theme=dark] .qr-info-badge{background:rgba(34,197,94,.1);color:#4ade80}.download-options-section h4{font-size:14px;font-weight:700;color:var(--text);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.download-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;text-align:left;position:relative;overflow:hidden}.download-btn:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.download-btn-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.download-btn-icon.png{background:#eff6ff;color:#3b82f6}.download-btn-icon.jpg{background:#fef2f2;color:#ef4444}.download-btn-icon.svg{background:#f0fdf4;color:#22c55e}.download-btn-icon.webp{background:#fdf4ff;color:#d946ef}.download-btn-icon.pdf-a4{background:#eff6ff;color:#2563eb}.download-btn-icon.pdf-print{background:#fff1f2;color:#e11d48}.download-btn-text{flex:1;display:flex;flex-direction:column}.download-btn-text .format{font-size:15px;font-weight:700;color:var(--text)}.download-btn-text .desc{font-size:11px;color:var(--text-sub)}.dl-icon{color:var(--text-muted);transition:transform .2s}.download-btn:hover .dl-icon{color:var(--primary);transform:translateY(2px)}.download-footer-note{margin-top:24px;padding:16px;background:var(--bg);border-radius:12px;border-left:4px solid var(--primary)}.download-footer-note p{font-size:12px;color:var(--text-sub);line-height:1.5}.mobile-scan-mini-btn{display:none}@media (max-width:768px){.modal-container.download-modal{max-width:480px;height:90vh;overflow-y:auto}.download-modal-content{grid-template-columns:1fr;padding:20px}.qr-preview-section{order:-1}.download-grid{grid-template-columns:1fr}.app-header{margin-top:0!important;padding-top:80px!important;padding-left:15px;padding-right:15px;padding-bottom:15px;grid-template-columns:auto 1fr;height:auto;border-bottom:none!important;box-shadow:none!important;position:relative!important;top:0!important;background:transparent!important}.header-left-empty{display:none}.header-right{padding-right:0!important;justify-content:flex-end;order:1}.right-panel{display:none!important}.step-3-active .right-panel{display:flex!important;position:relative!important;width:100%!important;height:auto!important;background:#fff;padding:20px!important;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-bottom:25px;justify-content:center;align-items:center;border:1px solid rgba(0,0,0,.05)}.step-3-active .iphone-frame{display:none!important}.step-3-active .qr-container{position:relative!important;transform:none!important;top:auto!important;left:auto!important;width:180px!important;height:180px!important;background:#fff!important;padding:10px!important;border-radius:15px!important;box-shadow:0 5px 15px rgba(0,0,0,.05)!important}.step-3-active .qr-container canvas{width:100%!important;height:100%!important}.app-body{padding-bottom:80px!important}.side-nav:not(.download){display:inline-flex!important;align-items:center!important;width:-moz-fit-content!important;width:fit-content!important;padding:0 25px!important;margin:20px 0!important;border-radius:23px!important;box-shadow:0 4px 15px rgba(0,0,0,.1)!important}.side-nav.download,.side-nav:not(.download){position:relative!important;justify-content:center!important;height:46px!important;bottom:auto!important;right:auto!important;left:auto!important;z-index:10!important}.side-nav.download{float:right!important;margin-left:auto!important;margin-right:15px!important;margin-top:20px!important;width:150px!important;min-width:150px!important;padding:0 10px!important;border-radius:12px!important;display:flex!important;gap:6px!important}.side-nav-left{float:left!important;margin-left:15px!important;margin-right:auto!important;display:flex!important}.side-nav-right{float:right!important;margin-left:auto!important;margin-right:15px!important;display:flex!important}.step-bar{justify-content:flex-end}.step-label{display:none}.type-grid{grid-template-columns:repeat(2,1fr)!important}.desktop-only{display:none!important}.step-header-mobile{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px}.mobile-scan-mini-btn{display:flex;align-items:center;gap:6px;background:var(--primary-light);border:1px solid var(--primary);padding:6px 12px;border-radius:10px;color:var(--primary);cursor:pointer;transition:all .2s}.mobile-scan-mini-btn span{font-size:11px;font-weight:700}.step-title{margin-bottom:0!important;font-size:16px!important}.qr-olusturucu-container{padding-bottom:0!important;margin-bottom:0!important}.app-body{gap:0!important;display:block!important;padding-bottom:0!important}.left-panel{padding:0 15px!important;width:100%!important;margin-bottom:0!important}.download-btn-container{display:block!important;text-align:right!important;padding:0 15px 15px 0!important;width:100%!important;margin-top:-5px!important}.download-btn-container .btn-download{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:130px!important;max-width:130px!important;min-width:130px!important;padding:6px 10px!important;font-size:11px!important;border-radius:8px!important;margin-left:auto!important;flex:none!important;white-space:nowrap!important}}@media (min-width:769px){.side-nav.download{position:fixed!important;bottom:40px!important;right:40px!important;width:180px!important;min-width:180px!important;height:52px!important;padding:0 15px!important;border-radius:12px!important;font-size:15px!important;font-weight:600!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;background:#2563eb!important;color:#fff!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;z-index:10000!important;transition:all .2s ease!important}.side-nav.download:hover{filter:brightness(1.1)!important}}@media (max-width:768px){.side-nav.download{position:relative!important;float:right!important;margin-left:auto!important;margin-right:15px!important;margin-top:20px!important;width:150px!important;min-width:150px!important;height:46px!important;padding:0 10px!important;border-radius:12px!important;font-size:13px!important;font-weight:600!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;bottom:auto!important;right:auto!important;left:auto!important;background:#2563eb!important;color:#fff!important}.side-nav.download:hover{filter:brightness(1.1)!important}.drop-notification{display:none!important}}.animated-download-icon{animation:smooth-slide-down 1.8s ease-in-out infinite}@keyframes smooth-slide-down{0%{transform:translateY(-2px);opacity:.7}50%{transform:translateY(2px);opacity:1}to{transform:translateY(-2px);opacity:.7}}.qr-preview-canvas{position:relative;min-height:260px}.qr-preview-canvas,.qr-preview-loading{display:flex;align-items:center;justify-content:center}.qr-preview-loading{position:absolute;inset:0}.premium-spinner{width:40px;height:40px;border:3.5px solid rgba(37,99,235,.1);border-top-color:#2563eb;border-radius:50%;animation:premium-spin 1s linear infinite}@keyframes premium-spin{to{transform:rotate(1turn)}}