@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-hsl:220, 30%, 5%;--panel-bg-hsl:220, 24%, 9%;--bg:hsl(var(--bg-hsl));--panel-bg:hsla(var(--panel-bg-hsl), .7);--panel-bg-solid:hsl(var(--panel-bg-hsl));--primary-hsl:150, 100%, 50%;--primary:hsl(var(--primary-hsl));--primary-glow:hsla(var(--primary-hsl), .25);--primary-hover:#00db6e;--secondary-hsl:210, 100%, 56%;--secondary:hsl(var(--secondary-hsl));--secondary-glow:hsla(var(--secondary-hsl), .25);--accent-hsl:180, 100%, 48%;--accent:hsl(var(--accent-hsl));--text-hsl:210, 40%, 98%;--text:hsl(var(--text-hsl));--text-muted:#a9afbc;--text-inv:#090b11;--border-hsl:220, 15%, 15%;--border:hsl(var(--border-hsl));--border-glow:#ffffff14;--success:#06e090;--error:#f4256a;--warning:#ffa31a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 20px 25px -5px #0006, 0 10px 10px -5px #0003;--shadow-glow:0 0 30px hsla(var(--primary-hsl), .15);--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275)}:root[data-palette=sunset]{--bg-hsl:250, 24%, 6%;--panel-bg-hsl:250, 18%, 11%;--primary-hsl:267, 100%, 65%;--primary-hover:#8929ff;--secondary-hsl:18, 100%, 58%;--text-muted:#aca9bc;--text-inv:#0d0c13;--border-hsl:250, 15%, 18%}:root[data-palette=rosegold]{--bg-hsl:340, 15%, 5%;--panel-bg-hsl:20, 10%, 10%;--primary-hsl:350, 75%, 68%;--primary-hover:#e6516a;--secondary-hsl:32, 95%, 55%;--text-muted:#bfb5b0;--text-inv:#0f0b0c;--border-hsl:20, 10%, 16%}:root[data-palette=monochrome]{--bg-hsl:215, 28%, 6%;--panel-bg-hsl:215, 20%, 11%;--primary-hsl:210, 15%, 88%;--primary-hover:#c4ccd4;--secondary-hsl:215, 20%, 55%;--text-muted:#a4acb7;--text-inv:#0b0f14;--border-hsl:215, 15%, 17%}:root.light-mode{--bg-hsl:210, 30%, 98%;--panel-bg-hsl:0, 0%, 100%;--bg:hsl(var(--bg-hsl));--panel-bg:#fffc;--panel-bg-solid:#fff;--primary-hsl:155, 85%, 35%;--primary:hsl(var(--primary-hsl));--primary-glow:hsla(var(--primary-hsl), .12);--primary-hover:#0b8954;--secondary-hsl:210, 85%, 45%;--secondary:hsl(var(--secondary-hsl));--secondary-glow:hsla(var(--secondary-hsl), .12);--text-hsl:220, 30%, 5%;--text:hsl(var(--text-hsl));--text-muted:#656e81;--text-inv:#fff;--border-hsl:210, 20%, 88%;--border:hsl(var(--border-hsl));--border-glow:#00000008;--shadow-lg:0 20px 25px -5px #00000014, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 30px hsla(var(--primary-hsl), .06)}:root.light-mode[data-palette=sunset]{--bg-hsl:250, 30%, 98%;--primary-hsl:267, 90%, 55%;--primary-hover:#6f0ce9;--secondary-hsl:18, 90%, 50%;--text-hsl:250, 24%, 6%;--text-muted:#6b677e;--border-hsl:250, 20%, 88%}:root.light-mode[data-palette=rosegold]{--bg-hsl:32, 40%, 98%;--primary-hsl:350, 65%, 52%;--primary-hover:#bd2841;--secondary-hsl:32, 85%, 42%;--text-hsl:340, 25%, 10%;--text-muted:#847462;--border-hsl:32, 25%, 88%}:root.light-mode[data-palette=monochrome]{--bg-hsl:215, 18%, 97%;--primary-hsl:215, 25%, 22%;--primary-hover:#1d2530;--secondary-hsl:215, 15%, 48%;--text-hsl:215, 28%, 6%;--text-muted:#6c7889;--border-hsl:215, 20%, 86%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;filter:blur(120px);opacity:.25;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}body:before{background:radial-gradient(circle, var(--primary) 0%, transparent 70%);top:-100px;right:-50px}body:after{background:radial-gradient(circle, var(--secondary) 0%, transparent 70%);bottom:-100px;left:-50px}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input,select,textarea,button{color:inherit;background:0 0;border:none;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{outline:none}.panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #8a4bf333}50%{box-shadow:0 0 25px #8a4bf366}}.glow-btn:hover{animation:2s ease-in-out infinite pulseGlow}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.app-wrapper{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-header{border-bottom:1px solid var(--border);background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);z-index:50;transition:var(--transition);position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--text-inv);width:40px;height:40px;box-shadow:0 4px 12px hsla(var(--primary-hsl), .3);border-radius:10px;justify-content:center;align-items:center;display:flex}.brand-logo-text{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.nav-tabs{gap:.5rem;display:flex}.nav-tab{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:1px solid #0000;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;display:flex}.nav-tab:hover{background:var(--border-glow);color:var(--primary)}.nav-tab.active{background:var(--primary-glow);color:var(--primary);border-color:hsla(var(--primary-hsl), .2)}.header-actions{align-items:center;gap:1rem;display:flex}.theme-toggle-btn{background:var(--border-glow);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;transition:var(--transition);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{color:var(--primary);border-color:var(--primary);transform:rotate(15deg)}.palette-picker-container{background:var(--border-glow);border:1px solid var(--border);border-radius:9999px;align-items:center;gap:.5rem;height:36px;padding:.35rem .65rem;display:flex}.palette-dot-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s,border-color .2s;position:relative}.palette-dot-btn:hover{transform:scale(1.25)}.palette-dot-btn.active{border-color:var(--text);box-shadow:0 0 10px var(--primary);transform:scale(1.15)}.emerald-dot{background:linear-gradient(135deg,#00ff87,#0c9)}.sunset-dot{background:linear-gradient(135deg,#913dff,#ff5e26)}.rosegold-dot{background:linear-gradient(135deg,#f07f90,#ff901a)}.monochrome-dot{background:linear-gradient(135deg,#e2e8f0,#718096)}body,header,.panel,input,select,button,svg,a,div,.nav-tab{transition:background-color .4s,border-color .4s,color .4s,box-shadow .4s,transform .3s}.app-main{flex:1;padding:1.25rem 0}.generator-layout,.scanner-layout{grid-template-columns:1.35fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=1024px){.generator-layout,.scanner-layout{grid-template-columns:1fr}}.options-panel,.scanner-viewport-panel{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.preview-panel,.scan-result-panel{position:sticky;top:96px}.type-selector{background:var(--border-glow);border-radius:var(--radius-sm);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:.5rem;padding:.4rem;display:grid}.type-btn{border-radius:calc(var(--radius-sm) - 4px);cursor:pointer;transition:var(--transition);color:var(--text-muted);border:1px solid #0000;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;font-size:.8rem;font-weight:700;display:flex}.type-btn.tab-link svg{stroke:#3b82f6}.type-btn.tab-wifi svg{stroke:#10b981}.type-btn.tab-pdf svg{stroke:#ef4444}.type-btn.tab-image svg{stroke:#f97316}.type-btn.tab-video svg{stroke:#8b5cf6}.type-btn.tab-business svg{stroke:#06b6d4}.type-btn.tab-menu svg{stroke:#eab308}.type-btn.tab-mp3 svg{stroke:#ec4899}.type-btn.tab-links svg{stroke:#14b8a6}.type-btn:hover{background:var(--panel-bg-solid);transform:translateY(-1px)}.type-btn.active{background:var(--panel-bg-solid);box-shadow:var(--shadow-sm)}.type-btn.tab-link:hover,.type-btn.tab-link.active{color:#3b82f6;border-color:#3b82f633}.type-btn.tab-wifi:hover,.type-btn.tab-wifi.active{color:#10b981;border-color:#10b98133}.type-btn.tab-pdf:hover,.type-btn.tab-pdf.active{color:#ef4444;border-color:#ef444433}.type-btn.tab-image:hover,.type-btn.tab-image.active{color:#f97316;border-color:#f9731633}.type-btn.tab-video:hover,.type-btn.tab-video.active{color:#8b5cf6;border-color:#8b5cf633}.type-btn.tab-business:hover,.type-btn.tab-business.active{color:#06b6d4;border-color:#06b6d433}.type-btn.tab-menu:hover,.type-btn.tab-menu.active{color:#eab308;border-color:#eab30833}.type-btn.tab-mp3:hover,.type-btn.tab-mp3.active{color:#ec4899;border-color:#ec489933}.type-btn.tab-links:hover,.type-btn.tab-links.active{color:#14b8a6;border-color:#14b8a633}.settings-navigation{border-bottom:1px solid var(--border);display:flex}.nav-tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:600;display:flex}.nav-tab-btn:hover{color:var(--text)}.nav-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-muted);font-size:.9rem;font-weight:600}.styled-input,.styled-select{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--text);transition:var(--transition);padding:0 1rem;font-size:.95rem}.styled-input:focus,.styled-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.help-text{color:var(--text-muted);font-size:.8rem}.password-input-wrapper{width:100%;position:relative}.pr-12{padding-right:3rem}.password-toggle-btn{color:var(--text-muted);cursor:pointer;align-items:center;padding:.5rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--primary)}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.checkbox-container-row{flex-direction:row;align-items:center;height:48px}.checkbox-styled-label{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.checkbox-styled-label:before{content:"";border:2px solid var(--border);width:18px;height:18px;transition:var(--transition);background:var(--panel-bg-solid);border-radius:4px;display:inline-block}input:checked+.checkbox-styled-label:before{border-color:var(--primary);background:var(--primary)}.file-uploader-wrapper{flex-direction:column;display:flex}.uploader-title{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);background:#ffffff03;padding:2.5rem}.dropzone:hover,.dropzone.drag-active{border-color:var(--primary);background:var(--primary-glow)}.dropzone.uploaded{border-color:var(--success);background:#10b98108}.dropzone-label{cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-icon{color:var(--text-muted);transition:var(--transition)}.dropzone:hover .upload-icon{color:var(--primary);transform:translateY(-4px)}.bold-text{font-size:.95rem;font-weight:600}.light-text{color:var(--text-muted);font-size:.8rem}.primary-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--text-inv);border-radius:var(--radius-sm);cursor:pointer;min-height:48px;transition:var(--transition-bounce);box-shadow:0 4px 15px hsla(var(--primary-hsl), .2);justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-weight:600;display:flex}.primary-btn:hover{box-shadow:0 6px 20px hsla(var(--primary-hsl), .3);transform:translateY(-2px)}.secondary-btn{background:var(--border-glow);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;min-height:48px;transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-weight:600;display:flex}.secondary-btn:hover{background:var(--border);border-color:var(--text-muted)}.danger-btn{color:var(--error);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #e8304f4d;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:600;display:flex}.danger-btn:hover{border-color:var(--error);background:#e8304f1a}.w-full{width:100%}.mt-4{margin-top:1rem}.upload-progress-container{flex-direction:column;gap:.4rem;margin-top:1.25rem;display:flex}.progress-info{justify-content:space-between;font-size:.85rem;font-weight:600;display:flex}.progress-bar-bg{background:var(--border);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:3px;height:100%;transition:width .2s}.upload-success-panel{border-radius:var(--radius-sm);text-align:center;background:#10b9810d;border:1px solid #10b98133;flex-direction:column;align-items:center;margin-top:1.25rem;padding:.75rem;display:flex}.success-icon{color:var(--success);margin-bottom:.25rem}.success-msg{color:var(--success);font-size:.9rem;font-weight:600}.success-sub{color:var(--text-muted);font-size:.75rem}.panel-subsection h3{color:var(--text);letter-spacing:.5px;text-transform:uppercase;margin-bottom:.75rem;font-size:.95rem;font-weight:700}.color-picker-input-wrapper{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-bg-solid);grid-template-columns:40px 1fr;min-height:48px;display:grid;overflow:hidden}.color-picker-input{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0}.color-hex-input{text-transform:uppercase;width:100%;color:var(--text);padding-left:.5rem;font-size:.9rem;font-weight:600}.slider-label-row{color:var(--text-muted);justify-content:space-between;font-size:.85rem;font-weight:600;display:flex}.styled-slider{-webkit-appearance:none;background:var(--border);border-radius:3px;outline:none;width:100%;height:6px;margin:10px 0}.styled-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:18px;height:18px;transition:var(--transition);border-radius:50%;box-shadow:0 0 5px #0003}.styled-slider::-webkit-slider-thumb:hover{background:var(--secondary);transform:scale(1.2)}.logo-upload-box{align-items:center;gap:1rem;display:flex}.logo-upload-label{border:1px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;min-height:52px;transition:var(--transition);background:#ffffff03;flex:1;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.logo-upload-label:hover{border-color:var(--primary);background:var(--primary-glow)}.upload-icon-small{color:var(--text-muted)}.logo-preview-badge{align-items:center;gap:.5rem;display:flex}.logo-preview-badge img{object-fit:contain;border:1px solid var(--border);border-radius:4px;width:28px;height:28px}.logo-remove-btn{border-radius:var(--radius-sm);color:var(--error);cursor:pointer;transition:var(--transition);border:1px solid #e8304f33;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.logo-remove-btn:hover{background:#e8304f0d}.border-top{border-top:1px solid var(--border)}.phone-mockup{justify-content:center;align-items:center;width:100%;display:flex}.phone-bezel{box-sizing:border-box;background:#09090b;border-radius:46px;width:300px;height:560px;padding:10px;position:relative;box-shadow:0 20px 50px -12px #000000a6,inset 0 0 3px 2px #ffffff2e,0 0 0 1px #ffffff14,0 0 0 4px #252528,0 0 0 6px #161618}.phone-speaker{z-index:30;background:#2a2a2a;border-radius:2px;width:42px;height:2.5px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.phone-button-silent,.phone-button-vol-up,.phone-button-vol-down,.phone-button-power{z-index:-2;background:#2b2b2e;border-radius:2px;position:absolute;box-shadow:inset 1px 0 2px #ffffff1a,0 2px 4px #00000080}.phone-button-silent{width:2.5px;height:14px;top:85px;left:-6.5px}.phone-button-vol-up{width:2.5px;height:32px;top:125px;left:-6.5px}.phone-button-vol-down{width:2.5px;height:32px;top:167px;left:-6.5px}.phone-button-power{width:2.5px;height:44px;top:140px;right:-6.5px}.phone-island{z-index:25;background:#000;border-radius:10px;width:86px;height:20px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 2px #fff3}.phone-island:before{content:"";background:#08081f;border:1px solid #111;border-radius:50%;width:6.5px;height:6.5px;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:inset 0 0 3px #ffffff4d}.phone-island:after{content:"";opacity:.8;background:#0f6;border-radius:50%;width:2.5px;height:2.5px;position:absolute;top:50%;right:24px;transform:translateY(-50%);box-shadow:0 0 3px #0f6}.phone-status-bar{height:20px;color:var(--text-muted);z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:0 8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:15px;left:20px;right:20px}.phone-time{letter-spacing:-.1px}.phone-icons{align-items:center;gap:4px;display:flex}.phone-signal{align-items:flex-end;gap:1.5px;height:7px;display:flex}.phone-signal .bar{background:var(--text-muted);opacity:.3;border-radius:.5px;width:1.5px}.phone-signal .bar1{height:25%}.phone-signal .bar2{height:50%}.phone-signal .bar3{height:75%}.phone-signal .bar4{background:var(--primary);opacity:1;height:100%}.phone-wifi{opacity:.8;align-items:center;display:flex}.phone-battery-text{opacity:.8;margin-right:.5px;font-size:8px}.phone-battery-icon{align-items:center;display:flex}.phone-battery-icon .battery-body{border:1px solid var(--text-muted);box-sizing:border-box;border-radius:2px;width:14px;height:8px;padding:.5px;display:flex}.phone-battery-icon .battery-level{background:var(--text-muted);border-radius:.5px;flex:1;width:75%;height:100%}.phone-battery-icon .battery-terminal{background:var(--text-muted);border-top-right-radius:.5px;border-bottom-right-radius:.5px;width:1px;height:2.5px;margin-left:.5px}.phone-screen{background:radial-gradient(circle at top right, hsla(var(--primary-hsl), .12), transparent 60%), radial-gradient(circle at bottom left, hsla(var(--secondary-hsl), .12), transparent 60%), var(--panel-bg-solid);border:1px solid var(--border);box-sizing:border-box;width:100%;height:100%;transition:var(--transition);border-radius:38px;flex-direction:column;padding:38px 1rem 16px;display:flex;position:relative;overflow:hidden}.phone-screen:before{content:"";pointer-events:none;z-index:15;background:linear-gradient(115deg,#ffffff0d 0%,#ffffff05 25%,#0000 35%);width:200%;height:100%;position:absolute;top:0;left:0}.phone-app-header{text-align:center;border-bottom:1px solid var(--border-glow);margin-bottom:1rem;padding:.4rem 0}.phone-app-title{letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.72rem;font-weight:850}.phone-qr-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.phone-qr-body .qr-container-outer{border-radius:var(--radius-md);aspect-ratio:1;background:#fff;justify-content:center;align-items:center;width:100%;max-width:180px;padding:1rem;display:flex;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a}.phone-qr-body .qr-container-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.phone-qr-body .qr-container-inner svg,.phone-qr-body .qr-container-inner canvas{width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important}.phone-qr-body .preview-label{text-align:center;flex-direction:column;gap:.15rem;width:100%;display:flex}.phone-qr-body .preview-label .label-bold{word-break:break-all;font-size:.85rem;font-weight:700}.phone-qr-body .preview-label .label-url{color:var(--text-muted);max-width:100%;font-size:.7rem}.phone-home-indicator{background:var(--text-muted);opacity:.35;border-radius:1.5px;width:80px;height:3.5px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.preview-actions-panel{flex-direction:column;align-items:center;width:100%;padding:1.5rem;display:flex}.result-card{text-align:center;flex-direction:column;align-items:center;padding:2rem;display:flex}.preview-badge,.result-badge{background:var(--primary-glow);color:var(--primary);border:1px solid hsla(var(--primary-hsl), .2);text-transform:uppercase;letter-spacing:.5px;border-radius:12px;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700}.text-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:210px;margin:0 auto;overflow:hidden}.action-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;display:grid}.action-icon-btn{background:var(--border-glow);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:var(--transition);flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .25rem;font-size:.8rem;font-weight:600;display:flex}.action-icon-btn:hover{background:var(--border);color:var(--primary);border-color:var(--primary)}.text-success{color:var(--success)}.download-section{width:100%}.download-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));width:100%;min-height:48px;color:var(--text-inv);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:flex;position:relative}.download-menu{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-lg);z-index:10;flex-direction:column;margin-bottom:.5rem;display:none;position:absolute;bottom:100%;left:0;overflow:hidden}.download-primary:hover .download-menu,.download-menu:hover{display:flex}.download-menu button{text-align:left;width:100%;color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.download-menu button:hover{background:var(--border-glow);color:var(--primary)}.camera-scan-container{flex-direction:column;gap:1rem;width:100%;display:flex}.camera-controls-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.camera-select-wrapper{flex:1}.styled-select-mini{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--text);padding:0 .75rem;font-size:.85rem;font-weight:600}.scan-toggle-control-btn{border-radius:var(--radius-sm);cursor:pointer;min-height:40px;transition:var(--transition);align-items:center;gap:.4rem;padding:0 1rem;font-size:.85rem;font-weight:700;display:flex}.scan-toggle-control-btn.start{background:var(--primary-glow);border:1px solid hsla(var(--primary-hsl), .2);color:var(--primary)}.scan-toggle-control-btn.stop{color:var(--error);background:#e8304f1a;border:1px solid #e8304f33}.viewport-wrapper-outer{aspect-ratio:4/3;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-md);background:#000;position:relative;overflow:hidden}.viewport-screen{width:100%;height:100%}.viewport-screen video{object-fit:cover!important;width:100%!important;height:100%!important}.viewport-placeholder{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.viewport-placeholder.success-state{color:var(--success);background:#10b98105}.placeholder-icon{color:var(--text-muted)}.placeholder-icon.success{color:var(--success)}.viewport-aiming-reticle{pointer-events:none;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.viewport-aiming-reticle .corner{border:4px solid var(--primary);width:24px;height:24px;position:absolute}.viewport-aiming-reticle .top-left{border-bottom:none;border-right:none;border-top-left-radius:8px;top:15%;left:15%}.viewport-aiming-reticle .top-right{border-bottom:none;border-left:none;border-top-right-radius:8px;top:15%;right:15%}.viewport-aiming-reticle .bottom-left{border-top:none;border-right:none;border-bottom-left-radius:8px;bottom:15%;left:15%}.viewport-aiming-reticle .bottom-right{border-top:none;border-left:none;border-bottom-right-radius:8px;bottom:15%;right:15%}@keyframes scanLaser{0%,to{top:16%}50%{top:83%}}.laser-line{background:linear-gradient(90deg, transparent, var(--primary), transparent);width:70%;height:3px;box-shadow:0 0 8px var(--primary);z-index:10;animation:2.5s linear infinite scanLaser;position:absolute}.scanner-toggle-tabs{background:var(--border-glow);border-radius:var(--radius-sm);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.5rem;padding:.3rem;display:grid}.scanner-toggle-tabs .tab-btn{border-radius:calc(var(--radius-sm) - 4px);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:600;display:flex}.scanner-toggle-tabs .tab-btn.active{background:var(--panel-bg-solid);color:var(--primary);box-shadow:var(--shadow-sm)}.file-scan-container{flex-direction:column;display:flex}.file-input-wrapper-scan{border:2px dashed var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);padding:4rem 2rem}.file-input-wrapper-scan:hover{border-color:var(--primary);background:var(--primary-glow)}.file-drop-label{cursor:pointer;flex-direction:column;align-items:center;gap:.75rem;display:flex}.scanner-error-panel{color:var(--error);border-radius:var(--radius-sm);background:#e8304f0d;border:1px solid #e8304f33;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.result-content-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.result-data-box{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;word-break:break-all;max-width:100%;padding:1.25rem;box-shadow:inset 0 2px 4px #00000005}.formatted-wifi-result{flex-direction:column;gap:.5rem;font-size:.95rem;display:flex}.formatted-wifi-result p{border-bottom:1px solid var(--border-glow);padding-bottom:.4rem}.formatted-wifi-result p:last-child{border-bottom:none;padding-bottom:0}.raw-text-content{font-family:var(--font-sans);white-space:pre-wrap;font-size:.95rem}.result-actions-grid{gap:1rem;width:100%;display:flex}.no-underline{text-decoration:none}.result-empty-state{color:var(--text-muted);flex-direction:column;align-items:center;padding:3rem 1.5rem;display:flex}.empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:1rem}.empty-title{color:var(--text);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.empty-sub{font-size:.85rem;line-height:1.4}.history-panel-layout{flex-direction:column;gap:1.25rem;display:flex}.history-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.search-wrapper{flex:1;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.styled-input-search{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text);transition:var(--transition);padding:0 1rem 0 2.75rem;font-size:.95rem}.styled-input-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.history-items-container{flex-direction:column;gap:1rem;display:flex}.history-row{transition:var(--transition);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.history-row:hover{border-color:hsla(var(--primary-hsl), .25);box-shadow:var(--shadow-glow)}.row-metadata{flex:1;align-items:flex-start;gap:1.25rem;min-width:0;display:flex}.icon-wrapper{border-radius:var(--radius-sm);background:var(--border-glow);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.type-icon.link{color:var(--primary)}.type-icon.wifi{color:var(--secondary)}.type-icon.pdf{color:var(--accent)}.type-icon.image{color:var(--success)}.type-icon.video{color:var(--warning)}.text-details{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.row-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;overflow:hidden}.row-data{color:var(--text-muted);word-break:break-all;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.meta-info{gap:1rem;margin-top:.25rem;display:flex}.meta-item{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;display:flex}.capitalize{text-transform:capitalize}.row-actions{gap:.5rem;display:flex}.row-action-btn{border-radius:var(--radius-sm);background:var(--panel-bg-solid);border:1px solid var(--border);cursor:pointer;min-height:38px;transition:var(--transition);align-items:center;gap:.4rem;padding:0 .75rem;font-size:.8rem;font-weight:700;display:flex}.row-action-btn:hover{background:var(--border-glow);color:var(--primary);border-color:var(--primary)}.row-action-btn.delete-btn{color:var(--error);border-color:#0000}.row-action-btn.delete-btn:hover{border-color:var(--error);background:#e8304f1a}.history-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;padding:5rem 2rem;display:flex}.app-footer{border-top:1px solid var(--border);text-align:center;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-muted);padding:2rem 0;font-size:.85rem}.footer-container{flex-direction:column;gap:.5rem;display:flex}.footer-link{color:var(--primary);transition:var(--transition);font-weight:600;text-decoration:none}.footer-link:hover{color:var(--secondary)}@media (width<=768px){.nav-tabs{background:var(--panel-bg-solid);border-top:1px solid var(--border);z-index:100;justify-content:space-around;width:100%;padding:.5rem;position:fixed;bottom:0;left:0}.nav-tab{flex-direction:column;gap:.2rem;padding:.5rem;font-size:.75rem}.app-header{position:static}.header-actions{gap:.5rem}.app-main{padding-bottom:5rem}.options-panel,.preview-actions-panel,.scanner-viewport-panel,.result-card{padding:1.25rem}.type-selector{grid-template-columns:repeat(3,1fr)}.action-grid{grid-template-columns:repeat(2,1fr)}.row-actions{border-top:1px solid var(--border-glow);justify-content:space-between;width:100%;margin-top:.75rem;padding-top:.75rem}.history-row{flex-direction:column;align-items:stretch;gap:.5rem}}.shortener-layout{grid-template-columns:1.35fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=1024px){.shortener-layout{grid-template-columns:1fr}}.shortener-input-panel{flex-direction:column;gap:1rem;padding:2rem;display:flex}.panel-title-text{color:var(--text);align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:800;display:flex}.panel-title-text .title-icon{color:var(--primary)}.panel-subtitle-text{color:var(--text-muted);font-size:.95rem;line-height:1.6}.error-banner{border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);background:#e8304f1a;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.error-banner .error-icon{flex-shrink:0}.shorten-result-card{background:var(--border-glow);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.short-url-output-box{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:.85rem 1rem;font-size:1.1rem;font-weight:600;display:flex}.short-url-link{color:var(--secondary);transition:var(--transition);text-decoration:none}.short-url-link:hover{text-shadow:0 0 8px var(--secondary-glow);opacity:.9}.history-card{padding:1.5rem}.history-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.title-with-badge{align-items:center;gap:.5rem;display:flex}.card-header-title{font-size:1.1rem;font-weight:700}.history-badge{background:var(--primary-glow);color:var(--primary);border:1px solid hsla(var(--primary-hsl), .2);border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.danger-btn-mini{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);border:1px solid #0000;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;font-weight:600;display:flex}.danger-btn-mini:hover{color:var(--error);background:#e8304f1a;border-color:#ef444433}.shortener-history-list{flex-direction:column;gap:.75rem;max-height:500px;padding-right:.25rem;display:flex;overflow-y:auto}.history-item-row{background:var(--border-glow);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.history-item-row:hover{border-color:hsla(var(--primary-hsl), .2);background:#ffffff05}.item-details{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.url-mapping{align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.short-link{color:var(--secondary);font-weight:700}.long-link{color:var(--text-muted);font-size:.8rem;font-weight:500}.arrow-icon{flex-shrink:0}.item-time{color:var(--text-muted);font-size:.75rem}.item-actions{align-items:center;gap:.35rem;display:flex}.mini-action-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}.mini-action-btn:hover{background:var(--border-glow);color:var(--text)}.mini-action-btn.copy:hover{color:var(--secondary);border-color:#00f2fe33}.mini-action-btn.open:hover,.mini-action-btn.qr:hover{color:var(--primary);border-color:#8a4bf333}.mini-action-btn.delete:hover{color:var(--error);background:#e8304f1a}.spinner{border:2px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:.5rem;animation:.8s linear infinite spin;display:inline-block}.spinner-mini{border:2px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:14px;height:14px;margin-right:.4rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.secondary-btn-mini{border-radius:var(--radius-sm);color:var(--text);border:1px solid var(--border);background:var(--border-glow);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.secondary-btn-mini:hover:not(:disabled){border-color:var(--primary);background:var(--panel-bg-solid)}.secondary-btn-mini:disabled{opacity:.5;cursor:not-allowed}.text-error{color:var(--error)}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.pt-4{padding-top:1rem}.border-t{border-top:1px solid var(--border)}.border-dashed{border-style:dashed}.scanner-shorten-section{flex-direction:column;gap:.75rem;display:flex}.scanner-shorten-result{background:var(--border-glow);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.result-label-mini{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.shorten-output-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.shortened-text{color:var(--secondary);font-size:.95rem;font-weight:700}.shorten-actions{align-items:center;gap:.25rem;display:flex}.mini-action-btn-styled{background:var(--panel-bg-solid);border:1px solid var(--border);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:4px;justify-content:center;align-items:center;display:flex}.mini-action-btn-styled:hover{color:var(--primary);border-color:var(--primary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;top:0;left:0}.modal-card{flex-direction:column;gap:1.25rem;width:100%;max-width:440px;padding:2.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideUp;display:flex;position:relative}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{background:var(--border-glow);color:var(--primary);transform:rotate(90deg)}.modal-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.modal-brand-logo{filter:drop-shadow(0 0 10px var(--primary-glow));margin-bottom:.5rem;font-size:2.25rem}.modal-title{letter-spacing:-.5px;color:var(--text);margin:0;font-size:1.5rem;font-weight:800}.modal-subtitle{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.5}.modal-tabs{background:var(--border-glow);border-radius:var(--radius-sm);border:1px solid var(--border);gap:.5rem;padding:.25rem;display:flex}.modal-tab-btn{cursor:pointer;border-radius:calc(var(--radius-sm) - 4px);color:var(--text-muted);transition:var(--transition);flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .5rem;font-size:.85rem;font-weight:700;display:flex}.modal-tab-btn.active{background:var(--panel-bg-solid);color:var(--primary);box-shadow:var(--shadow-sm)}.input-with-icon-wrapper{width:100%;position:relative}.input-field-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.styled-input-icon{background:var(--panel-bg-solid);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--text);transition:var(--transition);padding:0 1rem;font-size:.95rem}.styled-input-icon:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.styled-input-icon:focus+.input-field-icon{color:var(--primary)}.modal-footer-notes{color:var(--text-muted);text-align:center;border-top:1px solid var(--border-glow);padding-top:1.25rem;font-size:.775rem;line-height:1.5}.user-profile-menu-container{position:relative}.user-profile-btn{background:var(--border-glow);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;max-width:220px;color:var(--text);transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.9rem;font-weight:600;display:flex}.user-profile-btn:hover{border-color:var(--primary)}.user-avatar-mini{background:var(--primary-glow);width:24px;height:24px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-email-text{flex:1;font-weight:700}.chevron-icon{color:var(--text-muted);transition:var(--transition)}.chevron-icon.open{transform:rotate(180deg)}.user-dropdown-menu{z-index:100;flex-direction:column;gap:.25rem;width:240px;padding:.5rem;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:110%;right:0}.dropdown-user-info{border-bottom:1px solid var(--border-glow);flex-direction:column;margin-bottom:.25rem;padding:.6rem .75rem;display:flex}.dropdown-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.dropdown-value{color:var(--text);font-size:.9rem;font-weight:700}.dropdown-item-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition);text-align:left;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;font-size:.875rem;font-weight:600;display:flex}.dropdown-item-btn:hover{color:var(--text);background:var(--border-glow)}.dropdown-item-btn.danger-hover:hover{color:var(--error);background:#e8304f1a}.history-section-tabs{background:var(--border-glow);border-radius:var(--radius-sm);border:1px solid var(--border);gap:.5rem;margin-bottom:1.25rem;padding:.25rem;display:flex}.section-tab-btn{color:var(--text-muted);cursor:pointer;border-radius:calc(var(--radius-sm) - 4px);transition:var(--transition);flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem;font-size:.85rem;font-weight:700;display:flex}.section-tab-btn.active{background:var(--panel-bg-solid);color:var(--primary);box-shadow:var(--shadow-sm)}.optional-signin-banner{background:var(--primary-glow);border:1px solid hsla(var(--primary-hsl), .15);border-radius:var(--radius-sm);color:var(--primary);text-align:center;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;animation:.3s ease-out fadeIn}.mb-4{margin-bottom:1rem}.pl-10{padding-left:2.75rem}.action-icon-btn.account-save-btn-active{color:var(--secondary)}.action-icon-btn.account-save-btn-active:hover{color:var(--secondary);background:#00cbe60d;border-color:#00f2fe40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.redirect-page{text-align:center;background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.redirect-spinner{border-color:#ffffff1a;border-top-color:var(--primary);width:32px;height:32px;margin-right:0}.redirect-error-icon{color:var(--error)}.redirect-page h1{margin:0;font-size:1.4rem}.redirect-page p{color:var(--text-muted);max-width:32rem}.redirect-home-link{margin-top:.5rem;text-decoration:none;display:inline-flex}