: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:#3b82f626;--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;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:max-content!important;border:1.5px solid var(--primary);box-shadow:0 10px 30px #2563eb26;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:#fffffff2;backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 10px 30px #0000001a;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 #2563eb14}.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 #0000000f;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 #2563eb1a}.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 #2563eb66;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 #2563eb80}.scanner-modal-overlay{position:fixed;inset:0;background:#0a0f1ee6;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 #00000080;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{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:#ffffff0d;border-radius:50%;animation:pulse 2s infinite}.btn-glass{background:#ffffff1a;backdrop-filter:blur(5px);border:1px solid #fff3;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-glass:hover{background:#fff3}.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:#ffffff26;backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.control-btn:hover{background:#ffffff40;transform:translateY(-2px)}.control-btn.on{background:#eab308;color:#fff}.control-btn.stop:hover{background:#ef4444}.scanner-footer{margin-top:30px}.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:#0006;color:#fff;pointer-events:all}.scanner-ui-overlay.success{background:#22c55ee6}.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 #2563eb66;transition:all .2s}.btn-primary-glow:hover{transform:scale(1.05);box-shadow:0 0 30px #2563eb99}.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:#0000;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 #2563eb33}.scanner-view-area.v3{border-radius:20px;border:4px solid var(--surface)}.scanner-ui-overlay.v3{background:#0009;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:#ffffffb3;font-weight:500}.feature-icon{color:#22c55e}.success-v3{background:#22c55e!important;color:#fff}.success-badge{width:64px;height:64px;background:#fff3;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;object-fit:contain}.scanner-tagline{font-size:13px;font-weight:600;color:#000;margin-top:24px;position:relative;top:12px;display:flex;align-items:center;gap:6px}.scanner-paste-hint{margin-top:10px;color:#64748b;font-size:11px;text-align:center}.scanner-emoji-gift{width:24px;height:24px;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:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff4d;box-shadow:0 12px 32px #0000001a;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:#18181bcc;border-color:#ffffff0d;box-shadow:0 12px 32px #0006}.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:#ef444426}.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 #0000000d}.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 #00000014!important;z-index:1000!important}.side-nav-left{background:#0000!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%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0)}[data-theme=dark] .qr-canvas-wrapper.transparent-preview{background-image:linear-gradient(45deg,#333 25%,#0000 0),linear-gradient(-45deg,#333 25%,#0000 0),linear-gradient(45deg,#0000 75%,#333 0),linear-gradient(-45deg,#0000 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{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 #2563eb4d}.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%;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 #2563eb4d}.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 #0000004d,inset 0 0 0 1px #ffffff14;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:#ffffff40;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 #00000014;transition:all .2s}.side-nav:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 8px 32px #2563eb26;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 #2563eb4d}@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%;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:#0000}::-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 #0000000d}@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:#ffffff08}[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 #3b82f626}[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 #00000080,inset 0 0 0 1px #ffffff0d}[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:#2563eb08}.dot-type-btn.active,.frame-item.active{border-color:var(--primary);background:#2563eb14;box-shadow:0 8px 20px #2563eb26}.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%,#0000 0),linear-gradient(-45deg,#e2e8f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#e2e8f0 0),linear-gradient(-45deg,#0000 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%,#0000 0),linear-gradient(-45deg,#1a1a1a 25%,#0000 0),linear-gradient(45deg,#0000 75%,#1a1a1a 0),linear-gradient(-45deg,#0000 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 #2563eb1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;inset:0;background:#0a0f1ee0;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 #0000004d;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-family:Arial,Helvetica,sans-serif;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{flex-direction:column;gap:20px}.qr-preview-section,.qr-preview-stage{position:relative;display:flex;align-items:center}.qr-preview-stage{width:100%}.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:#22c55e1a;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:#0000!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 #00000014;margin-bottom:25px;justify-content:center;align-items:center;border:1px solid #0000000d}.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 #0000000d!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:fit-content!important;padding:0 25px!important;margin:20px 0!important;border-radius:23px!important;box-shadow:0 4px 15px #0000001a!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 #00000026!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 #2563eb1a;border-top-color:#2563eb;border-radius:50%;animation:premium-spin 1s linear infinite}@keyframes premium-spin{to{transform:rotate(1turn)}}.qr-copy-btn,.qr-scan-test-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 20px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;color:#2563eb;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}.qr-copy-btn:hover,.qr-scan-test-btn:hover{background:#eff6ff;border-color:#93c5fd}.qr-copy-btn:disabled,.qr-scan-test-btn:disabled{opacity:.55;cursor:not-allowed}.qr-scan-test-btn{color:#0f766e}.modal-open-scan-btn{position:relative;z-index:10002}.modal-open-reminder{z-index:10002}.qr-actions-panel{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:16px;padding:14px 18px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fbff}.qr-actions-attention{animation:qr-actions-flash .9s ease-in-out infinite}.security-card{margin-top:12px;border:1px solid #dbe5f0;border-radius:18px;padding:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 10px 28px rgba(15,23,42,.035)}.security-card.is-enabled{background:linear-gradient(145deg,#fff,#f0fdf4)}.security-card-muted{background:#f8fafc;opacity:.82}.security-card-heading{display:flex;align-items:center;gap:11px}.security-heading-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#047857;background:#d1fae5;flex:0 0 auto}.security-card-heading h3{margin:0;color:#0f172a;font-size:14px;font-weight:800;letter-spacing:-.01em}.security-card-heading p{margin:3px 0 0;color:#64748b;font-size:11px;line-height:1.4}.security-status{margin-left:auto;border-radius:999px;padding:5px 9px;background:#e2e8f0;color:#64748b;font-size:10px;font-weight:800}.security-status.active{background:#dcfce7;color:#15803d}.security-toggle-row{appearance:none;width:100%;border:1px solid #e2e8f0;border-radius:14px;background:#ffffffdb;margin-top:16px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;transition:.2s ease}.security-toggle-row:hover{border-color:#86efac;transform:translateY(-1px)}.security-toggle-row.is-on{border-color:#86efac;box-shadow:0 6px 18px #16a34a14}.security-toggle-row.is-disabled{cursor:not-allowed}.security-toggle-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eff6ff;color:#2563eb;flex:0 0 auto}.security-toggle-icon.amber{background:#fff7ed;color:#d97706}.security-toggle-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.security-toggle-copy strong{color:#1e293b;font-size:12px;font-weight:800}.security-toggle-copy small{color:#64748b;font-size:10px;line-height:1.35}.security-switch{margin-left:auto;width:38px;height:22px;padding:3px;background:#cbd5e1;border-radius:999px;transition:.2s;flex:0 0 auto}.security-switch span{width:16px;height:16px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a2e;transition:.2s}.security-switch.is-on{background:#16a34a}.security-switch.is-on span{transform:translateX(16px)}.security-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.security-option-block{padding:13px;border-radius:14px;border:1px solid #dcfce7;background:#ffffffe6}.security-option-title{display:flex;align-items:center;gap:7px;color:#166534;font-size:11px;font-weight:800}.security-option-title em{margin-left:auto;font-size:9px;font-style:normal;font-weight:700}.security-date-grid{display:grid;gap:9px;margin-top:11px}.security-date-grid label{display:grid;gap:5px;color:#64748b;font-size:10px;font-weight:700}.security-date-grid input,.security-limit-input input,.security-password-input input{width:100%;border:1px solid #dbe5f0;border-radius:9px;background:#fff;color:#1e293b;font:inherit;font-size:11px;outline:none}.security-date-grid input{padding:8px}.security-date-grid input:focus,.security-limit-input input:focus,.security-password-input:focus-within{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.security-note{display:flex;align-items:flex-start;gap:5px;margin:10px 0 0;color:#64748b;font-size:10px;line-height:1.45}.security-note svg{margin-top:1px;color:#16a34a;flex:0 0 auto}.security-limit-input{display:flex;align-items:center;gap:7px;margin-top:12px}.security-limit-input input{padding:9px 10px}.security-limit-input span{color:#64748b;font-size:10px;font-weight:700;white-space:nowrap}.security-options>.security-toggle-row{grid-column:1/-1;margin-top:0}.security-password-block{grid-column:1/-1}.security-password-input{display:flex;align-items:center;margin-top:11px;border-radius:9px;background:#fff;border:1px solid #dbe5f0;overflow:hidden}.security-password-input input{border:0;padding:10px}.security-password-input button{width:40px;border:0;background:#0000;color:#64748b;display:grid;place-items:center;cursor:pointer}.security-unavailable{margin-top:14px;padding:11px 12px;border-radius:11px;background:#fff;border:1px dashed #cbd5e1;color:#64748b;font-size:11px;line-height:1.5}.design-intro-card{display:flex;align-items:center;gap:12px;padding:17px;margin-bottom:16px;border:1px solid #bfdbfe;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff 65%)}.design-intro-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#1d4ed8;background:#dbeafe;flex:0 0 auto}.design-intro-card span{color:#2563eb;font-size:9px;font-weight:900;letter-spacing:.1em}.design-intro-card h2{margin:3px 0;color:#0f172a;font-size:15px;line-height:1.25}.design-intro-card p{margin:0;color:#64748b;font-size:11px}.design-live-badge{display:flex;align-items:center;gap:6px;margin-left:auto;color:#15803d;font-size:10px;font-weight:800;white-space:nowrap}.design-live-badge span{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.design-preset-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 1px 10px;color:#2563eb}.design-preset-heading h3{margin:0;color:#1e293b;font-size:13px}.design-preset-heading p{margin:3px 0 0;color:#94a3b8;font-size:10px}.design-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.design-preset-card{position:relative;border:1px solid #dbe5f0;border-radius:14px;padding:11px;display:flex;align-items:center;gap:9px;background:#fff;text-align:left;cursor:pointer;transition:.18s}.design-preset-card:hover{border-color:#93c5fd;transform:translateY(-1px)}.design-preset-card.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 7px 16px #2563eb1a}.design-preset-card>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.design-preset-card strong{color:#1e293b;font-size:11px}.design-preset-card small{color:#64748b;font-size:9px}.design-preset-card i{position:absolute;right:9px;top:8px;color:#2563eb;font-size:12px;font-style:normal;font-weight:900}.design-preset-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;flex:0 0 auto}.design-preset-icon.classic{background:#e2e8f0;color:#0f172a}.design-preset-icon.soft{background:#dbeafe;color:#2563eb}.design-preset-icon.contrast{background:#dcfce7;color:#15803d}.design-preset-icon.minimal{background:#f1f5f9;color:#475569}.design-detail-divider{display:flex;align-items:center;gap:10px;margin:19px 0 10px;color:#94a3b8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.design-detail-divider:after,.design-detail-divider:before{content:"";height:1px;background:#e2e8f0;flex:1}@media (max-width:600px){.security-options{grid-template-columns:1fr}.security-options>.security-toggle-row,.security-password-block{grid-column:auto}.design-intro-card{align-items:flex-start}.design-live-badge{display:none}.security-card{padding:14px}}.step3-intro{margin:0 0 16px}.step3-intro h2{margin:0;color:#1e293b;font-size:18px;font-weight:600;letter-spacing:0}.step3-intro p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.5}.security-card,.security-card-muted,.security-card.is-enabled{font-family:inherit;padding:16px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;box-shadow:none;opacity:1}.security-card.is-enabled{border-color:#86efac}.security-card-heading h3{font-size:15px;font-weight:600;letter-spacing:0}.security-card-heading p{font-size:12px}.security-heading-icon{width:36px;height:36px;border-radius:10px}.security-status{display:none}.security-toggle-row{margin-top:14px;padding:12px;border-radius:10px;box-shadow:none}.security-toggle-row:hover{transform:none;background:#f8fafc}.security-toggle-copy strong{font-size:13px;font-weight:600}.security-toggle-copy small{font-size:11px}.security-options{grid-template-columns:1fr;gap:10px;margin-top:10px}.security-option-block{padding:14px;border-color:#e2e8f0;border-radius:10px;background:#fff}.security-option-title{color:#334155;font-size:12px;font-weight:600}.security-option-title em{color:#94a3b8;font-size:10px;font-weight:400}.security-date-grid{grid-template-columns:1fr 1fr;gap:10px}.security-date-grid label{font-size:11px;font-weight:500}.security-date-grid input,.security-limit-input input,.security-password-input input{font-size:12px}.security-note{font-size:11px}.security-options>.security-toggle-row{grid-column:auto}.security-unavailable{font-size:12px;border-radius:10px}@media (max-width:600px){.security-date-grid{grid-template-columns:1fr}}.security-card.is-enabled{border-color:#bfdbfe}.security-card.is-expanded{border-color:#93c5fd}.security-disclosure{appearance:none;width:100%;padding:0;border:0;background:#0000;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;font:inherit}.security-disclosure-copy{min-width:0;display:grid;gap:3px}.security-disclosure-copy strong{color:#1e293b;font-size:15px;font-weight:600}.security-disclosure-copy small{color:#64748b;font-size:12px;line-height:1.4}.security-disclosure-action{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:#2563eb;font-size:12px;font-weight:600}.security-disclosure-action svg{transition:transform .18s ease}.security-disclosure-action svg.is-open{transform:rotate(180deg)}.security-heading-icon{color:#2563eb;background:#eff6ff}.security-toggle-row.is-on,.security-toggle-row:hover{border-color:#93c5fd;box-shadow:none}.security-switch.is-on{background:#2563eb}.security-toggle-icon.amber{background:#eff6ff;color:#2563eb}.security-option-title{color:#1e40af}.security-option-block{border-color:#dbeafe;background:#fbfdff}.security-note svg{color:#2563eb}.security-date-grid{margin-top:12px}.security-date-grid label{gap:6px}.security-date-label{color:#475569;font-size:11px;font-weight:600}.security-date-input{display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #dbe5f0;border-radius:9px;background:#fff;color:#2563eb}.security-date-input:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61f}.security-date-grid .security-date-input input{min-width:0;padding:9px 0;border:0;box-shadow:none}.release-notes-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px;background:#0f172a85;backdrop-filter:blur(3px)}.release-notes-modal{position:relative;width:min(100%,440px);padding:28px;border:1px solid #dbeafe;border-radius:18px;background:#fff;box-shadow:0 24px 70px #0f172a42}.release-notes-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:9px;display:grid;place-items:center;color:#64748b;background:#f8fafc;cursor:pointer}.release-notes-eyebrow{display:inline-flex;padding:6px 9px;border-radius:999px;color:#1d4ed8;background:#eff6ff;font-size:11px;font-weight:600}.release-notes-modal h2{margin:14px 0 7px;color:#0f172a;font-size:22px;line-height:1.22;font-weight:650}.release-notes-modal>p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.release-notes-list{display:grid;gap:10px;padding:0;margin:20px 0;list-style:none}.release-notes-list li{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #e2e8f0;border-radius:11px;background:#fbfdff}.release-notes-list li>span{width:25px;height:25px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;color:#1d4ed8;background:#dbeafe;font-size:11px;font-weight:700}.release-notes-list div{display:grid;gap:2px}.release-notes-list strong{color:#334155;font-size:13px;font-weight:600}.release-notes-list small{color:#64748b;font-size:11px;line-height:1.35}.release-notes-confirm{width:100%;padding:12px 14px;border:0;border-radius:10px;color:#fff;background:#2563eb;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.release-notes-confirm:hover{background:#1d4ed8}@media (max-width:600px){.release-notes-modal{padding:24px 18px 18px;border-radius:15px}.release-notes-modal h2{font-size:20px}}.download-start-over-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:11px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:9px;color:#2563eb;background:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.download-start-over-btn:hover{border-color:#60a5fa;background:#eff6ff}@keyframes qr-actions-flash{0%,to{box-shadow:0 0 0 0 #2563eb14;opacity:1}50%{box-shadow:0 0 0 6px #2563eb29;opacity:.62}}