@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--glass-bg:#ffffffb3;--glass-bg-hover:#ffffffe6;--glass-bg-active:#fff;--glass-border:#0f172a14;--glass-border-strong:#0f172a26;--glass-border-glow:#6366f140;--glass-highlight:#ffffff80;--output-surface-bg:linear-gradient(180deg, #fffffff5 0%, #f8fafceb 100%);--output-surface-border:#94a3b847;--output-surface-highlight:#ffffffe0;--output-surface-shadow:0 14px 32px #0f172a14, inset 0 1px 0 #ffffffc7;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#a855f7;--accent-gradient:linear-gradient(135deg, #9573ea, #ff4583 50%, #ff985e);--secondary-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--accent-glow:#6366f140;--accent-glow-strong:#6366f166;--cyan-accent:#0891b2;--cyan-glow:#0891b240;--emerald-accent:#059669;--emerald-glow:#05966940;--amber-accent:#d97706;--rose-accent:#e11d48;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a, 0 4px 6px #0000000a;--shadow-xl:0 20px 50px #0000001f, 0 8px 10px #0000000a;--shadow-glow:0 0 40px var(--accent-glow);--shadow-inner:inset 0 1px 0 #fff9;--blur-sm:8px;--blur-md:16px;--blur-lg:24px;--blur-xl:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg-primary:#050508;--bg-secondary:#0c0c12;--bg-tertiary:#131320;--bg-elevated:#1a1a2e;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff12;--glass-bg-active:#ffffff1a;--glass-border:#ffffff14;--glass-border-strong:#ffffff26;--glass-border-glow:#ffffff40;--glass-highlight:#ffffff1f;--output-surface-bg:linear-gradient(180deg, #111827e0 0%, #0f172ab8 100%);--output-surface-border:#94a3b833;--output-surface-highlight:#ffffff1f;--output-surface-shadow:0 18px 40px #02061773, inset 0 1px 0 #ffffff0f;--accent-primary:#818cf8;--accent-secondary:#a78bfa;--accent-tertiary:#c084fc;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--accent-glow:#818cf866;--accent-glow-strong:#818cf899;--cyan-accent:#22d3ee;--cyan-glow:#22d3ee59;--emerald-accent:#34d399;--emerald-glow:#34d39959;--amber-accent:#fbbf24;--rose-accent:#fb7185;--text-primary:#fffffff2;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--text-muted:#ffffff59;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 48px #0009;--shadow-xl:0 24px 64px #000000b3;--shadow-glow:0 0 60px var(--accent-glow);--shadow-inner:inset 0 1px 0 var(--glass-highlight);--blur-sm:10px;--blur-md:20px;--blur-lg:30px;--blur-xl:50px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(100% 80% at 10% 0,#6366f114 0%,#0000 50%),radial-gradient(80% 60% at 90% 20%,#a855f70f 0%,#0000 45%),radial-gradient(70% 50% at 50% 100%,#22d3ee0a 0%,#0000 40%);position:fixed;inset:0}[data-theme=dark] body:before{background:radial-gradient(100% 80% at 10% 0,#6366f12e 0%,#0000 50%),radial-gradient(80% 60% at 90% 20%,#a855f724 0%,#0000 45%),radial-gradient(70% 50% at 50% 100%,#22d3ee1a 0%,#0000 40%)}body:after{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#00000004 1px,#0000 1px),linear-gradient(90deg,#00000004 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}[data-theme=dark] body:after{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px)}main{z-index:1;min-height:calc(100vh - 180px);padding-top:4em;position:relative}.bg-gradient-secondary{background:var(--secondary-gradient)!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:clamp(1.1rem,2.5vw,1.35rem)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}code{font-family:var(--font-mono);background:var(--glass-bg);border-radius:var(--radius-sm);color:var(--cyan-accent);padding:.2em .5em;font-size:.9em}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-muted{color:var(--text-tertiary)}.tool-page-header-icon{width:64px;height:64px;box-shadow:var(--shadow-md);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.tool-page-header-icon svg{color:#fff;width:28px;height:28px}.xt-toast{background:var(--glass-bg)!important;color:var(--text-primary)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(12px)!important}.tool-visual-surface{color:#fff}.tool-visual-surface--red{background:linear-gradient(135deg,#ef4444,#dc2626)}.tool-visual-surface--red-bright{background:linear-gradient(135deg,#ff3b30,#dc2626)}.tool-visual-surface--violet{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.tool-visual-surface--violet-deep{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tool-visual-surface--cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.tool-visual-surface--emerald{background:linear-gradient(135deg,#10b981,#059669)}.tool-visual-surface--amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.tool-visual-surface--blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.tool-visual-surface--blue-deep{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.tool-visual-surface--pink{background:linear-gradient(135deg,#ec4899,#db2777)}.tool-visual-surface--pink-rose{background:linear-gradient(135deg,#ec4899,#f43f5e)}.tool-visual-surface--indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.tool-visual-surface--extensions-accent{color:#ef4444;background:linear-gradient(135deg,#ef444433,#f9731629);border:1px solid #ef44442e;box-shadow:0 18px 50px #ef444424}.tool-visual-surface--extensions-muted{color:#ef4444;background:linear-gradient(135deg,#ef444429,#f9731629);border:1px solid #ef444424}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--shadow-inner);transition:all var(--transition-base);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--glass-highlight), transparent);opacity:.7;height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong);box-shadow:var(--shadow-lg), var(--shadow-inner), 0 0 40px var(--accent-glow);transform:translateY(-4px)}.glass-card-static{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--shadow-inner)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-md)}.glass-input,input[type=text],input[type=url],input[type=number],input[type=email],input[type=password],input[type=date],input[type=datetime-local],select,textarea{-webkit-backdrop-filter:blur(var(--blur-sm));width:100%;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;font-size:1rem!important;font-family:var(--font-sans)!important;transition:all var(--transition-base)!important;outline:none!important;padding:14px 18px!important}.glass-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-tertiary)!important}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:18px!important;padding-right:48px!important}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important}select option{background:var(--bg-secondary);color:var(--text-primary);padding:12px}textarea{resize:vertical;min-height:120px;line-height:1.6}label{color:var(--text-secondary);font-size:.9rem;font-weight:500;display:block}input[type=color]{cursor:pointer;border-radius:var(--radius-md)!important;border:2px solid var(--glass-border)!important;background:0 0!important;width:56px!important;height:44px!important;padding:4px!important}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}.glass-btn,.btn,button:not(.header-menu-btn):not(.case-option-btn):not(.format-btn):not(.file-remove-btn):not(.clear-btn){font-size:.95rem;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--blur-sm));color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:14px 28px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.glass-btn:hover,.btn:hover,button:not(.header-menu-btn):not(.case-option-btn):not(.format-btn):not(.file-remove-btn):not(.clear-btn):hover{border-color:var(--glass-border-strong);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-2px)}.glass-btn:active,.btn:active,button:active{transform:translateY(0)}.glass-btn-primary,.glass-btn--primary,.btn-neon,.btn-gradient,.btn-get{background:var(--accent-gradient);box-shadow:var(--shadow-md), 0 0 30px var(--accent-glow);padding:14px 28px;color:#fff!important;border:none!important}.glass-btn-primary:hover,.glass-btn--primary:hover,.btn-neon:hover,.btn-gradient:hover,.btn-get:hover{transform:translateY(-3px)scale(1.02);box-shadow:var(--shadow-lg), 0 0 50px var(--accent-glow-strong)!important;color:#fff!important}.glass-btn-sm,.btn-sm{padding:10px 20px;font-size:.875rem}.glass-btn-lg,.glass-btn--large{padding:18px 36px;font-size:1.1rem}.glass-btn--danger-outline{border-color:#ef444480!important}.btn-danger{color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important}.btn-danger:hover{box-shadow:var(--shadow-lg), 0 0 30px #ef444466!important}.btn-warning{color:#000!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important}.btn-orange{color:#fff!important;background:linear-gradient(135deg,#f97316,#ea580c)!important;border:none!important}.btn-orange:hover{box-shadow:var(--shadow-lg), 0 0 30px #f9731666!important}.btn-mcd{-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));width:100%;transition:all var(--transition-base);align-items:center;gap:14px;font-weight:500;text-decoration:none;display:flex;background:var(--glass-bg)!important;color:var(--text-primary)!important;border:1px solid var(--glass-border)!important;border-left:4px solid var(--accent-primary)!important;border-radius:var(--radius-md)!important;padding:16px 24px!important}.btn-mcd:hover{transform:translate(6px);background:var(--glass-bg-hover)!important;border-left-color:var(--accent-secondary)!important;color:var(--text-primary)!important}.btn-mcd img{flex-shrink:0;width:28px;height:28px}.card-res,.neon-green{background:var(--glass-bg);width:fit-content;min-width:300px;max-width:100%;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));box-shadow:var(--shadow-lg), 0 0 40px var(--accent-glow);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-mono);word-break:break-all;border:1px solid #6366f14d;margin:12px auto;padding:20px 28px;font-size:1.1rem}.neon-green{box-shadow:var(--shadow-lg), 0 0 40px var(--emerald-glow);border-color:#05966966}.error-msg,.err-cont{color:var(--rose-accent);border-radius:var(--radius-md);text-align:center;background:#e11d4814;border:1px solid #e11d4866;width:fit-content;margin:12px auto;padding:14px 28px}[data-theme=dark] .error-msg,[data-theme=dark] .err-cont{color:#fb7185;background:#fb71851a;border-color:#fb718580}.input-file{display:inline-block;position:relative}.input-file span{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#10b981,#059669);align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.input-file input[type=file]{opacity:0;width:0;height:0;position:absolute}.input-file:hover span{box-shadow:var(--shadow-lg), 0 0 30px var(--emerald-glow);transform:translateY(-2px)}.page-container{max-width:900px;margin:0 auto;padding:40px 24px 80px;position:relative}.page-background{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.page-background--full-bleed{width:100vw;left:50%;right:auto;transform:translate(-50%)}.gradient-orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.gradient-orb-1{background:#6366f133;width:400px;height:400px;top:-10%;left:-10%}.gradient-orb-2{background:#a855f726;width:350px;height:350px;top:20%;right:-15%}.gradient-orb-3{background:#22d3ee1f;width:300px;height:300px;bottom:-10%;left:30%}[data-theme=dark] .gradient-orb-1{background:#6366f140}[data-theme=dark] .gradient-orb-2{background:#a855f733}[data-theme=dark] .gradient-orb-3{background:#22d3ee26}.page-content{z-index:1;position:relative}.page-header{text-align:center;margin-bottom:48px}.page-header h1{margin-bottom:12px}.page-header p{color:var(--text-tertiary);font-size:1.1rem}.page-section{margin-bottom:32px}.page-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), var(--shadow-inner);padding:32px}.tool-hero{text-align:center;margin-bottom:48px;padding-top:20px}.tool-hero-icon{border-radius:var(--radius-lg);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.tool-hero-title{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.5rem)}.tool-hero-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.1rem}.tool-page{min-height:calc(100vh - 200px);padding:20px 20px 60px}.tool-page-container{max-width:800px;margin:0 auto}.tool-page-container-wide{max-width:1000px;margin:0 auto}.tool-page-header{text-align:center;margin-bottom:40px}.tool-page-header h1{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.5rem)}.tool-page-header p{color:var(--text-secondary);margin:0;font-size:1.1rem}.tool-section{padding:32px}.tool-section-title{border-bottom:1px solid var(--glass-border);margin:0 0 24px;padding-bottom:16px;font-size:1.25rem}.tool-controls{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.control-group{flex-direction:column;gap:8px;display:flex}.control-group label{color:var(--text-secondary);font-size:.9rem}.checkbox-group{flex-wrap:wrap;gap:12px;display:flex}.tool-actions-center,.tool-actions-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0;display:flex}.tool-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tool-output-card,.result-area{background:var(--output-surface-bg);-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--output-surface-border);border-radius:var(--radius-lg);box-shadow:var(--output-surface-shadow);padding:20px;position:relative;overflow:hidden}.tool-output-card:before,.result-area:before{content:"";background:linear-gradient(90deg, transparent, var(--output-surface-highlight), transparent);opacity:.85;height:1px;position:absolute;top:0;left:0;right:0}.tool-output-card{justify-content:center;align-items:center;min-height:clamp(112px,15vw,144px);margin-bottom:20px;display:flex}.result-area{align-items:flex-start;min-height:clamp(120px,18vw,180px);margin-top:20px;display:flex}.result-area>*{width:100%}.result-display{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--text-primary);width:100%;margin:0;font-size:.95rem;line-height:1.7}.glass-textarea--output,textarea.glass-textarea[readonly]{box-shadow:var(--output-surface-shadow);min-height:clamp(180px,28vw,240px);background:var(--output-surface-bg)!important;border-color:var(--output-surface-border)!important;color:var(--text-primary)!important}.glass-textarea{background:var(--glass-bg);width:100%;min-height:140px;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical;transition:all var(--transition-base);outline:none;padding:16px;font-family:inherit;font-size:1rem}.glass-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.glass-textarea::placeholder{color:var(--text-tertiary)}.glass-checkbox{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:10px;padding:8px 12px;font-size:.95rem;display:flex}.glass-checkbox:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong)}.glass-checkbox input[type=checkbox]{appearance:none;background:var(--glass-bg);border:2px solid var(--glass-border-strong);cursor:pointer;border-radius:6px;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.glass-checkbox input[type=checkbox]:hover{border-color:var(--accent-primary);background:#6366f11a}.glass-checkbox input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.glass-checkbox input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}input[type=checkbox]:not(.glass-checkbox input){width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px;display:grid}.tool-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base);color:var(--text-primary);flex-direction:column;padding:24px;text-decoration:none;display:flex}.tool-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong);box-shadow:var(--shadow-lg);color:var(--text-primary);transform:translateY(-4px)}.tool-card-icon{background:var(--accent-gradient);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.tool-card-icon img{filter:brightness(0)invert();width:24px;height:24px}.tool-card h4{margin:0 0 8px;font-size:1.1rem;font-weight:600}.tool-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.category-tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.tool-link-card{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.tool-link-card:before{content:"";background:linear-gradient(90deg, transparent, var(--glass-border-strong), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tool-link-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong);box-shadow:var(--shadow-lg);color:var(--text-primary);transform:translateY(-4px)}.tool-link-card:hover:before{opacity:1}.tool-link-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 16px #0003}.tool-link-icon-svg{color:#fff;width:22px;height:22px}.tool-link-info{align-content:start;gap:6px;width:100%;min-width:0;min-height:72px;display:grid}.tool-link-title{margin:0;font-size:1rem;font-weight:600;line-height:1.25}.tool-link-desc{color:var(--text-tertiary);margin:0;font-size:.875rem;line-height:1.45}.tool-link-arrow{color:var(--text-muted);flex-shrink:0;align-self:flex-end;margin-top:auto;transition:all .3s}.tool-link-card:hover .tool-link-arrow{color:#818cf8;transform:translate(4px)}.case-options-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.case-option-btn{background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;color:var(--text-primary);flex-direction:column;align-items:flex-start;gap:4px;padding:16px;display:flex}.case-option-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong)}.case-option-btn--active{border-color:var(--accent-primary);background:#6366f114}[data-theme=dark] .case-option-btn--active{background:#818cf81a}.case-option-label{font-size:.95rem;font-weight:600}.case-option-desc{color:var(--text-tertiary);font-size:.8rem}.upload-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);background:var(--glass-bg);padding:48px 24px;position:relative}.upload-zone:hover{border-color:var(--accent-primary);background:var(--glass-bg-hover)}.upload-zone--dragging{border-color:var(--accent-primary);background:#6366f10f;transform:scale(1.01)}.upload-zone--has-files{padding:24px}.upload-input{opacity:0;cursor:pointer;position:absolute;inset:0;width:100%!important;height:100%!important}.upload-label{cursor:pointer;display:block}.upload-icon{color:var(--text-tertiary);margin-bottom:16px}.upload-text{color:var(--text-primary);margin-bottom:8px;font-weight:600;display:block}.upload-hint{color:var(--text-tertiary);font-size:.85rem}.file-preview-section{border-top:1px solid var(--glass-border);margin-top:24px;padding-top:24px}.file-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px;display:grid}.file-preview-item{border-radius:var(--radius-md);border:1px solid var(--glass-border);aspect-ratio:1;position:relative;overflow:hidden}.file-preview-img{object-fit:cover;width:100%;height:100%}.file-preview-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0009;padding:4px 8px;font-size:.7rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.file-remove-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;right:4px;padding:0!important}.file-remove-btn:hover{background:#ef4444}.format-options{flex-wrap:wrap;gap:8px;display:flex}.format-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:10px 20px;font-size:.9rem;font-weight:600}.format-btn:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-strong)}.format-btn--active{background:var(--accent-gradient)!important;color:#fff!important;border-color:#0000!important}.format-btn--disabled{opacity:.4;cursor:not-allowed}.converted-section{border-top:1px solid var(--glass-border);margin-top:24px;padding-top:24px}.converted-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px;display:grid}.converted-item{flex-direction:column;align-items:center;gap:12px;display:flex}.converted-img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%}.clear-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;font-size:.85rem;padding:0!important}.clear-btn:hover{color:var(--rose-accent)}.policy-card{padding:40px}.policy-content{max-width:700px;margin:0 auto}.policy-intro{margin-bottom:32px;font-size:1.05rem;line-height:1.8}.policy-section{margin-bottom:28px}.policy-section h2{color:var(--text-primary);margin-bottom:12px;font-size:1.15rem}.policy-section p,.policy-section ul{color:var(--text-secondary);line-height:1.7}.policy-section ul{padding-left:24px}.policy-section li{margin-bottom:8px}.policy-disclaimer{border-top:1px solid var(--glass-border);color:var(--text-muted);margin-top:32px;padding-top:24px;font-size:.85rem;font-style:italic}.info-card{padding:32px}.info-title{margin-bottom:20px;font-size:1.2rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.info-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:16px;display:flex}.info-icon{background:var(--accent-gradient);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.char-count{color:var(--text-muted);font-size:.8rem}.tool-result-card{text-align:center;padding:20px}.tool-result-card--lg{padding:32px}.tool-result-card--text{padding:24px}.tool-textarea-container{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.tool-textarea-label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.tool-textarea-large{resize:vertical;min-height:200px}.tool-textarea-large--xl{min-height:250px}.tool-input-group{text-align:center;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;display:flex}.tool-input-group--range{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.tool-input-group--replace{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.tool-input-group--replace .control-group{flex:1;min-width:200px}.tool-input-separator{color:var(--text-tertiary);flex-shrink:0;padding-bottom:12px;font-weight:500}.tool-input-select--compact{max-width:350px}.tool-grid-2col{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:24px;display:grid}.tool-grid-auto{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.tool-stat-row{color:var(--text-tertiary);gap:24px;margin-bottom:24px;font-size:.85rem;display:flex}.tool-stats-group{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);justify-content:center;gap:32px;margin-bottom:24px;padding:16px 0;display:flex}.tool-stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.tool-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.tool-stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.tool-stat-highlighted{color:var(--accent-primary);font-weight:500}.tool-feature-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tool-feature-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;display:flex}.tool-feature-icon{color:var(--accent-primary);flex-shrink:0}.date-display{font-family:var(--font-mono);color:var(--text-primary);font-size:clamp(1rem,3vw,1.25rem)}.single-number{font-family:var(--font-mono);background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.1}.password-display{font-family:var(--font-mono);word-break:break-all;text-align:center;color:var(--text-primary);font-size:clamp(1rem,3vw,1.25rem)}.tool-page--randgen .control-group .glass-input{max-width:180px}.tool-page--password .control-group .glass-input{max-width:200px}.tool-page--space .conversion-options .glass-select{max-width:350px}.tool-page--space .conversion-label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;display:block}.tool-page--space .conversion-options{margin-bottom:28px}.tool-page--replace .replace-controls{margin-bottom:24px}.tool-page--replace .tool-page-container-wide{max-width:900px}.extended-options{background:var(--output-surface-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:20px;display:grid}.tool-page--youtube-preview .tool-page-container{max-width:900px}.tool-page--youtube-preview .promo-card{border-left:3px solid var(--accent-primary);margin-bottom:24px;padding:24px}.tool-page--youtube-preview .promo-content{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.tool-page--youtube-preview .promo-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tool-page--youtube-preview .promo-text{flex:1;min-width:200px}.tool-page--youtube-preview .promo-text h3{margin:0 0 4px;font-size:1.1rem}.tool-page--youtube-preview .promo-text p{color:var(--text-secondary);margin:0;font-size:.95rem}.tool-page--youtube-preview .url-input-container{flex-wrap:wrap;gap:12px;display:flex}.tool-page--youtube-preview .url-input{flex:1;min-width:250px}.tool-page--youtube-preview .preview-results{flex-direction:column;align-items:center;gap:24px;margin-bottom:32px;display:flex}.tool-page--youtube-preview .preview-item{max-width:100%}.tool-page--youtube-preview .preview-image{border-radius:var(--radius-lg);max-width:100%;box-shadow:var(--shadow-lg)}.tool-page--youtube-preview .history-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tool-page--youtube-preview .history-item{border-radius:var(--radius-md);height:101px;transition:all .25s;display:block;overflow:hidden}.tool-page--youtube-preview .history-item:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.tool-page--youtube-preview .history-item img{object-fit:cover;width:180px;height:101px}.tool-page--youtube-preview .history-empty{color:var(--text-tertiary);text-align:center}.tool-page--youtube-preview .stats-section{text-align:center;padding:48px 24px}.tool-page--youtube-preview .stats-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);flex-direction:column;align-items:center;padding:32px 48px;display:inline-flex}.tool-page--youtube-preview .stats-label{color:var(--text-secondary);margin-bottom:8px;font-size:1rem}.tool-page--youtube-preview .stats-number{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,3rem);font-weight:700}.tool-page--qrcode .qr-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.tool-page--qrcode .qr-controls{min-width:0}.tool-page--qrcode .qr-preview-col{position:relative}.tool-page--qrcode .qr-preview-sticky{text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--shadow-inner);padding:24px;position:sticky;top:100px}.tool-page--qrcode .qr-loading{color:var(--text-tertiary);padding:40px}.tool-page--qrcode .glass-accordion{flex-direction:column;gap:8px;display:flex}.tool-page--qrcode .glass-accordion-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base);overflow:hidden}.tool-page--qrcode .glass-accordion-item.open{border-color:var(--glass-border-strong)}.tool-page--qrcode .glass-accordion-header{width:100%;box-shadow:none;color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:16px 20px;font-size:.95rem;font-weight:500;display:flex}.tool-page--qrcode .glass-accordion-header:hover,.tool-page--qrcode .glass-accordion-header:focus{box-shadow:none;background:#6366f10a;border-color:#0000;transform:none}.tool-page--qrcode .glass-accordion-icon{flex-shrink:0;align-items:center;display:flex}.tool-page--qrcode .glass-accordion-title{flex:1}.tool-page--qrcode .glass-accordion-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform .3s}.tool-page--qrcode .glass-accordion-item.open .glass-accordion-chevron{transform:rotate(180deg)}.tool-page--qrcode .glass-accordion-body{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);display:grid}.tool-page--qrcode .glass-accordion-item.open .glass-accordion-body{grid-template-rows:1fr}.tool-page--qrcode .glass-accordion-content{min-height:0;padding:0 20px;overflow:hidden}.tool-page--qrcode .glass-accordion-item.open .glass-accordion-content{padding-bottom:20px}.tool-page--qrcode .qr-control-group{flex-direction:column;gap:12px;display:flex}.tool-page--qrcode .qr-control-group label{color:var(--text-primary);margin-bottom:6px;font-size:.9rem;font-weight:500;display:block}.tool-page--qrcode .qr-control-group input[type=color]{border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;width:50px;height:40px;transition:all var(--transition-fast)}.tool-page--qrcode .qr-control-group input[type=color]:hover{border-color:var(--glass-border-strong);box-shadow:0 2px 8px #6366f11a}.tool-page--qrcode .qr-control-group input[type=text],.tool-page--qrcode .qr-control-group input[type=url],.tool-page--qrcode .qr-control-group input[type=number],.tool-page--qrcode .qr-control-group select,.tool-page--qrcode .qr-format-select,.tool-page--qrcode .qr-margin-select{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);background:0 0;padding:8px 12px;font-size:.9rem}.tool-page--qrcode .qr-control-group select,.tool-page--qrcode .qr-format-select,.tool-page--qrcode .qr-margin-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23636366' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.tool-page--qrcode .qr-control-group input[type=text]:focus,.tool-page--qrcode .qr-control-group input[type=url]:focus,.tool-page--qrcode .qr-control-group input[type=number]:focus,.tool-page--qrcode .qr-control-group select:focus,.tool-page--qrcode .qr-format-select:focus,.tool-page--qrcode .qr-margin-select:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 2px #6366f11a}.tool-page--qrcode .qr-control-group input[type=range]{background:var(--glass-border);appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.tool-page--qrcode .qr-control-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--brand-primary);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);border-radius:50%;box-shadow:0 2px 4px #6366f133}.tool-page--qrcode .qr-control-group input[type=range]::-moz-range-thumb{background:var(--brand-primary);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);border:none;border-radius:50%;box-shadow:0 2px 4px #6366f133}.tool-page--qrcode .qr-control-group input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 4px 8px #6366f14d}.tool-page--qrcode .qr-control-group input[type=range]:hover::-moz-range-thumb{transform:scale(1.2);box-shadow:0 4px 8px #6366f14d}.tool-page--qrcode .qr-control-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--brand-primary)}.tool-page--qrcode .qr-control-group input[type=checkbox]+label{margin-bottom:0;margin-left:8px;display:inline}.tool-page--qrcode .qr-selector-row{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.tool-page--qrcode .qr-color-inputs-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:12px;margin-top:8px;display:grid}.tool-page--qrcode .qr-section-divider{border:none;border-top:1px solid var(--glass-border);margin-top:16px;margin-bottom:16px}.tool-page--qrcode .qr-field{flex-direction:column;gap:6px;display:flex}.tool-page--qrcode .qr-field__label{color:var(--text-primary);font-size:.9rem;font-weight:500}.tool-page--qrcode .qr-field__input{width:100%}.tool-page--qrcode .qr-toggle-field{align-items:center;gap:8px;display:flex}.tool-page--qrcode .qr-toggle-field input[type=checkbox]{flex-shrink:0}.tool-page--qrcode .qr-toggle-field__label{margin:0;font-size:.9rem;font-weight:500}.tool-page--qrcode .qr-section{flex-direction:column;gap:12px;display:flex}.tool-page--qrcode .qr-section__title{color:var(--text-primary);border-bottom:1px solid var(--glass-border);margin:0;padding-bottom:15px;font-size:.95rem;font-weight:600}.tool-page--qrcode .qr-section__content{flex-direction:column;gap:12px;display:flex}.tool-page--qrcode .qr-divider{background:var(--glass-border);height:1px}.tool-page--qrcode .qr-separator-text{text-align:center;opacity:.5;margin:8px 0;font-size:.85rem}.tool-page--qrcode .qr-button-apply{margin-top:8px}.tool-page--qrcode .qr-file-info{border-radius:var(--radius-sm);background:#6366f10a;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:.9rem;font-weight:500;display:flex}.tool-page--qrcode .qr-file-info__clear{cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);margin:0}.tool-page--qrcode .qr-file-info__clear:hover{opacity:1}@keyframes main-hero-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.02)}}.main-wrapper{min-height:100vh}.main-wrapper .hero{padding:80px 24px 100px;position:relative;overflow:hidden}.main-wrapper .hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.main-wrapper .hero-orb{filter:blur(80px);opacity:.5;border-radius:50%;animation:8s ease-in-out infinite main-hero-float;position:absolute}.main-wrapper .hero-orb-1{background:#6366f14d;width:500px;height:500px;animation-delay:0s;top:-20%;left:-10%}.main-wrapper .hero-orb-2{background:#a855f740;width:400px;height:400px;animation-delay:-2s;top:20%;right:-15%}.main-wrapper .hero-orb-3{background:#22d3ee33;width:350px;height:350px;animation-delay:-4s;bottom:-30%;left:30%}.main-wrapper .hero-content{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.main-wrapper .hero-title{letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1}.main-wrapper .hero-title-line{color:var(--text-primary);display:block}.main-wrapper .hero-title-gradient{background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.main-wrapper .hero-subtitle{max-width:550px;color:var(--text-secondary);margin:0 auto 40px;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7}.main-wrapper .hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.main-wrapper .hero-btn{border-radius:14px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.main-wrapper .hero-btn-primary{color:#fff;background:linear-gradient(135deg,#9573ea,#ff4583 50%,#ff985e);box-shadow:0 8px 32px #6366f159}.main-wrapper .hero-btn-primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 40px #6366f180}.main-wrapper .hero-btn-secondary{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-wrapper .hero-btn-secondary:hover{color:var(--text-primary);background:var(--glass-bg-hover);border-color:var(--glass-border-strong);transform:translateY(-2px)}.main-wrapper .tools{padding:40px 24px 80px}.main-wrapper .tools-inner{max-width:1100px;margin:0 auto}.main-wrapper .category{margin-bottom:56px}.main-wrapper .category-header{margin-bottom:24px;padding-left:4px}.main-wrapper .category-title{color:var(--text-primary);margin:0 0 6px;font-size:1.4rem;font-weight:700}.main-wrapper .category-desc{color:var(--text-tertiary);font-size:.95rem}.main-wrapper .tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.main-wrapper .tool-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.main-wrapper .tool-card:before{content:"";background:linear-gradient(90deg, transparent, var(--glass-border-strong), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.main-wrapper .tool-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.main-wrapper .tool-card:hover:before{opacity:1}.main-wrapper .tool-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 16px #0003}.main-wrapper .tool-icon-svg{color:currentColor;width:22px;height:22px}.main-wrapper .tool-info{align-content:start;gap:6px;width:100%;min-width:0;min-height:72px;display:grid}.main-wrapper .tool-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600;line-height:1.25}.main-wrapper .tool-desc{color:var(--text-tertiary);margin:0;font-size:.875rem;line-height:1.45}.main-wrapper .tool-arrow{color:var(--text-muted);flex-shrink:0;align-self:flex-end;margin-top:auto;transition:all .3s}.main-wrapper .tool-card:hover .tool-arrow{color:#818cf8;transform:translate(4px)}.main-wrapper .cta{padding:0 24px 80px}.main-wrapper .cta-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:24px;max-width:700px;margin:0 auto;padding:48px 40px;position:relative;overflow:hidden}.main-wrapper .cta-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);opacity:.4;height:1px;position:absolute;top:0;left:0;right:0}.main-wrapper .cta-content h2{color:var(--text-primary);margin:0 0 12px;font-size:1.5rem;font-weight:700}.main-wrapper .cta-content p{color:var(--text-secondary);margin:0 0 28px;font-size:1rem}.main-wrapper .cta-btn{color:#fff;background:linear-gradient(135deg,#9573ea,#ff4583 50%,#ff985e);border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 24px #6366f14d}.main-wrapper .cta-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 32px #6366f173}.extensions-page{min-height:100vh}.extensions-page .hero-section{text-align:center;padding:100px 24px 80px;position:relative;overflow:hidden}.extensions-page .hero-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.extensions-page .hero-badge{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);margin-bottom:24px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-block}.extensions-page .hero-icon-shell{border-radius:24px;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 28px;display:flex}.extensions-page .hero-icon{color:currentColor;width:40px;height:40px}.extensions-page .hero-title{letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.extensions-page .hero-subtitle{color:var(--text-secondary);margin:0 0 40px;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7}.extensions-page .hero-cta{flex-direction:column;align-items:center;gap:16px;display:flex}.extensions-page .chrome-store-btn{transition:transform .25s}.extensions-page .chrome-store-btn:hover{transform:scale(1.05)}.extensions-page .chrome-store-btn img{width:auto;height:60px}.extensions-page .hero-glow{pointer-events:none;background:radial-gradient(circle,#ff00001a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.extensions-page .features-section,.extensions-page .demo-section,.extensions-page .cta-section{padding:60px 24px}.extensions-page .features-container,.extensions-page .demo-container{max-width:1000px;margin:0 auto}.extensions-page .section-title{text-align:center;margin:0 0 40px;font-size:1.75rem}.extensions-page .features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.extensions-page .feature-card{text-align:center;padding:32px}.extensions-page .feature-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:inline-flex}.extensions-page .feature-icon{color:currentColor;width:22px;height:22px}.extensions-page .feature-card h3{margin:0 0 12px;font-size:1.2rem}.extensions-page .feature-card p{color:var(--text-secondary);margin:0;line-height:1.6}.extensions-page .demo-container{flex-direction:column;gap:60px;display:flex}.extensions-page .demo-step{align-items:center;gap:48px;display:flex}.extensions-page .demo-step.reverse{flex-direction:row-reverse}.extensions-page .demo-image{flex:1;max-width:500px;padding:16px}.extensions-page .demo-image img{border-radius:var(--radius-md);width:100%}.extensions-page .demo-content{flex:1}.extensions-page .step-number{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.85rem;font-weight:600}.extensions-page .demo-content h3{margin:0 0 16px;font-size:1.5rem}.extensions-page .demo-content p{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.7}.extensions-page .cta-section{text-align:center}.extensions-page .cta-content{max-width:600px;margin:0 auto;padding:48px 32px}.extensions-page .cta-content h2{margin:0 0 12px;font-size:1.75rem}.extensions-page .cta-content p{color:var(--text-secondary);margin:0 0 28px;font-size:1.1rem}.extensions-page .glass-btn-icon{flex-shrink:0;width:18px;height:18px}.feedback-page{min-height:calc(100vh - 200px);padding:40px 20px 80px}.feedback-page .feedback-header{text-align:center;margin-bottom:48px;padding-top:40px}.feedback-page .feedback-badge{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:.85rem;display:inline-flex}.feedback-page .feedback-header h1{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.5rem)}.feedback-page .feedback-header p{max-width:500px;color:var(--text-secondary);margin:0 auto;font-size:1.1rem}.feedback-page .feedback-container{max-width:700px;margin:0 auto}.feedback-page .feedback-form{padding:32px}.feedback-page .form-group{margin-bottom:24px}.feedback-page .form-label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;font-weight:500;display:flex}.feedback-page .form-hint{color:var(--text-tertiary);justify-content:space-between;margin-top:8px;font-size:.8rem;display:flex}.feedback-page .char-count-valid{color:#10b981}.feedback-page .submit-btn{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.feedback-page .submit-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-page .success-card{text-align:center;padding:60px 40px}.feedback-page .success-icon{background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.feedback-page .success-card h2{margin:0 0 12px;font-size:1.75rem}.feedback-page .success-card p{color:var(--text-secondary);margin:0 0 32px}.feedback-page .info-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:40px;display:grid}.feedback-page .info-card{text-align:center;padding:24px}.feedback-page .info-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.feedback-page .info-icon-blue{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f633}.feedback-page .info-icon-green{background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid #10b98133}.feedback-page .info-icon-orange{background:linear-gradient(135deg,#f59e0b33,#f9731633);border:1px solid #f59e0b33}.feedback-page .info-card h3{margin:0 0 4px;font-size:.95rem}.feedback-page .info-card p{color:var(--text-tertiary);margin:0;font-size:.85rem}.donate-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:60px 20px;display:flex}.donate-page .donate-container{width:100%;max-width:500px}.donate-page .donate-header{text-align:center;margin-bottom:40px}.donate-page .donate-header h1{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.25rem)}.donate-page .donate-header p{color:var(--text-secondary);margin:0;font-size:1.1rem}.donate-page .donate-card{text-align:center;padding:40px 32px}.donate-page .crypto-icon{background:var(--accent-gradient);border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:inline-flex}.donate-page .network-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.donate-page .badge{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);padding:6px 14px;font-size:.8rem;font-weight:600}.donate-page .address-container{margin-bottom:32px}.donate-page .address-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.85rem}.donate-page .address-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:16px;padding:16px;overflow-x:auto}.donate-page .address-box code{font-family:var(--font-mono);word-break:break-all;color:var(--text-primary);font-size:.85rem}.donate-page .copy-btn{width:100%;max-width:200px}.donate-page .qr-container{border-top:1px solid var(--glass-border);padding-top:24px}.donate-page .qr-image{border-radius:var(--radius-md);max-width:180px;margin-bottom:12px}.donate-page .qr-label{color:var(--text-tertiary);margin:0;font-size:.85rem}.donate-page .thank-you{text-align:center;margin-top:32px;padding:0 20px}.donate-page .thank-you p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.7}.error-page{justify-content:center;align-items:center;min-height:calc(100vh - 180px);padding:120px 24px 80px;display:flex}.error-page .error-container{text-align:center;max-width:500px;animation:.5s ease-out fadeIn}.error-page .error-code{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(4rem,15vw,8rem);font-weight:800;line-height:1}.error-page .error-shrug{opacity:.8;margin-bottom:24px;font-size:48px}.error-page .error-title{margin-bottom:12px;font-size:24px;font-weight:600}.error-page .error-subtitle{color:var(--text-secondary);margin-bottom:8px;font-size:16px}.error-page .error-description{color:var(--text-muted);margin-bottom:32px;font-size:14px}.error-page .error-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.error-page .error-footer-note{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:16px}.error-page .error-footer-note p{color:var(--text-muted);margin:0;font-size:12px}img{max-width:100%;height:auto}.img-preview{border-radius:var(--radius-lg);max-width:100%;box-shadow:var(--shadow-lg);margin:24px auto;display:block}.img-history{object-fit:cover;border-radius:var(--radius-md);width:240px;height:135px;transition:all var(--transition-base);cursor:pointer}.img-history:hover{box-shadow:var(--shadow-xl);transform:scale(1.03)}.qrcode-fit,#qr-cont canvas{min-width:32px;max-width:280px;min-height:32px;max-height:280px}.svg-white{filter:brightness(0)invert()}.svg-blue{filter:brightness(0)saturate()invert(52%)sepia(90%)saturate(500%)hue-rotate(190deg)}.svg-green{filter:brightness(0)saturate()invert(60%)sepia(40%)saturate(600%)hue-rotate(100deg)}.svg-red{filter:brightness(0)saturate()invert(50%)sepia(80%)saturate(600%)hue-rotate(330deg)}.svg-red-true{color:#ef4444}.svg-purple{filter:brightness(0)saturate()invert(50%)sepia(80%)saturate(500%)hue-rotate(250deg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--glass-border-strong);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-md), 0 0 20px var(--accent-glow)}50%{box-shadow:var(--shadow-lg), 0 0 40px var(--accent-glow-strong)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in,.animate-fadeIn{animation:.5s ease-out forwards fadeIn}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-spin{animation:1s linear infinite spin}.spinner{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@media (width<=900px){.tool-page--qrcode .qr-layout{grid-template-columns:1fr}.tool-page--qrcode .qr-preview-sticky{position:static}}@media (width<=768px){.page-container{padding:24px 16px 60px}.page-card{padding:24px 20px}.tool-page{padding:24px 16px 60px}.tool-section{padding:24px 20px}.tool-page-container-wide{padding:0}.glass-btn,.btn,button:not(.header-menu-btn):not(.case-option-btn):not(.format-btn):not(.file-remove-btn):not(.clear-btn){padding:12px 20px;font-size:.9rem}.glass-btn-lg,.glass-btn--large{padding:14px 24px;font-size:1rem}.case-options-grid,.category-tools-grid{grid-template-columns:1fr}.tool-link-card{padding:18px 20px}.policy-card{padding:24px 20px}.info-grid,.tool-grid-2col{grid-template-columns:1fr}.tool-input-separator{justify-self:center;transform:rotate(90deg)}.tool-stats-group{flex-wrap:wrap;gap:20px}.main-wrapper .hero{padding:60px 20px 80px}.main-wrapper .hero-buttons{flex-direction:column;align-items:center}.main-wrapper .hero-btn{justify-content:center;width:100%;max-width:280px}.main-wrapper .tools{padding:20px 16px 60px}.main-wrapper .tools-grid{grid-template-columns:1fr}.main-wrapper .tool-card{padding:18px 20px}.main-wrapper .cta-card{padding:36px 24px}.extensions-page .hero-section{padding:60px 20px}.extensions-page .demo-step,.extensions-page .demo-step.reverse{flex-direction:column}.extensions-page .demo-image{max-width:100%}.extensions-page .demo-content{text-align:center}}@media (width<=640px){.tool-actions-row{flex-direction:column;align-items:stretch}.tool-actions-row .glass-btn{width:100%}.tool-actions-center{flex-direction:column}.tool-actions-center .glass-btn{width:100%}.tool-actions{flex-direction:column;align-items:stretch}.tool-actions .glass-btn{width:100%}.tool-output-card{min-height:96px}.result-area{min-height:120px}.glass-textarea--output,textarea.glass-textarea[readonly]{min-height:160px}.tool-input-group{flex-direction:column;align-items:stretch}.tool-input-separator{text-align:center;padding:0}.tool-input-group .control-group .glass-input{max-width:100%}.tool-input-group--replace{flex-direction:column}.tool-input-separator{align-self:center;padding:0;transform:rotate(90deg)}.tool-page--youtube-preview .promo-content{text-align:center;flex-direction:column}.tool-page--youtube-preview .url-input-container{flex-direction:column}.tool-page--youtube-preview .history-item img{width:140px;height:79px}.feedback-page .feedback-form{padding:24px 20px}.feedback-page .success-card{padding:40px 24px}}@media (width<=440px){.fs-30-resp{font-size:1.5rem}.tool-grid,.case-options-grid{grid-template-columns:1fr}}@media (width<=480px){.donate-page .donate-card{padding:32px 20px}}.container,.container-fluid,.row,.col,[class*=col-]{color:inherit}.accordion{--bs-accordion-bg:var(--glass-bg);--bs-accordion-border-color:var(--glass-border);--bs-accordion-btn-bg:var(--glass-bg);--bs-accordion-btn-color:var(--text-primary);--bs-accordion-active-bg:#6366f114;--bs-accordion-active-color:var(--text-primary);overflow:hidden;border-radius:var(--radius-lg)!important}.accordion-item{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.accordion-button{font-weight:500;background:var(--glass-bg)!important;color:var(--text-primary)!important;box-shadow:none!important;padding:16px 20px!important}.accordion-button:not(.collapsed){color:var(--text-primary)!important;background:#6366f10f!important}[data-theme=dark] .accordion-button:not(.collapsed){background:#818cf814!important}.accordion-button:after{filter:invert(.4)}[data-theme=dark] .accordion-button:after{filter:invert()brightness(.7)}.accordion-button:focus{box-shadow:none!important;border-color:var(--accent-primary)!important}.accordion-body{background:var(--glass-bg)!important;color:var(--text-primary)!important;padding:20px!important}.btn-success{color:#fff!important;border-radius:var(--radius-md)!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;padding:8px 16px!important;font-weight:600!important}.btn-success:hover{transform:translateY(-1px);background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 4px 12px #10b9814d!important}.btn-primary{color:#fff!important;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important}.spinner-grow,.spinner-border{color:var(--accent-primary)!important}input[type=range]{-webkit-appearance:none;background:var(--glass-border-strong);border-radius:var(--radius-full);outline:none;width:100%;max-width:200px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 2px 8px #6366f166}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #6366f180}hr{border-color:var(--glass-border);opacity:.5;margin:20px 0}.qrcode-textarea{resize:vertical;width:100%;min-height:100px;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;padding:14px!important;font-size:1rem!important}.qrcode-textarea:focus{outline:none;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}.btn-add-file{border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);justify-content:center;align-items:center;padding:12px 24px;transition:all .25s;box-shadow:0 4px 12px #10b98140;color:#fff!important;font-weight:600!important;display:inline-flex!important}.btn-add-file:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.box-helper{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;margin:6px 2px;padding:6px 10px;font-size:.8rem;transition:all .2s;display:inline-block}.box-helper:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f11a}.input-number-sm{width:100%;max-width:150px;padding:10px 14px;font-size:1rem;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important}.input-number-sm:focus{outline:none;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}.mw-450{max-width:450px}.noselect{-webkit-user-select:none;user-select:none}.sticky-top-20{position:sticky;top:100px}.mt-23px{margin-top:23px}.mt-4{margin-top:1.5rem!important}.mt-3{margin-top:1rem!important}.mt-2{margin-top:.5rem!important}.mt-1{margin-top:.25rem!important}.mb-3{margin-bottom:1rem!important}.mb-2{margin-bottom:.5rem!important}.mb-1{margin-bottom:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ds-flex{display:flex!important}.ds-block{display:block!important}.ds-inline-block{display:inline-block!important}.ds-inline-flex{display:inline-flex!important}.flex-center{justify-content:center!important;align-items:center!important;display:flex!important}.flex-column{flex-direction:column!important}.w-100{width:100%!important}.h-100{height:100%!important}.min-h-650{min-height:650px}.min-h-100{min-height:100px}.p-3{padding:1rem!important}.va-baseline{vertical-align:baseline}.cursor-pointer{cursor:pointer}.w-135{width:135px}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}.fs-17{font-size:17px}.fs-20{font-size:20px}.fs-30{font-size:1.85em}.fs-30-resp{font-size:clamp(1.5rem,4vw,1.875rem)}.fs-45{font-size:clamp(2rem,6vw,2.8rem)}.fw-500{font-weight:500}.fill-avail{width:100%!important}.hide{display:none!important}.margin-center{margin:0 auto}.align-center{text-align:center}.text-capitalize{text-transform:capitalize}.text-danger{color:#ef4444!important}.scroll-x{overflow-x:auto}.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.cover-container{max-width:900px;margin:0 auto}.neon a{color:var(--accent-primary);text-transform:uppercase;letter-spacing:3px;transition:all var(--transition-base);border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);padding:16px 32px;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.neon a:hover{color:#fff;background:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow), 0 0 40px var(--accent-glow), 0 0 60px var(--accent-glow)}.neon a span{display:block;position:absolute}.single-number{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,10vw,5rem);font-weight:700;line-height:1.1}pre{font-size:1.1rem;font-family:var(--font-mono);color:var(--text-primary);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:16px 20px;overflow-x:auto}.ds-contents{display:contents}ol{padding-inline-start:20px}