*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden}:root{--color-primary:#ff6b35;--color-primary-hover:#ff5722;--color-primary-light:#ffebe6;--color-primary-dark:#e85a28;--color-primary-ai:linear-gradient(135deg,#667eea,#764ba2);--color-primary-pro:linear-gradient(135deg,#ff512f,#dd2476);--color-primary-new:linear-gradient(135deg,#ff7a18,#ff3d81);--color-primary-beta:linear-gradient(135deg,#ff6ec4,#7873f5);--color-primary-popular:linear-gradient(135deg,#ff512f,#dd2476);--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--bg-primary:#fff;--bg-secondary:var(--color-slate-50);--bg-tertiary:var(--color-slate-100);--bg-elevated:#fff;--bg-overlay:#0f172acc;--text-primary:var(--color-slate-900);--text-secondary:var(--color-slate-600);--text-tertiary:var(--color-slate-500);--text-inverse:#fff;--border-primary:var(--color-slate-200);--border-secondary:var(--color-slate-300);--border-hover:var(--color-slate-400);--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 1px 3px 0 #0f172a1a,0 1px 2px -1px #0f172a1a;--shadow-md:0 4px 6px -1px #0f172a1a,0 2px 4px -2px #0f172a1a;--shadow-lg:0 10px 15px -3px #0f172a1a,0 4px 6px -4px #0f172a1a;--shadow-xl:0 20px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a1a;--shadow-2xl:0 25px 50px -12px #0f172a40;--gradient-primary:linear-gradient(135deg,#ff6b35 0%,#ff5722 100%);--gradient-subtle:linear-gradient(135deg,#ff6b350d 0%,#ff57220d 100%);--gradient-hero:radial-gradient(ellipse 80% 50% at 50% 0%,#ff6b3514,transparent);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--font-6xl:3.75rem;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-bounce:.5s cubic-bezier(.34,1.56,.64,1);--container-max:1580px;--container-padding:var(--space-6)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,3.75rem)}h2{letter-spacing:-.01em;font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-size:var(--font-lg);color:var(--text-secondary);line-height:1.7}a{color:inherit;transition:color var(--transition-base);text-decoration:none}.Form-Section-main{margin-bottom:var(--space-5)}.nav-wrapper{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);background:#fffffff2;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.nav-top-row{border-bottom:1px solid var(--border-primary);background:#fff}.nav-container{max-width:var(--container-max);padding:var(--space-3)var(--container-padding);justify-content:space-between;align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.nav-logo{font-size:var(--font-2xl);color:var(--text-primary);letter-spacing:-.02em;transition:transform var(--transition-base);font-weight:800}.nav-logo:hover{transform:scale(1.02)}.nav-logo span{color:var(--color-primary)}.nav-top-links{align-items:center;gap:var(--space-6);margin-left:auto;display:flex}.nav-top-link{font-size:var(--font-base);color:var(--text-secondary);transition:color var(--transition-base);font-weight:500;position:relative}.nav-top-link:hover{color:var(--color-primary)}.nav-top-link:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.nav-top-link:hover:after{width:100%}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.nav-link{padding:var(--space-2)var(--space-4);font-size:var(--font-sm);color:var(--text-secondary);transition:color var(--transition-base);font-weight:500}.nav-link:hover{color:var(--color-primary)}.nav-cta{padding:var(--space-2)var(--space-5);font-size:var(--font-sm);color:#fff;background:var(--gradient-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base);font-weight:600}.nav-cta:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-bottom-row{border-top:1px solid var(--border-primary);background:#f9fafbcc}.nav-bottom-row .nav-container{padding:0 var(--container-padding);justify-content:center}.nav-tools-menu{align-items:center;gap:var(--space-1);flex-wrap:wrap;justify-content:center;display:flex}.nav-item{position:relative}.nav-item>a{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);font-size:var(--font-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:500;display:flex}.nav-item>a:hover{color:var(--color-primary);background:#fff}.nav-item-wrapper{border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;display:flex}.nav-item-wrapper:hover{background:#fff}.nav-item-link{padding:var(--space-3)var(--space-1)var(--space-3)var(--space-4);font-size:var(--font-sm);color:var(--text-secondary);transition:color var(--transition-base);border-radius:var(--radius-md)0 0 var(--radius-md);flex:1;font-weight:500}.nav-item-wrapper:hover .nav-item-link{color:var(--color-primary)}.dropdown-trigger-btn{padding:var(--space-3)var(--space-3)var(--space-3)var(--space-1);cursor:pointer;transition:all var(--transition-base);border-radius:0 var(--radius-md)var(--radius-md)0;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.caret{width:0;height:0;color:var(--text-secondary);transition:transform var(--transition-base),color var(--transition-base);border-top:4px solid;border-left:4px solid #0000;border-right:4px solid #0000}.nav-item-wrapper:hover .caret{color:var(--color-primary)}.nav-dropdown:hover .caret{transform:rotate(180deg)}.dropdown-menu{top:calc(80% + var(--space-2));border:1px solid var(--border-primary);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:1500;background:#fff;position:absolute;left:0;overflow:hidden;transform:translateY(-8px)}.nav-item:hover>.dropdown-menu{opacity:1!important;visibility:visible!important;display:block!important;transform:translateY(0)!important}.dropdown-menu a{padding:var(--space-3)var(--space-4);font-size:var(--font-sm);color:var(--text-secondary);transition:all var(--transition-base);justify-content:space-between;align-items:center;display:flex}.dropdown-menu a:hover{background:var(--bg-secondary);color:var(--color-primary)}.badge{padding:var(--space-1)var(--space-2);font-size:var(--font-xs);border-radius:var(--radius-full);text-transform:uppercase;font-weight:600}.badge-new{background:var(--color-primary-new);color:#fff}.badge-beta{background:var(--color-primary-beta);color:#fff}.badge-popular{background:var(--color-primary);color:#fff}.badge-pro{background:var(--color-primary-pro);color:#fff}.badge-ai{background:var(--color-primary-ai);color:#fff}.mobile-toggle{cursor:pointer;padding:var(--space-2);background:0 0;border:none;flex-direction:column;gap:5px;display:none}.mobile-toggle span{background:var(--text-primary);border-radius:var(--radius-full);width:24px;height:2px;transition:all var(--transition-base)}.mobile-panel{background:var(--bg-elevated);width:100%;max-width:360px;height:100vh;box-shadow:var(--shadow-2xl);transition:right var(--transition-slow);z-index:2000;position:fixed;top:0;right:-100%;overflow-y:auto}.mobile-panel.open{right:0}.mobile-header{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--border-primary);background:#fff;justify-content:space-between;align-items:center;display:flex}.close-btn{background:var(--bg-secondary);border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--font-xl);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;display:flex}.close-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.mobile-menu{padding:var(--space-4);list-style:none}.mobile-divider{padding:var(--space-4)var(--space-2)var(--space-2);font-size:var(--font-xs);text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em;margin-top:var(--space-4);border-top:1px solid var(--border-primary);font-weight:700}.mobile-link-wrapper{border-radius:var(--radius-md);transition:background var(--transition-base);background:0 0;align-items:center;gap:0;display:flex}.mobile-link-wrapper:hover{background:var(--bg-secondary)}.mobile-link-wrapper .mobile-link{border-radius:var(--radius-md)0 0 var(--radius-md);padding-right:var(--space-2);flex:1;justify-content:flex-start}.mobile-dropdown-btn{padding:var(--space-4);cursor:pointer;min-width:48px;transition:all var(--transition-base);border-radius:0 var(--radius-md)var(--radius-md)0;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-dropdown-btn .caret{color:var(--text-secondary)}.mobile-dropdown-btn:hover .caret,.mobile-link-wrapper:hover .caret{color:var(--color-primary)}.mobile-dropdown-btn .caret.rotate{transform:rotate(180deg)}.mobile-link{width:100%;padding:var(--space-4);font-size:var(--font-base);color:var(--text-primary);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.mobile-link:hover{background:var(--bg-secondary);color:var(--color-primary)}.mobile-submenu{max-height:0;transition:max-height var(--transition-slow);margin-top:var(--space-1);overflow:hidden}.mobile-submenu.open{max-height:500px}.mobile-submenu a{padding:var(--space-3)var(--space-6);font-size:var(--font-sm);color:var(--text-secondary);transition:all var(--transition-base);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.mobile-submenu a:hover{color:var(--color-primary);background:var(--color-primary-light)}.mobile-actions{padding:var(--space-6);border-top:1px solid var(--border-primary);gap:var(--space-3);background:#fff;flex-direction:column;display:flex}.mobile-actions a{padding:var(--space-4);text-align:center;border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:600}.mobile-actions a:first-child{color:var(--text-primary);background:var(--bg-secondary)}.mobile-actions a:first-child:hover{background:var(--bg-tertiary)}.mobile-overlay{z-index:1999;animation:fadeIn var(--transition-base);background:#00000080;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-toggle{display:flex}.nav-top-row .nav-container{padding:var(--space-4)var(--container-padding)}}@media (min-width:769px){.mobile-only{display:none!important}}@media (max-width:1024px){.nav-tools-menu{gap:var(--space-05)}.nav-item-link,.nav-item>a{font-size:var(--font-xs);padding:var(--space-2)var(--space-3)}}.hero-wrapper{padding:var(--space-32)var(--container-padding)var(--space-24);background:var(--gradient-hero);position:relative;overflow:hidden}.hero-blob{filter:blur(80px);opacity:.6;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.hero-blob-a{background:radial-gradient(circle,#ff6b3533,#0000);width:500px;height:500px;top:-200px;right:-100px}.hero-blob-b{background:radial-gradient(circle,#ff6b3526,#0000);width:400px;height:400px;animation-delay:-10s;bottom:-150px;left:-100px}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}.hero-container{text-align:center;z-index:1;max-width:900px;margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--font-sm);color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-full);margin-bottom:var(--space-6);border:1px solid #ff6b3533;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:var(--space-6);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-title span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto var(--space-10);font-size:clamp(1.125rem,2vw,1.375rem)}.hero-actions{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.hero-cta-primary{padding:var(--space-4)var(--space-8);font-size:var(--font-lg);color:#fff;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-base);font-weight:600}.hero-cta-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.hero-cta-secondary{padding:var(--space-4)var(--space-8);font-size:var(--font-lg);color:var(--text-primary);background:var(--bg-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base);font-weight:600}.hero-cta-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.hero-trust{justify-content:center;align-items:center;gap:var(--space-6);font-size:var(--font-sm);color:var(--text-tertiary);flex-wrap:wrap;display:flex}.tools-wrapper{padding:var(--space-24)var(--container-padding);background:var(--bg-primary)}.tools-container{max-width:var(--container-max);margin:18px auto}.tools-header{text-align:center;margin-bottom:var(--space-16)}.tools-header h2{margin-bottom:var(--space-4)}.tools-header h2 span{color:var(--color-primary)}.tools-header p{font-size:var(--font-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.tools-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.tool-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.tool-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.tool-card a{padding:var(--space-6);display:block}.tool-icon{width:56px;height:56px;font-size:var(--font-3xl);background:var(--gradient-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-4);transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex}.tool-card:hover .tool-icon{transform:scale(1.1)rotate(5deg)}.tool-content h3{align-items:center;gap:var(--space-2);font-size:var(--font-xl);margin-bottom:var(--space-2);color:var(--text-primary);display:flex}.tool-badge{padding:var(--space-1)var(--space-2);font-size:var(--font-xs);border-radius:var(--radius-full);text-transform:uppercase;font-weight:600}.tool-content p{font-size:var(--font-base);color:var(--text-secondary);line-height:1.6}.tools-footer{text-align:center}.tools-view-all{align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-6);font-size:var(--font-lg);color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-lg);transition:all var(--transition-base);font-weight:600;display:inline-flex}.tools-view-all:hover{background:var(--color-primary);color:#fff;transform:translate(4px)}.why-wrapper{padding:var(--space-24)var(--container-padding);background:var(--bg-secondary)}.why-container{max-width:var(--container-max);margin:0 auto}.why-header{text-align:center;margin-bottom:var(--space-16)}.why-header h2{margin-bottom:var(--space-4)}.why-header h2 span{color:var(--color-primary)}.why-header p{font-size:var(--font-lg);color:var(--text-secondary);max-width:700px;margin:0 auto}.why-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.why-card{padding:var(--space-8);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base)}.why-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.why-icon{width:72px;height:72px;font-size:var(--font-4xl);background:var(--gradient-subtle);border-radius:var(--radius-xl);margin:0 auto var(--space-5);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.why-card:hover .why-icon{background:var(--color-primary-light);transform:scale(1.1)}.why-card h3{font-size:var(--font-xl);margin-bottom:var(--space-3);color:var(--text-primary)}.why-card p{font-size:var(--font-base);color:var(--text-secondary);line-height:1.7}.how-wrapper{padding:var(--space-24)var(--container-padding);background:var(--bg-primary)}.how-container{max-width:var(--container-max);margin:0 auto}.how-header{text-align:center;margin-bottom:var(--space-16)}.how-header h2{margin-bottom:var(--space-4)}.how-header h2 span{color:var(--color-primary)}.how-header p{font-size:var(--font-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.how-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.how-card{padding:var(--space-8);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base);position:relative}.how-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.how-step{width:48px;height:48px;font-size:var(--font-xl);color:#fff;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.how-icon{width:64px;height:64px;font-size:var(--font-3xl);background:var(--gradient-subtle);border-radius:var(--radius-lg);margin:var(--space-6)auto var(--space-5);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.how-card:hover .how-icon{background:var(--color-primary-light);transform:scale(1.1)}.how-card h3{font-size:var(--font-xl);margin-bottom:var(--space-3);color:var(--text-primary)}.how-card p{font-size:var(--font-base);color:var(--text-secondary);line-height:1.7}.cta-wrapper{padding:var(--space-24)var(--container-padding);background:linear-gradient(135deg,var(--color-slate-900)0%,var(--color-slate-800)100%);position:relative;overflow:hidden}.cta-wrapper:before{content:"";pointer-events:none;background:radial-gradient(80% 50%,#ff6b3526,#0000);position:absolute;inset:0}.cta-container{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.cta-container h2{color:#fff;margin-bottom:var(--space-6);font-size:clamp(2rem,5vw,3.5rem)}.cta-container h2 span{background:linear-gradient(135deg,#ff6b35 0%,#ffb35a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta-container p{font-size:var(--font-lg);color:var(--color-slate-300);max-width:600px;margin:0 auto var(--space-10)}.cta-actions{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.cta-primary{padding:var(--space-5)var(--space-10);font-size:var(--font-lg);color:var(--color-slate-900);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transition:all var(--transition-base);background:#fff;font-weight:600}.cta-primary:hover{box-shadow:var(--shadow-2xl);background:var(--color-slate-50);transform:translateY(-2px)}.cta-secondary{padding:var(--space-5)var(--space-10);font-size:var(--font-lg);color:#fff;border-radius:var(--radius-lg);transition:all var(--transition-base);background:0 0;border:2px solid #ffffff4d;font-weight:600}.cta-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.cta-footnote{font-size:var(--font-sm);color:var(--color-slate-400)}.seo-wrapper{padding:var(--space-24)var(--container-padding);background:var(--bg-secondary)}.seo-container{max-width:900px;margin:0 auto}.seo-container h2{text-align:center;margin-bottom:var(--space-6)}.seo-container h2 span{color:var(--color-primary)}.seo-container>p{text-align:center;font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:var(--space-12)}.seo-content h3{font-size:var(--font-xl);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--text-primary)}.seo-content p{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.8}.seo-toggle{margin:var(--space-8)auto 0;padding:var(--space-4)var(--space-8);font-size:var(--font-base);color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:1px solid #ff6b3533;font-weight:600;display:block}.seo-toggle:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.footer-wrapper{background:var(--color-slate-900);color:var(--color-slate-300);padding:var(--space-16)var(--container-padding)var(--space-8)}.footer-container{max-width:var(--container-max);gap:var(--space-12);margin:0 auto;margin-bottom:var(--space-12);grid-template-columns:1.5fr 3fr;display:grid}.footer-links{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.footer-brand{max-width:300px}.footer-logo{font-size:var(--font-2xl);color:#fff;margin-bottom:var(--space-4);font-weight:800}.footer-logo span{color:var(--color-primary)}.footer-desc{font-size:var(--font-sm);color:var(--color-slate-400);line-height:1.7}.footer-column{flex-direction:column;align-items:flex-start;display:flex}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column h4{font-size:var(--font-base);color:#fff;margin-bottom:var(--space-4);font-weight:600}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:var(--space-2)}.footer-column ul li a{font-size:var(--font-sm);color:var(--color-slate-400);transition:color var(--transition-base)}.footer-column ul li a:hover{color:var(--color-primary)}.footer-bottom{max-width:var(--container-max);padding-top:var(--space-8);border-top:1px solid var(--color-slate-800);text-align:center;font-size:var(--font-sm);color:var(--color-slate-500);margin:0 auto}.about-wrapper{min-height:100vh;padding:var(--space-32)var(--container-padding)var(--space-24);background:var(--bg-primary);position:relative;overflow:hidden}.about-bg-blob{filter:blur(100px);opacity:.4;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.about-bg-blob-1{background:radial-gradient(circle,#ff6b3526,#0000 70%);width:600px;height:600px;animation:25s ease-in-out infinite floatSlow;top:-200px;right:-100px}.about-bg-blob-2{background:radial-gradient(circle,#ff6b351a,#0000 70%);width:500px;height:500px;animation:30s ease-in-out infinite reverse floatSlow;bottom:-150px;left:-100px}@keyframes floatSlow{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(40px,-40px)rotate(5deg)}66%{transform:translate(-30px,30px)rotate(-5deg)}}.about-container{z-index:1;max-width:900px;margin:0 auto;position:relative}.about-header{text-align:center;margin-bottom:var(--space-20)}.about-header h1{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-6);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.about-header h1 span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-header>p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.6}.about-content{gap:var(--space-16);flex-direction:column;display:flex}.about-section{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-10);transition:all var(--transition-base);position:relative}.about-section:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section-icon{background:var(--gradient-subtle);border-radius:var(--radius-xl);width:64px;height:64px;margin-bottom:var(--space-6);transition:transform var(--transition-base);justify-content:center;align-items:center;font-size:2rem;display:flex}.about-section:hover .section-icon{transform:scale(1.1)rotate(5deg)}.about-section h2{color:var(--text-primary);margin-bottom:var(--space-4);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.about-section p{font-size:var(--font-lg);color:var(--text-secondary);line-height:1.7}.about-list{margin:var(--space-6)0 0 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.about-list li{align-items:flex-start;gap:var(--space-3);font-size:var(--font-lg);color:var(--text-secondary);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:3px solid var(--color-primary);transition:all var(--transition-base);line-height:1.6;display:flex}.about-list li:hover{background:var(--color-primary-light);border-left-width:4px;transform:translate(4px)}.list-icon{background:var(--color-primary);color:#fff;width:24px;height:24px;font-size:var(--font-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.principles-section{background:var(--bg-secondary)}.principles-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.principle-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.principle-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.principle-icon{background:var(--gradient-subtle);border-radius:var(--radius-lg);width:56px;height:56px;margin:0 auto var(--space-4);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.75rem;display:flex}.principle-card:hover .principle-icon{background:var(--color-primary-light);transform:scale(1.15)rotate(-5deg)}.principle-card h3{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.principle-card p{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.future-section{background:linear-gradient(135deg,var(--bg-elevated)0%,var(--bg-secondary)100%);border:2px solid var(--border-primary)}.future-section:hover{border-color:var(--color-primary)}.cta-box{margin-top:var(--space-10);padding:var(--space-8);background:var(--bg-elevated);border:2px solid var(--color-primary);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md)}.cta-box h3{color:var(--text-primary);margin-bottom:var(--space-3);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700}.cta-box>p{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:var(--space-6)}.about-cta{align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-8);font-size:var(--font-lg);color:#fff;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-base);font-weight:600;text-decoration:none;display:inline-flex}.about-cta:hover{box-shadow:var(--shadow-xl);color:#fff}@media (max-width:1024px){.principles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-wrapper{padding:var(--space-24)var(--container-padding)var(--space-16)}.about-header{margin-bottom:var(--space-16)}.about-content{gap:var(--space-12)}.about-section{padding:var(--space-8)}.section-icon{width:56px;height:56px;font-size:1.75rem}.principles-grid{gap:var(--space-4);grid-template-columns:1fr}.about-list li{padding:var(--space-3);font-size:var(--font-base)}.cta-box{padding:var(--space-6)}.about-bg-blob-1,.about-bg-blob-2{display:none}}@media (max-width:480px){.about-wrapper{padding:var(--space-20)var(--space-4)var(--space-12)}.about-header h1{font-size:2rem}.about-header>p{font-size:1rem}.about-section h2{font-size:1.5rem}.about-section p{font-size:var(--font-base)}.principles-grid{grid-template-columns:1fr}.about-list li{font-size:var(--font-sm)}.about-cta{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.about-bg-blob,.about-section,.section-icon,.principle-card,.principle-icon,.about-list li{transition:none!important;animation:none!important}.about-section:hover,.principle-card:hover,.about-list li:hover{transform:none}.section-icon,.principle-icon{transition:none}}.about-section,.principle-card,.about-cta,.section-icon,.principle-icon{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-color-scheme:dark){.about-wrapper{background:var(--bg-primary)}.about-section{background:var(--bg-elevated);border-color:var(--border-primary)}.about-section:hover{border-color:var(--border-hover)}.principle-card{background:var(--bg-elevated);border-color:var(--border-primary)}}@media print{.about-bg-blob{display:none}.about-section{break-inside:avoid;page-break-inside:avoid}.about-cta{display:none}}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width:1024px){.footer-container{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1;max-width:100%}}@media (max-width:768px){:root{--container-padding:var(--space-4);--space-24:4rem;--space-32:5rem}.desktop-only{display:none!important}.mobile-only{display:flex}.hero-wrapper{padding:var(--space-24)var(--container-padding)var(--space-16)}.hero-actions{flex-direction:column;width:100%}.hero-cta-primary,.hero-cta-secondary{text-align:center;width:100%}.hero-trust{gap:var(--space-3);flex-direction:column}.tools-grid,.why-grid,.how-grid{grid-template-columns:1fr}.footer-container{gap:var(--space-8);grid-template-columns:1fr}.footer-brand{max-width:100%}.footer-links{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0}.animate-on-scroll.animated{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards fadeInUp}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-blob{animation:none}}.tool-card,.why-card,.how-card,.nav-cta,.hero-cta-primary,.hero-cta-secondary{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}:root{--accent:#ff6b35;--accent-text:#fff;--accent-soft:#ff6b351a;--accent-glow:#ff6b354d;--accent-gradient:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);--surface-1:#fff;--surface-2:#fff;--surface-3:#f8f9fa;--surface-4:#e9ecef;--text:#1a1a1a;--text-65:#1a1a1aa6;--text-70:#1a1a1ab3;--border:#e5e7eb;--border-hover:#d1d5db;--sp-10:10px;--sp-12:12px;--sp-14:14px;--sp-16:16px;--sp-20:20px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-24:24px;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--r-18:18px;--r-pill:9999px;--t-fast:.2s ease}@media (prefers-color-scheme:dark){:root{--surface-1:#0f0f0f;--surface-2:#1a1a1a;--surface-3:#2a2a2a;--surface-4:#3a3a3a;--text:#fff;--text-65:#ffffffa6;--text-70:#ffffffb3;--border:#2a2a2a;--border-hover:#3a3a3a}}.tools-page-wrapper{padding:100px var(--sp-20);background:var(--surface-1);min-height:100vh;position:relative;overflow:hidden}.tools-page-wrapper:before{content:"";background:radial-gradient(ellipse at top,var(--accent-glow)0%,transparent 70%);opacity:.2;pointer-events:none;z-index:0;width:100%;max-width:800px;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tools-page-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.tools-page-header{text-align:center;margin-bottom:48px}.tools-page-header h1{font-size:clamp(32px,5vw,48px);font-weight:var(--font-weight-black);color:var(--text);letter-spacing:-.02em;margin:0;line-height:1.2}.tools-page-header h1 span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tools-page-header p{margin-top:var(--sp-16);font-size:var(--fs-18);color:var(--text-65);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.filter-tabs{background:var(--surface-2);border-radius:var(--r-pill);border:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:8px;width:fit-content;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:8px;display:flex;box-shadow:0 2px 8px #0000000a}.filter-tab{color:var(--text-65);font-size:var(--fs-14);font-weight:var(--font-weight-medium);border-radius:var(--r-pill);cursor:pointer;transition:all var(--t-fast);text-transform:capitalize;background:0 0;border:none;padding:10px 20px;position:relative}.filter-tab:hover{color:var(--text);background:var(--surface-3)}.filter-tab.active{color:var(--accent-text);background:var(--accent);font-weight:var(--font-weight-semibold);box-shadow:0 4px 12px var(--accent-glow)}.stats-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;gap:48px;margin-bottom:56px;padding:32px;display:flex;box-shadow:0 4px 16px #0000000a}.stat-item{cursor:pointer;transition:transform var(--t-fast);flex-direction:column;align-items:center;gap:8px;display:flex}.stat-number{font-size:clamp(24px,3vw,32px);font-weight:var(--font-weight-bold);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.stat-label{font-size:var(--fs-13);color:var(--text-65);font-weight:var(--font-weight-medium)}.tools-page-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.tool-card{background:var(--surface-2);border:2px solid var(--border);border-radius:var(--r-18);transition:all var(--t-fast);flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.tool-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tool-card:hover:before{left:100%}.tool-card:hover{border-color:var(--accent);box-shadow:0 12px 40px #00000014}.tool-card h3{font-size:var(--fs-18);font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 12px;line-height:1.4}.tool-desc{font-size:var(--fs-14);color:var(--text-70);flex-grow:1;margin:0;line-height:1.6}.tool-badge{border-radius:var(--r-pill);font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;z-index:2;padding:6px 12px;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.tool-badge.new{background:var(--color-primary-new);color:#fff}.tool-badge.popular{background:var(--color-primary-popular);color:#fff}.tool-badge.pro{background:var(--color-primary-pro);color:#fff}.tool-badge.ai{background:var(--color-primary-ai);color:#fff}.tool-badge.beta{background:var(--color-primary-beta);color:#fff}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.tool-tags{margin-top:var(--sp-16);flex-wrap:wrap;gap:8px;display:flex}.tool-tags span{background:var(--surface-4);border-radius:var(--r-pill);color:var(--text-70);font-size:11px;font-weight:var(--font-weight-medium);transition:all var(--t-fast);cursor:pointer;border:1px solid #0000;padding:6px 12px}.tool-tags span:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tool-meta{margin-top:var(--sp-16);font-size:var(--fs-13);color:var(--text-65);font-weight:var(--font-weight-medium);gap:20px;display:flex}.tool-meta span{transition:all var(--t-fast);cursor:pointer;align-items:center;gap:6px;display:flex}.tool-meta span svg{font-size:16px}.stars{margin-top:var(--sp-14);align-items:center;gap:4px;font-size:16px;display:flex}.stars span{color:#ddd;transition:color var(--t-fast);align-items:center;display:flex}.stars span svg{width:16px;height:16px}.stars .filled{color:#ffb400}.stars .filled svg{fill:#ffb400}.rating-text{color:var(--text-65);font-size:13px;font-weight:var(--font-weight-semibold);margin-left:8px}.tool-cta-wrapper{margin-top:24px;text-decoration:none;display:block}.tool-cta{text-align:center;border-radius:var(--r-pill);background:var(--accent-gradient);width:100%;color:var(--accent-text);font-size:var(--fs-14);font-weight:var(--font-weight-bold);transition:all var(--t-fast);cursor:pointer;box-shadow:0 4px 12px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;display:flex;position:relative;overflow:hidden}.tool-cta:hover{box-shadow:0 8px 20px var(--accent-glow);transform:translateY(-1px)}.cta-arrow{align-items:center;font-size:18px;font-weight:700;display:inline-flex}.cta-arrow svg{width:18px;height:18px}.empty-state{text-align:center;grid-column:1/-1;padding:80px 20px}.empty-icon{color:var(--text-65);margin-bottom:24px;font-size:64px;display:inline-flex}.empty-icon svg{width:64px;height:64px}.empty-state h3{font-size:var(--fs-24);font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 12px}.empty-state p{font-size:var(--fs-16);color:var(--text-65);margin:0}@media (max-width:1024px){.tools-page-grid{grid-template-columns:repeat(2,1fr)}.stats-bar{gap:32px;padding:24px}.stat-number{font-size:24px}}@media (max-width:768px){.tools-page-wrapper{padding:80px var(--sp-16)}.stats-bar{flex-direction:column;gap:24px}.filter-tabs{padding:6px}.filter-tab{font-size:var(--fs-13);padding:8px 16px}.tools-page-header h1{font-size:32px}.tools-page-header p{font-size:var(--fs-16)}}@media (max-width:600px){.tools-page-wrapper{padding:70px var(--sp-16)}.tools-page-grid{grid-template-columns:1fr}.tool-card{padding:24px}.stats-bar{padding:20px}}.tool-card,.filter-tab,.stat-item,.tool-tags span{will-change:transform}.tool-page-wrapper{min-height:100vh;padding:var(--space-24)var(--container-padding)var(--space-20);background:var(--bg-secondary)}.tool-container{max-width:1000px;margin:0 auto}.tool-loading{padding:var(--space-24);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner-large{border:4px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tool-loading p{margin-top:var(--space-4);font-size:var(--font-lg);color:var(--text-secondary)}.tool-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary);margin:var(--space-4);padding:var(--space-3)var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);width:fit-content;box-shadow:var(--shadow-sm);display:flex}.tool-breadcrumb a{color:var(--text-secondary);transition:color var(--transition-base);text-decoration:none}.tool-breadcrumb a:hover{color:var(--color-primary)}.tool-breadcrumb span{color:var(--text-primary);font-weight:500}.tool-breadcrumb svg{width:12px;height:12px;color:var(--text-tertiary)}.tool-page-header{text-align:center;margin:var(--space-4);padding:var(--space-8);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.tool-page-header h1{color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2}.tool-page-header p{font-size:var(--font-lg);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.tool-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg);margin:var(--space-4)}.tool-info-banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-primary-light);border-radius:var(--radius-lg);margin-bottom:var(--space-8);border:1px solid #ff6b3533;display:flex}.tool-info-banner svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.tool-info-banner p{font-size:var(--font-sm);color:var(--text-primary);margin:0;line-height:1.6}.tool-upload-area{border:2px dashed var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;background:var(--bg-secondary);transition:all var(--transition-base);cursor:pointer;position:relative}.tool-upload-area:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.tool-upload-area.drag-active{border-color:var(--color-primary);background:var(--color-primary-light);border-style:solid;transform:scale(1.01);box-shadow:0 0 0 4px #ff6b351a}.tool-upload-area.has-files{border-style:solid;border-color:var(--color-success);background:#10b9810d}.tool-file-input{opacity:0;width:0;height:0;position:absolute;overflow:hidden}.tool-upload-label{align-items:center;gap:var(--space-3);cursor:pointer;flex-direction:column;display:flex}.upload-icon{width:64px;height:64px;padding:var(--space-4);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);margin-bottom:var(--space-2);transition:transform var(--transition-base)}.tool-upload-area:hover .upload-icon{transform:scale(1.1)rotate(5deg)}.tool-upload-label h3{font-size:var(--font-xl);color:var(--text-primary);margin:0;font-weight:600}.tool-upload-label p{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.tool-preview-section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-primary)}.preview-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.preview-header h3{font-size:var(--font-xl);color:var(--text-primary);margin:0;font-weight:600}.btn-clear-all{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--font-sm);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:0 0;font-weight:500;display:flex}.btn-clear-all:hover{color:var(--color-error);border-color:var(--color-error);background:#ef44440d}.preview-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.preview-item{aspect-ratio:1;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.preview-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.preview-item img{object-fit:cover;width:100%;height:100%}.preview-remove{top:var(--space-2);right:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;transition:all var(--transition-base);opacity:0;z-index:2;background:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute}.preview-item:hover .preview-remove{opacity:1}.preview-remove:hover{background:var(--color-error);border-color:var(--color-error);color:#fff;transform:scale(1.1)}.preview-name{bottom:var(--space-6);padding:var(--space-2)var(--space-3);font-size:var(--font-xs);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000c);position:absolute;left:0;right:0;overflow:hidden}.preview-size{padding:var(--space-1)var(--space-2);color:#fff;text-align:center;background:#000000e6;font-size:10px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.preview-badge{top:var(--space-2);left:var(--space-2);padding:2px var(--space-2);color:#fff;background:var(--color-success);border-radius:var(--radius-sm);text-transform:uppercase;z-index:1;font-size:10px;font-weight:700;position:absolute}.preview-item.converted{border-color:var(--color-success);box-shadow:0 0 0 2px #10b9811a}.btn-convert{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4)var(--space-6);font-size:var(--font-lg);color:#fff;background:var(--gradient-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);border:none;font-weight:600;display:flex}.btn-convert:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-convert:disabled{opacity:.8;cursor:not-allowed}.btn-convert svg{width:20px;height:20px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.progress-bar-container{margin-top:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.tool-result-section{margin-top:var(--space-8);padding:var(--space-8);background:var(--gradient-subtle);border:2px solid var(--color-success);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.result-header{text-align:center;margin-bottom:var(--space-8)}.success-icon{width:64px;height:64px;padding:var(--space-4);color:var(--color-success);border-radius:var(--radius-full);margin:0 auto var(--space-4);background:#10b9811a;animation:1s ease-out successPulse}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.result-header h3{font-size:var(--font-2xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.result-header p{font-size:var(--font-base);color:var(--text-secondary);margin:0}.btn-download{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4)var(--space-6);font-size:var(--font-lg);color:#fff;background:var(--color-success);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);margin-top:var(--space-6);border:none;font-weight:600;display:flex}.btn-download:hover{box-shadow:var(--shadow-lg);background:#059669;transform:translateY(-1px)}.btn-download svg{width:20px;height:20px}.tool-features-section{margin-bottom:var(--space-16)}.section-header{text-align:center;margin:var(--space-4)}.section-header h2{color:var(--text-primary);margin-bottom:var(--space-3);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.section-header p{font-size:var(--font-lg);color:var(--text-secondary)}.features-grid{gap:var(--space-6);margin:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.feature-card{padding:var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.feature-icon{background:var(--gradient-subtle);border-radius:var(--radius-lg);width:56px;height:56px;margin:0 auto var(--space-4);transition:transform var(--transition-base);justify-content:center;align-items:center;font-size:1.75rem;display:flex}.feature-card:hover .feature-icon{transform:scale(1.1)rotate(5deg)}.feature-card h3{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.feature-card p{font-size:var(--font-sm);color:var(--text-secondary);margin:0;line-height:1.6}.tool-content-section{margin:var(--space-12)0;padding:var(--space-8)0;border-top:1px solid var(--border-primary)}.tool-content-body{font-size:var(--font-lg);color:var(--text-primary);margin:0 auto;line-height:1.8}.tool-content-body h1,.tool-content-body h2,.tool-content-body h3{margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--text-primary);font-weight:700;line-height:1.3}.tool-content-body h1{border-bottom:2px solid var(--border-primary);padding-bottom:var(--space-3);font-size:clamp(1.875rem,4vw,2.5rem)}.tool-content-body h2{font-size:clamp(1.5rem,3vw,2rem)}.tool-content-body h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}.tool-content-body p{margin-bottom:var(--space-4);color:var(--text-secondary)}.tool-content-body p:first-of-type{font-size:var(--font-xl);color:var(--text-primary);font-weight:500}.tool-content-body ul,.tool-content-body ol{margin:var(--space-5)0;padding-left:var(--space-8)}.tool-content-body ul{list-style-type:disc}.tool-content-body ol{list-style-type:decimal}.tool-content-body li{margin-bottom:var(--space-3);color:var(--text-secondary);line-height:1.7}.tool-content-body li::marker{color:var(--color-primary);font-weight:600}.tool-content-body a{color:var(--color-primary);text-underline-offset:3px;transition:all var(--transition-base);-webkit-text-decoration:underline #ff6b354d;text-decoration:underline #ff6b354d}.tool-content-body a:hover{color:var(--color-primary-hover);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.tool-content-body strong{color:var(--text-primary);font-weight:700}.tool-content-body em{font-style:italic}.tool-content-body u{text-decoration:underline;-webkit-text-decoration-color:var(--color-primary-light);text-decoration-color:var(--color-primary-light);text-underline-offset:2px}.tool-content-body code{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--color-primary-dark);border:1px solid var(--border-secondary);padding:2px 8px;font-family:Courier New,monospace;font-size:.9em}.tool-content-body pre{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-5)0;border:1px solid var(--border-primary);overflow-x:auto}.tool-content-body pre code{color:var(--text-primary);background:0 0;border:none;padding:0}.tool-content-body blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-5);margin:var(--space-6)0;color:var(--text-secondary);background:var(--color-primary-light);padding:var(--space-4)var(--space-5);border-radius:0 var(--radius-lg)var(--radius-lg)0;font-style:italic}.tool-content-body hr{border:none;border-top:2px solid var(--border-primary);margin:var(--space-8)0}.tool-content-body img{border-radius:var(--radius-lg);max-width:100%;height:auto;margin:var(--space-6)0;box-shadow:var(--shadow-md)}.tool-content-body table{border-collapse:collapse;width:100%;margin:var(--space-6)0;font-size:var(--font-sm)}.tool-content-body th,.tool-content-body td{padding:var(--space-3);border:1px solid var(--border-primary);text-align:left}.tool-content-body th{background:var(--bg-secondary);color:var(--text-primary);font-weight:700}.tool-content-body td{color:var(--text-secondary)}.tool-content-body mark{color:var(--text-primary);border-radius:var(--radius-sm);background:#ff6b3526;padding:2px 4px}@media (max-width:768px){.tool-content-section{margin:var(--space-4)}.tool-content-body{font-size:var(--font-base)}.tool-content-body p:first-of-type{font-size:var(--font-lg)}.tool-content-body h1{font-size:1.75rem}.tool-content-body h2{font-size:1.5rem}.tool-content-body h3{font-size:1.25rem}.tool-content-body ul,.tool-content-body ol{padding-left:var(--space-6)}.tool-content-body pre{padding:var(--space-3);font-size:.85rem}}.tool-faq-section{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-md)}.faq-list{gap:var(--space-6);flex-direction:column;display:flex}.faq-item{padding:var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-primary);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.faq-item:hover{background:var(--color-primary-light);transform:translate(4px)}.faq-item h3{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600}.faq-item p{font-size:var(--font-base);color:var(--text-secondary);margin:0;line-height:1.7}@media (max-width:768px){.tool-page-wrapper{padding:var(--space-16)var(--space-4)}.tool-card,.tool-faq-section{padding:var(--space-6)}.tool-upload-area{padding:var(--space-8)}.preview-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.features-grid{grid-template-columns:1fr}.tool-breadcrumb{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.spinner,.upload-icon,.feature-icon,.success-icon{animation:none!important}.preview-item:hover,.feature-card:hover,.btn-convert:hover,.btn-download:hover{transform:none}}.btn-convert:focus-visible,.btn-download:focus-visible,.btn-clear-all:focus-visible,.preview-remove:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dt-root{gap:var(--space-4);flex-direction:column;display:flex}.dt-card{background:var(--bg-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.dt-card-header{padding:var(--space-4)var(--space-6);border-bottom:1.5px solid var(--border-primary);background:var(--bg-primary)}.dt-card-body{flex:1;min-height:0}.dt-card-footer{border-top:1.5px solid var(--border-primary);background:var(--bg-secondary)}.dt-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.dt-toolbar-left{align-items:center;gap:var(--space-4);flex-wrap:wrap;flex:1;min-width:0;display:flex}.dt-toolbar-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.dt-title-block{margin-right:var(--space-2);flex-direction:column;gap:2px;display:flex}.dt-title{font-size:var(--font-base);color:var(--text-primary);margin:0;font-weight:700;line-height:1.3}.dt-subtitle{font-size:var(--font-xs);color:var(--text-tertiary);margin:0;line-height:1.4}.dt-search{width:260px;max-width:100%;position:relative}.dt-search-icon{color:var(--text-tertiary);pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dt-search-input{border-radius:var(--radius-lg);border:1.5px solid var(--border-primary);background:var(--bg-secondary);width:100%;height:38px;color:var(--text-primary);font-size:var(--font-sm);transition:all var(--transition-base);outline:none;padding:0 36px}.dt-search-input::placeholder{color:var(--text-tertiary)}.dt-search-input:focus{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 3px #ff6b351f}.dt-search-clear{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-full);width:22px;height:22px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.dt-search-clear:hover{color:var(--text-primary);background:var(--bg-tertiary)}.dt-selection-badge{align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--color-primary);background:#ff6b351a;border:1px solid #ff6b354d;font-weight:600;display:inline-flex}.dt-selection-badge button{cursor:pointer;color:var(--color-primary);opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;display:flex}.dt-selection-badge button:hover{opacity:1}.dt-btn{align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--radius-lg);border:1.5px solid var(--border-primary);background:var(--bg-primary);color:var(--text-secondary);font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;display:inline-flex}.dt-btn:hover:not(:disabled){border-color:var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary)}.dt-btn:disabled{opacity:.4;cursor:not-allowed}.dt-btn-active{border-color:var(--color-primary);color:var(--color-primary);background:#ff6b350f}.dt-btn-primary{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 4px 12px #ff6b354d}.dt-btn-primary:hover:not(:disabled){background:var(--gradient-primary);filter:brightness(1.06);box-shadow:0 6px 18px #ff6b3566}.dt-badge{height:18px;color:var(--color-primary);border-radius:var(--radius-full);margin-left:var(--space-1);background:#ff6b3526;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.dt-select{height:38px;padding:0 var(--space-3);border-radius:var(--radius-lg);border:1.5px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm);cursor:pointer;transition:border-color var(--transition-base);outline:none;font-weight:500}.dt-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351f}.dt-col-toggle{position:relative}.dt-col-menu{right:0;top:calc(100% + var(--space-2));background:var(--bg-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-xl);min-width:220px;box-shadow:var(--shadow-xl);z-index:100;animation:.15s dt-dropdown-in;position:absolute;overflow:hidden}@keyframes dt-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dt-col-menu-header{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.dt-col-menu-header span{font-size:var(--font-xs);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.dt-col-reset{font-size:var(--font-xs);color:var(--color-primary);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;font-weight:600}.dt-col-reset:hover{opacity:.75}.dt-col-menu-body{padding:var(--space-2);flex-direction:column;gap:2px;max-height:280px;display:flex;overflow-y:auto}.dt-col-item{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.dt-col-item:hover{background:var(--bg-secondary)}.dt-col-checkbox{border:1.5px solid var(--border-secondary);color:#0000;width:18px;height:18px;transition:all var(--transition-fast);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.dt-col-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.dt-col-label{font-size:var(--font-sm);color:var(--text-secondary)}.dt-table-wrap{width:100%;max-height:600px;overflow:auto}.dt-table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px}.dt-table thead{z-index:10;position:sticky;top:0}.dt-table thead th{background:var(--bg-secondary);border-bottom:1.5px solid var(--border-primary);padding:var(--space-3)var(--space-4);text-align:left;font-size:var(--font-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:background var(--transition-fast);font-weight:700}.dt-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.dt-table thead th.sortable:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dt-th-inner{align-items:center;gap:var(--space-2);display:flex}.dt-sort-icon{color:var(--color-slate-400);transition:color var(--transition-fast);flex-shrink:0;align-items:center;font-size:11px;display:flex}.dt-sort-icon.dt-sort-active{color:var(--color-primary)}.dt-table tbody tr{transition:background var(--transition-fast)}.dt-table tbody tr:hover td{background:var(--bg-secondary)}.dt-table tbody tr.dt-row-selected td{background:#ff6b350f;border-bottom-color:#ff6b3526}.dt-table tbody tr.dt-row-selected:hover td{background:#ff6b351a}.dt-table tbody td{border-bottom:1px solid var(--border-primary);padding:var(--space-3)var(--space-4);font-size:var(--font-sm);color:var(--text-primary);white-space:nowrap;vertical-align:middle}.dt-table tbody tr:last-child td{border-bottom:none}.dtCheckbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;border-radius:4px}.dt-pagination{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3)var(--space-6);flex-wrap:wrap;display:flex}.dt-pagination-info{font-size:var(--font-sm);color:var(--text-tertiary)}.dt-pagination-info strong{color:var(--text-primary);font-weight:700}.dt-pagination-controls{align-items:center;gap:var(--space-3);display:flex}.dt-page-size{align-items:center;gap:var(--space-2);display:flex}.dt-page-size-label{font-size:var(--font-xs);color:var(--text-tertiary);font-weight:600}.dt-page-nav{align-items:center;gap:var(--space-1);display:flex}.dt-nav-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-primary);background:var(--bg-primary);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.dt-nav-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#ff6b350f}.dt-nav-btn:disabled{opacity:.35;cursor:not-allowed}.dt-page-pill{height:34px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--border-primary);background:var(--bg-primary);font-size:var(--font-xs);align-items:center;gap:4px;display:inline-flex}.dt-page-current{color:var(--color-primary);font-weight:800}.dt-page-sep{color:var(--text-tertiary)}.dt-page-total{color:var(--text-secondary);font-weight:600}.dt-state{padding:var(--space-20)var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.dt-state-icon{border-radius:var(--radius-2xl);background:var(--bg-secondary);border:1.5px solid var(--border-primary);width:56px;height:56px;color:var(--text-tertiary);margin-bottom:var(--space-2);justify-content:center;align-items:center;font-size:22px;display:flex}.dt-state-icon.error{color:var(--color-error);background:#ef444414;border-color:#ef444433}.dt-state-title{font-size:var(--font-base);color:var(--text-primary);font-weight:700}.dt-state-sub{font-size:var(--font-sm);color:var(--text-tertiary);max-width:360px;margin:0;line-height:1.6}.dt-skeleton{padding:var(--space-4)var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.dt-skeleton-row{gap:var(--space-3);display:flex}.dt-skeleton-cell{border-radius:var(--radius-full);background:var(--bg-tertiary);flex:1;height:14px;animation:1.5s ease-in-out infinite dt-shimmer}.dt-skeleton-row:first-child .dt-skeleton-cell{background:var(--color-slate-200);height:10px}@keyframes dt-shimmer{0%{opacity:1}50%{opacity:.45}to{opacity:1}}@media (max-width:640px){.dt-card-header{padding:var(--space-3)var(--space-4)}.dt-pagination{padding:var(--space-3)var(--space-4);flex-direction:column;align-items:flex-start}.dt-toolbar{flex-direction:column;align-items:flex-start}.dt-search{width:100%}.dt-toolbar-right{justify-content:flex-end;width:100%}.dt-title-block{margin-bottom:var(--space-2)}.dt-pagination-info{display:none}}.pageHeader{gap:10px;margin-bottom:16px;display:grid}.pageHeaderCard{background:var(--white-05);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:18px;padding:14px 16px}.pageHeaderFlat{box-shadow:none;background:0 0;border:none;padding:0}.pageHeaderTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.pageHeaderLeft{align-items:flex-start;gap:12px;display:flex}.pageTitle{color:var(--text);margin:0;font-size:18px;font-weight:900}.pageSubtitle{color:var(--text-65);margin:4px 0 0;font-size:13px}.pageHeaderActions{flex-wrap:wrap;gap:8px;display:flex}.pageBreadcrumbs{color:var(--text-55);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.phBtn{border:1px solid var(--border);background:var(--surface-2);height:36px;color:var(--text);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.phBtn:hover{border-color:var(--accent-border);background:var(--accent-soft)}.phBtn.primary{background:var(--accent-gradient);color:#fff;border-color:#0000}.phBtn.danger{color:#b42318;background:#ef44441f;border-color:#ef444440}.phBtn.danger:hover{background:#ef44442e}.pageBreadcrumbs{color:var(--text-55);align-items:center;gap:6px;font-size:12px;display:flex}.breadcrumbItem a{color:var(--text-70);text-decoration:none}.breadcrumbItem a:hover{color:var(--accent);text-decoration:underline}.breadcrumbSep{color:var(--text-55);font-size:10px}@media (max-width:768px){.pageHeaderTop{flex-direction:column;align-items:flex-start}.pageHeaderActions{width:100%}}.loadingOverlay{z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffa6;place-items:center;display:grid;position:fixed;inset:0}.loadingCard{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text);border-radius:18px;justify-items:center;gap:12px;min-width:240px;padding:18px 22px;display:grid}.loadingText{color:var(--text-70);font-size:13px;font-weight:600}.dots{align-items:center;gap:8px;height:16px;display:inline-flex}.dot{background:var(--accent);opacity:.9;border-radius:999px;width:10px;height:10px;animation:.9s ease-in-out infinite dotBounce;transform:translateY(0)}.dot:nth-child(2){opacity:.75;animation-delay:.12s}.dot:nth-child(3){opacity:.6;animation-delay:.24s}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-7px)}}.swal-popup{background:var(--surface-1)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow-lg)!important;border-radius:18px!important}.swal-title{color:var(--text)!important;font-size:16px!important;font-weight:900!important}.swal-text{color:var(--text-70)!important;font-size:13px!important;line-height:1.35!important}.swal-btn{border:1px solid var(--border)!important;border-radius:14px!important;padding:10px 14px!important;font-weight:900!important}.swal-btn-confirm{background:var(--accent-gradient)!important;color:#fff!important;border-color:#0000!important}.swal-btn-cancel{background:var(--surface-2)!important;color:var(--text)!important}.swal-btn-neutral{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}.swal-input{border:1px solid var(--border)!important;background:var(--surface-7)!important;color:var(--text)!important;border-radius:14px!important;padding:10px 12px!important}.swal-toast{border:1px solid var(--border)!important;background:var(--surface-1)!important;color:var(--text)!important;box-shadow:var(--shadow-lg)!important;border-radius:16px!important}.toastViewport{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:10px;width:380px;max-width:calc(100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toastCard{pointer-events:all;border-radius:var(--radius-xl);background:var(--bg-primary);border:1.5px solid var(--border-primary);box-shadow:var(--shadow-xl),0 0 0 1px #fff9 inset;align-items:flex-start;gap:12px;padding:14px 14px 16px 0;animation:.38s cubic-bezier(.34,1.46,.64,1) both toast-in;display:flex;position:relative;overflow:hidden}.toastCard.toast-exiting{animation:.28s cubic-bezier(.4,0,.2,1) both toast-out}.toastCard:before{content:"";width:4px;transition:background var(--transition-base);border-radius:0 3px 3px 0;flex-shrink:0;align-self:stretch;margin-right:2px;display:block}.toastCard:after{content:"";border-radius:inherit;opacity:.055;pointer-events:none;transition:opacity var(--transition-base);position:absolute;inset:0}.toastIcon{border-radius:var(--radius-lg);width:38px;height:38px;transition:transform var(--transition-bounce);border:1.5px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.toastCard:hover .toastIcon{transform:scale(1.08)rotate(-4deg)}.toastBody{flex:1;min-width:0;padding-top:1px}.toastTitle{font-size:var(--font-sm);color:var(--text-primary);letter-spacing:-.01em;font-weight:700;line-height:1.3}.toastMsg{font-size:var(--font-xs);color:var(--text-secondary);margin-top:3px;line-height:1.5}.toastClose{border-radius:var(--radius-md);border:1.5px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;margin-right:4px;font-size:13px;display:flex}.toastClose:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary);transform:scale(1.1)}.toastProgress{border-radius:0 0 var(--radius-xl)var(--radius-xl);transform-origin:0;height:3px;animation:linear both toast-progress;position:absolute;bottom:0;left:0}.toast-success:before{background:var(--color-success)}.toast-success:after{background:radial-gradient(ellipse at top left,var(--color-success),transparent 70%)}.toast-success{box-shadow:var(--shadow-xl),0 0 28px #10b9811a,0 0 0 1px #fff9 inset;border-color:#10b98147}.toast-success .toastIcon{color:var(--color-success);background:#10b9811f;border-color:#10b98140}.toast-success .toastProgress{background:linear-gradient(90deg,var(--color-success),#10b98180)}.toast-error:before{background:var(--color-error)}.toast-error:after{background:radial-gradient(ellipse at top left,var(--color-error),transparent 70%)}.toast-error{box-shadow:var(--shadow-xl),0 0 28px #ef44441a,0 0 0 1px #fff9 inset;border-color:#ef444447}.toast-error .toastIcon{color:var(--color-error);background:#ef44441a;border-color:#ef444440}.toast-error .toastProgress{background:linear-gradient(90deg,var(--color-error),#ef444480)}.toast-warning:before{background:var(--color-warning)}.toast-warning:after{background:radial-gradient(ellipse at top left,var(--color-warning),transparent 70%)}.toast-warning{box-shadow:var(--shadow-xl),0 0 28px #f59e0b1a,0 0 0 1px #fff9 inset;border-color:#f59e0b47}.toast-warning .toastIcon{color:var(--color-warning);background:#f59e0b1a;border-color:#f59e0b40}.toast-warning .toastProgress{background:linear-gradient(90deg,var(--color-warning),#f59e0b80)}.toast-info:before{background:var(--color-info)}.toast-info:after{background:radial-gradient(ellipse at top left,var(--color-info),transparent 70%)}.toast-info{box-shadow:var(--shadow-xl),0 0 28px #3b82f61a,0 0 0 1px #fff9 inset;border-color:#3b82f640}.toast-info .toastIcon{color:var(--color-info);background:#3b82f61a;border-color:#3b82f638}.toast-info .toastProgress{background:linear-gradient(90deg,var(--color-info),#3b82f680)}@keyframes toast-in{0%{opacity:0;transform:translate(calc(100% + 24px))scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out{0%{opacity:1;max-height:120px;margin-bottom:0;transform:translate(0)scale(1)}to{opacity:0;max-height:0;margin-bottom:-10px;transform:translate(calc(100% + 24px))scale(.9)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}.toastCard:hover .toastProgress{animation-play-state:paused}@media (max-width:480px){.toastViewport{width:auto;bottom:12px;left:12px;right:12px}}.dropdownBackdrop{z-index:40;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.dropdownMenu{background:var(--surface-1);border:1px solid var(--border);width:340px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);z-index:45;border-radius:16px;position:absolute;top:calc(100% + 10px);overflow:hidden}.dropdownHeaderRow{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.dropdownTitle{color:var(--text);font-size:14px;font-weight:900}.dropdownSub{color:var(--text-65);margin-top:2px;font-size:12px}.dropdownActionBtn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;padding:8px 10px;font-size:12px}.dropdownActionBtn:hover{border-color:var(--accent-border);background:var(--accent-soft)}.dropdownList{gap:6px;max-height:340px;padding:10px;display:grid;overflow:auto}.dropdownEmpty{color:var(--text-65);text-align:center;padding:12px}.dropdownFooter{border-top:1px solid var(--border);justify-content:flex-end;padding:12px 14px;display:flex}.dropdownFooterLink{color:var(--accent);font-size:13px;font-weight:800;text-decoration:none}.notifBadge{background:var(--accent);color:#fff;border:2px solid var(--surface-1);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px}.notifItem{color:var(--text);background:var(--surface-2);border:1px solid #0000;border-radius:14px;gap:10px;padding:10px;text-decoration:none;display:flex}.notifItem:hover{border-color:var(--accent-border);background:var(--accent-soft)}.notifItem.unread{background:#ff7a0014;border-color:#ff7a002e}.notifDot{background:var(--accent);border-radius:999px;flex:none;width:8px;height:8px;margin-top:6px;box-shadow:0 0 0 6px #ff7a001a}.notifText{min-width:0}.notifTitle{font-size:13px;font-weight:900}.notifDesc{color:var(--text-65);margin-top:2px;font-size:12px}.notifTime{color:var(--text-55);margin-top:6px;font-size:11px}.profileMenuHeader{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px;display:flex}.profileAvatarLg{background:var(--accent-soft);border:1px solid var(--accent-border);width:42px;height:42px;color:var(--text);border-radius:14px;place-items:center;font-weight:900;display:grid}.profileMenuName{color:var(--text);font-size:14px;font-weight:900}.profileMenuEmail{color:var(--text-65);font-size:12px}.menuItem{background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;display:flex}.menuItem:hover{border-color:var(--accent-border);background:var(--accent-soft)}.menuItem.danger{color:#b42318;background:#b423180f;border-color:#b423181f}.menuItem.danger:hover{background:#b4231817;border-color:#b423182e}.navGroup{gap:8px;display:grid}.navGroupBtn{text-align:left;width:100%}.navGroupLeft{align-items:center;gap:12px;display:inline-flex}.navChevron{opacity:.8;margin-left:auto}.subNav{gap:8px;max-height:0;margin-top:-2px;padding-left:12px;transition:max-height .2s;display:grid;overflow:hidden}.subNav.open{max-height:340px}.subNavItem{color:#ffffffc7;background:#0000002e;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.subNavItem:hover{color:#fff;background:#00000047;border-color:#ff7a0040}.subNavItem.active{color:#fff;background:#ff7a001f;border-color:#ff7a0042}.subNavDot{background:#ff7a00;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 6px #ff7a001f}.subNavLabel{font-size:13px}.loginRoot{background:var(--bg-secondary);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.loginRoot:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#ff6b3514,#0000);position:absolute;inset:0}.loginBlob{filter:blur(80px);opacity:.6;border-radius:var(--radius-full);pointer-events:none;z-index:0;width:500px;height:500px;position:absolute}.loginBlobA{background:radial-gradient(circle at 30% 30%,#ff6b3566,#ff6b3500 60%);animation:8s ease-in-out infinite floatBlobA;top:-150px;left:-150px}.loginBlobB{background:radial-gradient(circle at 40% 40%,#ff6b3540,#ff6b3500 65%);animation:10s ease-in-out infinite floatBlobB;bottom:-200px;right:-200px}@keyframes floatBlobA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,20px)scale(1.05)}}@keyframes floatBlobB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-25px,-25px)scale(1.03)}}.loginContainer{z-index:1;width:100%;max-width:480px;margin:0 auto;position:relative}.loginWrapper{width:100%}.loginCard{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.loginCard:before{content:"";border-radius:var(--radius-2xl);pointer-events:none;background:linear-gradient(135deg,#ff6b3508 0%,#ff6b3503 100%);position:absolute;inset:0}.loginCardHeader{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.loginCardTitle{flex:1;min-width:0}.cardTitle{font-size:var(--font-2xl);color:var(--text-primary);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.2}.cardSubtitle{font-size:var(--font-sm);color:var(--text-secondary);margin:var(--space-2)0 0 0;line-height:1.5}.loginSpark{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-light)0%,#ff6b351a 100%);border:1px solid var(--color-primary);width:44px;height:44px;color:var(--color-primary);font-size:var(--font-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 4px #ff6b351a}.loginForm{gap:var(--space-5);flex-direction:column;display:flex}.formGroup{gap:var(--space-2);flex-direction:column;display:flex}.formLabel{font-size:var(--font-sm);color:var(--text-secondary);margin:0;font-weight:500}.inputGroup{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:stretch;display:flex;position:relative;overflow:hidden}.inputGroup:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background:var(--bg-elevated)}.inputIcon{width:44px;color:var(--text-tertiary);transition:color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.inputGroup:focus-within .inputIcon{color:var(--color-primary)}.formInput{padding:var(--space-3)var(--space-4);font-size:var(--font-base);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit}.formInput::placeholder{color:var(--text-tertiary)}:-webkit-any(.formInput:autofill,.formInput:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--bg-tertiary)inset;-webkit-text-fill-color:var(--text-primary)}:is(.formInput:autofill,.formInput:autofill){-webkit-box-shadow:0 0 0 1000px var(--bg-tertiary)inset;-webkit-text-fill-color:var(--text-primary)}.inputToggle{width:44px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.inputToggle:hover{color:var(--text-primary);background:#0000000d}.inputToggle:focus{color:var(--color-primary);outline:none}.formRow{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.checkboxLabel{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;display:flex}.checkboxInput{border:2px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);appearance:none;margin:0;position:relative}.checkboxInput:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkboxInput:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkboxInput:focus{box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.checkboxText{font-size:var(--font-sm);color:var(--text-secondary)}.forgotLink{font-size:var(--font-sm);color:var(--color-primary);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.forgotLink:hover{color:var(--color-primary-hover);text-decoration:underline}.errorBox{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-sm);background:#ef44441a;border:1px solid #ef44444d;line-height:1.5;display:flex}.errorBox i{flex-shrink:0;font-size:1rem}.loginBtn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4)var(--space-6);background:var(--gradient-primary);border-radius:var(--radius-lg);color:var(--text-inverse);font-size:var(--font-base);letter-spacing:-.01em;cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000001a,0 0 0 1px #ff6b3580}.loginBtn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#fff3 0%,#fff0 100%);position:absolute;inset:0}.loginBtn:hover:not(:disabled):before{opacity:1}.loginBtn:hover:not(:disabled){box-shadow:0 4px 12px #ff6b354d,0 0 0 1px #ff6b35b3}.loginBtn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 4px #ff6b3533,0 0 0 1px #ff6b3599}.loginBtn:disabled{opacity:.5;cursor:not-allowed}.loginBtn:focus{box-shadow:0 4px 12px #ff6b354d,0 0 0 3px var(--color-primary-light);outline:none}.spinner{border-radius:var(--radius-full);border:2px solid #ffffff4d;border-top-color:#fff;width:16px;height:16px;animation:.6s linear infinite spin}.loginHelp{text-align:center;font-size:var(--font-xs);color:var(--text-tertiary);padding-top:var(--space-2)}@media (max-width:640px){.loginRoot{padding:var(--space-4)}.loginCard{padding:var(--space-8)}.cardTitle{font-size:var(--font-xl)}.loginSpark{width:38px;height:38px;font-size:var(--font-lg)}.formRow{align-items:flex-start;gap:var(--space-3);flex-direction:column}.loginBlob{width:350px;height:350px}.loginBlobA{top:-100px;left:-100px}.loginBlobB{bottom:-150px;right:-150px}}@media (max-width:420px){.loginCard{padding:var(--space-6)}.cardTitle{font-size:var(--font-lg)}.cardSubtitle{font-size:var(--font-xs)}.loginSpark{width:36px;height:36px;font-size:var(--font-base)}.formInput{padding:var(--space-3)}.inputIcon,.inputToggle{width:40px}}@media (prefers-reduced-motion:reduce){.loginBlob,.loginSpark,.loginBtn{transition:none;animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.formInput:focus-visible,.checkboxInput:focus-visible,.loginBtn:focus-visible,.forgotLink:focus-visible,.inputToggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.loginCard,.inputGroup,.loginBtn{border:2px solid var(--text-primary)}}@media print{.loginBlob,.loginSpark{display:none}.loginRoot{background:#fff}.loginCard{box-shadow:none;border:1px solid #000}}:root{--admin-sidebar-width:280px;--admin-sidebar-collapsed-width:80px;--admin-header-height:72px;--admin-transition:.3s cubic-bezier(.4,0,.2,1);--admin-surface:#ffffff0f;--admin-surface-hover:#ffffff1a;--admin-backdrop:#ffffff14}.adminRoot{background:var(--bg-secondary);min-height:100vh;display:flex;position:relative}:root{--admin-sidebar-width:240px;--admin-sidebar-collapsed-width:68px;--admin-header-height:64px;--admin-transition:.28s cubic-bezier(.4,0,.2,1);--sb-bg:#0f172a;--sb-bg-hover:#ffffff0f;--sb-bg-active:#ff6b3526;--sb-border:#ffffff12;--sb-text:#94a3b8;--sb-text-hover:#e2e8f0;--sb-text-active:#ff6b35;--sb-text-heading:#94a3b880}.adminSidebar{width:var(--admin-sidebar-width);flex:0 0 var(--admin-sidebar-width);background:var(--sb-bg);border-right:1px solid var(--sb-border);height:100vh;transition:width var(--admin-transition),flex var(--admin-transition);z-index:60;flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:4px 0 24px #0000002e}.adminSidebar.collapsed{width:var(--admin-sidebar-collapsed-width);flex:0 0 var(--admin-sidebar-collapsed-width)}.sidebarTop{padding:0 var(--space-4);border-bottom:1px solid var(--sb-border);min-height:var(--admin-header-height);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.brandMini{align-items:center;gap:var(--space-3);text-decoration:none;display:inline-flex;overflow:hidden}.brandDot{border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:flex;box-shadow:0 0 0 4px #ff6b352e,0 4px 12px #ff6b3566}.brandText{font-size:var(--font-base);color:#f1f5f9;letter-spacing:-.03em;white-space:nowrap;transition:opacity var(--transition-fast),max-width var(--admin-transition);max-width:160px;font-weight:800;overflow:hidden}.adminSidebar.collapsed .brandText{opacity:0;max-width:0}.sidebarToggle{border-radius:var(--radius-md);border:1px solid var(--sb-border);width:28px;height:28px;color:var(--sb-text);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.sidebarToggle:hover{background:var(--sb-bg-hover);color:var(--sb-text-hover);border-color:#ffffff26}.adminSidebar.collapsed .sidebarToggle{margin:0 auto}.navSection{padding:var(--space-4)var(--space-4)var(--space-2)}.navSectionLabel{letter-spacing:.1em;text-transform:uppercase;color:var(--sb-text-heading);white-space:nowrap;transition:opacity var(--transition-fast);font-size:10px;font-weight:700;overflow:hidden}.adminSidebar.collapsed .navSectionLabel{opacity:0}.sidebarNav{padding:var(--space-3)var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden auto}.sidebarNav::-webkit-scrollbar{width:3px}.sidebarNav::-webkit-scrollbar-track{background:0 0}.sidebarNav::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}.navItem{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-lg);color:var(--sb-text);font-size:var(--font-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;width:100%;font-weight:500;text-decoration:none;display:flex;position:relative}.navItem:hover{background:var(--sb-bg-hover);color:var(--sb-text-hover)}.navItem.active{background:var(--sb-bg-active);color:var(--sb-text-active);border-color:#ff6b3533;font-weight:600}.navItem.active:before{content:"";background:var(--color-primary);border-radius:0 var(--radius-sm)var(--radius-sm)0;width:3px;height:55%;position:absolute;top:50%;left:-1px;transform:translateY(-50%);box-shadow:0 0 8px #ff6b3599}.navIcon{width:20px;height:20px;transition:color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.navItem.active .navIcon{color:var(--color-primary);filter:drop-shadow(0 0 6px #ff6b3580)}.navLabel{font-size:var(--font-sm);transition:opacity var(--transition-fast);text-overflow:ellipsis;flex:1;overflow:hidden}.navBadge{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;min-width:20px;height:20px;transition:opacity var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:flex}.navChevron{color:var(--sb-text);transition:transform var(--transition-base),opacity var(--transition-fast);opacity:.6;flex-shrink:0;font-size:11px}.navItem.open .navChevron{transform:rotate(90deg)}.adminSidebar.collapsed .navItem{justify-content:center;padding:10px}.adminSidebar.collapsed .navLabel,.adminSidebar.collapsed .navBadge,.adminSidebar.collapsed .navChevron{opacity:0;width:0;margin:0;padding:0;overflow:hidden}.adminSidebar.collapsed .navItem:after{content:attr(data-label);left:calc(var(--admin-sidebar-collapsed-width) + 8px);background:var(--sb-bg);color:var(--sb-text-hover);border:1px solid var(--sb-border);border-radius:var(--radius-md);font-size:var(--font-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);box-shadow:var(--shadow-lg);z-index:100;padding:6px 12px;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.adminSidebar.collapsed .navItem:hover:after{opacity:1}.navSubMenu{padding-left:calc(var(--space-3) + 20px + var(--space-3));max-height:0;transition:max-height var(--transition-slow),padding var(--transition-base);flex-direction:column;gap:2px;padding-top:0;padding-bottom:0;display:flex;overflow:hidden}.navSubMenu.open{max-height:400px;padding-top:var(--space-1);padding-bottom:var(--space-1)}.navSubItem{align-items:center;gap:var(--space-2);padding:7px var(--space-3);border-radius:var(--radius-md);color:var(--sb-text);transition:all var(--transition-fast);font-size:.8125rem;font-weight:500;text-decoration:none;display:flex;position:relative}.navSubItem:before{content:"";border-radius:var(--radius-full);width:5px;height:5px;transition:background var(--transition-fast);background:#ffffff26;flex-shrink:0}.navSubItem:hover{color:var(--sb-text-hover);background:var(--sb-bg-hover)}.navSubItem:hover:before{background:#fff6}.navSubItem.active{color:var(--sb-text-active);font-weight:600}.navSubItem.active:before{background:var(--color-primary);box-shadow:0 0 6px #ff6b3580}.navDivider{background:var(--sb-border);height:1px;margin:var(--space-2)0}.sidebarBottom{padding:var(--space-3);border-top:1px solid var(--sb-border);gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.userCard{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--sb-border);transition:all var(--transition-fast);cursor:default;background:#ffffff0a;display:flex;overflow:hidden}.userCard:hover{background:#ffffff12;border-color:#ffffff1f}.avatar{border-radius:var(--radius-md);background:var(--gradient-primary);width:36px;height:36px;font-weight:800;font-size:var(--font-sm);color:#fff;letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #ff6b3559}.userMeta{min-width:0;transition:opacity var(--transition-fast),max-width var(--admin-transition);flex:1;max-width:180px;overflow:hidden}.userName{font-size:var(--font-sm);color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.3;overflow:hidden}.userRole{font-size:var(--font-xs);color:var(--sb-text);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.adminSidebar.collapsed .userMeta{opacity:0;max-width:0}.avatarWrap{flex-shrink:0;position:relative}.avatarOnline{border-radius:var(--radius-full);background:var(--color-success);border:2px solid var(--sb-bg);width:9px;height:9px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 6px #10b98180}.logoutBtn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:9px var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--sb-border);color:var(--sb-text);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;font-weight:500;display:flex;overflow:hidden}.logoutBtn:hover{color:#f87171;background:#ef44441f;border-color:#ef44444d}.adminSidebar.collapsed .logoutBtn span{display:none}.sidebarOverlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:59;background:#0000008c;animation:.2s fade-in;display:none;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.adminSidebar{height:100dvh;transition:transform var(--admin-transition),width var(--admin-transition);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 40px #00000059}.adminSidebar.mobile-open{transform:translate(0)}.sidebarOverlay{display:block}}.adminMain{background:var(--bg-secondary);flex-direction:column;flex:1;min-width:0;display:flex}.adminContent{padding:var(--space-8)var(--space-10);max-width:var(--container-max);flex:1;width:100%;margin:0 auto}.adminHeader{z-index:50;height:var(--admin-header-height);padding:0 var(--space-6);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--sb-border);justify-content:space-between;align-items:center;gap:var(--space-6);background:#0f172af5;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #ffffff0a,0 4px 24px #0003}.headerLeft{align-items:center;gap:var(--space-4);flex:1;min-width:0;display:flex}.headerTitle{flex-direction:column;gap:2px;display:flex}.titleTop{font-size:var(--font-base);color:#f1f5f9;letter-spacing:-.02em;font-weight:700;line-height:1.2}.titleSub{font-size:var(--font-xs);color:var(--sb-text);line-height:1.3}.headerBreadcrumb{align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--sb-text);display:flex}.headerBreadcrumb a{color:var(--sb-text);transition:color var(--transition-fast);text-decoration:none}.headerBreadcrumb a:hover{color:var(--sb-text-hover)}.headerBreadcrumb .sep{color:#94a3b84d;font-size:10px}.headerBreadcrumb .current{color:var(--color-primary);font-weight:600}.headerDivider{background:var(--sb-border);flex-shrink:0;width:1px;height:24px}.headerRight{align-items:center;gap:var(--space-2);display:flex}.searchWrap{width:240px;transition:width var(--transition-base);position:relative}.searchWrap:focus-within{width:300px}.searchIcon{color:var(--sb-text);pointer-events:none;transition:color var(--transition-fast);font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.searchWrap:focus-within .searchIcon{color:var(--color-primary)}.searchInput{width:100%;height:38px;padding:0 var(--space-4)0 36px;border-radius:var(--radius-lg);border:1px solid var(--sb-border);color:#e2e8f0;font-size:var(--font-sm);transition:all var(--transition-base);background:#ffffff0d}.searchInput::placeholder{color:#94a3b880}.searchInput:focus{color:#f1f5f9;background:#ffffff14;border-color:#ff6b3566;outline:none;box-shadow:0 0 0 3px #ff6b351f}.iconBtn{border-radius:var(--radius-lg);border:1px solid var(--sb-border);width:38px;height:38px;color:var(--sb-text);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.iconBtn:hover{color:var(--sb-text-hover);background:#ffffff1a;border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.iconBtn:active{box-shadow:none;transform:translateY(0)}.iconBtn i{font-size:1rem}.iconBtn.active{background:var(--sb-bg-active);color:var(--color-primary);border-color:#ff6b354d}.notifBadge{border-radius:var(--radius-full);background:var(--color-error);color:#fff;border:2px solid #0f172a;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 0 8px #ef444466}.notifBadge.pulse:after{content:"";border-radius:inherit;background:var(--color-error);opacity:.4;animation:2s ease-out infinite notif-pulse;position:absolute;inset:-2px}@keyframes notif-pulse{0%{opacity:.4;transform:scale(1)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}.profileChip{align-items:center;gap:var(--space-2-5,10px);border-radius:var(--radius-full);border:1px solid var(--sb-border);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;flex-shrink:0;padding:5px 12px 5px 5px;display:flex}.profileChip:hover{background:#ffffff17;border-color:#ffffff26;box-shadow:0 4px 16px #0003}.profileAvatarWrap{flex-shrink:0;position:relative}.profileAvatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;letter-spacing:-.02em;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex;box-shadow:0 2px 8px #ff6b3559}.profileOnline{border-radius:var(--radius-full);background:var(--color-success);border:2px solid #0f172a;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 6px #10b98180}.profileInfo{flex-direction:column;gap:1px;min-width:0;display:flex}.profileName{font-size:var(--font-xs);color:#e2e8f0;white-space:nowrap;letter-spacing:-.01em;font-weight:700;line-height:1.2}.profileRole{color:var(--sb-text);white-space:nowrap;font-size:10px;line-height:1.2}.profileChevron{color:var(--sb-text);transition:transform var(--transition-fast);opacity:.6;font-size:10px}.profileChip:hover .profileChevron{opacity:1;transform:translateY(2px)}.mobileMenuBtn{border-radius:var(--radius-lg);border:1px solid var(--sb-border);width:38px;height:38px;color:var(--sb-text);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:none}.mobileMenuBtn:hover{background:var(--sb-bg-hover);color:var(--sb-text-hover)}@media (max-width:768px){.adminHeader{padding:0 var(--space-4);gap:var(--space-3)}.searchWrap{display:none}.mobileMenuBtn{display:flex}.profileInfo{display:none}.profileChip{border-radius:var(--radius-full);padding:5px}.headerDivider{display:none}}@media (max-width:480px){.titleSub{display:none}}.dropdownWrap{position:relative}.dropdownMenu{top:calc(100% + var(--space-2));background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);min-width:320px;box-shadow:var(--shadow-xl);animation:dropdownSlideIn .2s var(--transition-base);z-index:100;position:absolute;overflow:hidden}.dropdownMenuRight{right:0}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdownHeaderRow{padding:var(--space-5);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.dropdownTitle{font-weight:700;font-size:var(--font-base);color:var(--text-primary)}.dropdownSub{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.dropdownActionBtn{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-elevated);color:var(--color-primary);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast);font-weight:600}.dropdownActionBtn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.dropdownList{max-height:400px;overflow-y:auto}.dropdownList::-webkit-scrollbar{width:6px}.dropdownList::-webkit-scrollbar-track{background:0 0}.dropdownList::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}.dropdownEmpty{padding:var(--space-8);text-align:center;color:var(--text-tertiary);font-size:var(--font-sm)}.notifItem{align-items:flex-start;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-primary);transition:all var(--transition-fast);text-decoration:none;display:flex}.notifItem:last-child{border-bottom:none}.notifItem:hover{background:var(--bg-tertiary)}.notifItem.unread{background:var(--color-primary-light)}.notifDot{border-radius:var(--radius-full);background:0 0;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notifItem.unread .notifDot{background:var(--color-primary);box-shadow:0 0 0 4px #ff6b3533}.notifText{flex:1;min-width:0}.notifTitle{font-weight:600;font-size:var(--font-sm);color:var(--text-primary);margin-bottom:var(--space-1)}.notifDesc{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--space-1);line-height:1.5}.notifTime{font-size:var(--font-xs);color:var(--text-tertiary)}.profileMenuHeader{align-items:center;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);display:flex}.profileAvatarLg{border-radius:var(--radius-xl);width:48px;height:48px;font-weight:700;font-size:var(--font-lg);background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profileMenuName{font-weight:700;font-size:var(--font-base);color:var(--text-primary)}.profileMenuEmail{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.menuItem{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;border-bottom:1px solid var(--border-primary);background:0 0;font-weight:500;text-decoration:none;display:flex}.menuItem:last-child{border-bottom:none}.menuItem:hover{background:var(--bg-tertiary);color:var(--text-primary)}.menuItem i{text-align:center;width:20px;font-size:1rem}.menuItem.danger{color:var(--color-error)}.menuItem.danger:hover{background:var(--color-error);color:var(--text-inverse)}.dropdownFooter{padding:var(--space-3)var(--space-5);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.dropdownFooterLink{text-align:center;padding:var(--space-2);color:var(--color-primary);font-size:var(--font-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:600;text-decoration:none;display:block}.dropdownFooterLink:hover{background:var(--color-primary-light)}.adminOverlay{background:var(--bg-overlay);z-index:55;animation:overlayFadeIn .2s var(--transition-base);display:none;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.sidebarCloseBtn,.mobileOnly{display:none}.desktopOnly{display:block}@media (max-width:1024px){.adminContent{padding:var(--space-6)var(--space-8)}}@media (max-width:768px){.adminSidebar{transition:transform var(--admin-transition);box-shadow:var(--shadow-2xl);position:fixed;top:0;left:0;transform:translate(-100%)}.adminSidebar.mobileOpen{transform:translate(0)}.adminSidebar.collapsed{width:var(--admin-sidebar-width);flex:0 0 var(--admin-sidebar-width)}.sidebarCloseBtn{display:flex}.adminOverlay{display:block}.adminHeader{padding:0 var(--space-4)}.searchWrap{display:none}.mobileOnly{display:flex}.desktopOnly{display:none}.adminContent{padding:var(--space-5)var(--space-4)}.dropdownMenu{min-width:280px;max-width:calc(100vw - var(--space-8))}.titleTop{font-size:var(--font-lg)}.titleSub{display:none}}@media (max-width:480px){.adminHeader{height:60px}.titleTop{font-size:var(--font-base)}.profileInfo{display:none}.dropdownMenu{min-width:260px}}.adminGrid{gap:var(--space-8);flex-direction:column;display:flex}.metricRow{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.metricCard{padding:var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);align-items:center;gap:var(--space-4);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex}.metricCard:hover{box-shadow:var(--shadow-md);border-color:var(--border-secondary);transform:translateY(-2px)}.metricIcon{border-radius:var(--radius-lg);background:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);font-size:var(--font-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.metricContent{flex:1;min-width:0}.metricLabel{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-1)}.metricValue{font-size:var(--font-3xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.glassCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important;background:#fffc!important}@media print{.adminSidebar,.adminHeader,.adminOverlay{display:none}.adminMain{margin:0}.adminContent{padding:0}}.tool-format-selector{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.format-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:block}.format-options{gap:var(--space-3);display:flex}.format-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex:1;font-weight:600;display:flex}.format-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.format-btn.active{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.format-btn svg{width:18px;height:18px}@media (max-width:640px){.format-options{flex-direction:column}}.base64-output-list{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.base64-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.base64-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.base64-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.base64-thumbnail{border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--border-primary);width:60px;height:60px}.base64-info h4{font-size:var(--font-base);color:var(--text-primary);margin:0;font-weight:600}.base64-info p{font-size:var(--font-sm);color:var(--text-tertiary);margin:var(--space-1)0 0}.base64-code-container{position:relative}.base64-textarea{width:100%;padding:var(--space-3);font-family:Courier New,monospace;font-size:var(--font-sm);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);resize:vertical;color:var(--text-primary);transition:border-color var(--transition-base);line-height:1.5}.base64-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ff6b351a}.btn-copy-base64{top:var(--space-2);right:var(--space-2);align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-weight:600;display:flex;position:absolute}.btn-copy-base64:hover{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-copy-base64 svg{width:16px;height:16px}@media (max-width:640px){.base64-header{flex-direction:column;align-items:flex-start}.base64-thumbnail{width:50px;height:50px}.btn-copy-base64{width:100%;margin-top:var(--space-2);justify-content:center;position:static}}.tool-compression-selector{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.compression-label{align-items:center;gap:var(--space-2);font-size:var(--font-base);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:600;display:flex}.compression-label svg{width:20px;height:20px;color:var(--color-primary)}.compression-slider{border-radius:var(--radius-full);-webkit-appearance:none;cursor:pointer;background:linear-gradient(90deg,#10b981 0%,#f59e0b 50%,#ef4444 100%);outline:none;width:100%;height:8px}.compression-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-primary);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff;border-radius:50%}.compression-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.2)}.compression-slider::-moz-range-thumb{border:3px solid var(--color-primary);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff;border-radius:50%}.compression-slider::-moz-range-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.2)}.compression-hints{margin-top:var(--space-2);font-size:var(--font-sm);color:var(--text-tertiary);justify-content:space-between;display:flex}.hint-low,.hint-high{font-weight:500}.compression-stats{gap:var(--space-4);margin:var(--space-6)0;padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-card{text-align:center;padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);transition:all var(--transition-base);flex-direction:column;align-items:center;display:flex}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-card.highlight{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.stat-card.highlight .stat-label,.stat-card.highlight .stat-value{color:#fff}.stat-label{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:var(--font-xl);color:var(--text-primary);font-weight:700}.compression-badge{top:var(--space-2);right:var(--space-2);padding:var(--space-1)var(--space-2);background:var(--color-success);color:#fff;font-size:var(--font-xs);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-weight:700;position:absolute}.preview-sizes{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-xs);color:var(--text-tertiary);display:flex}.size-before{color:var(--text-tertiary);text-decoration:line-through}.size-arrow{color:var(--color-primary);font-weight:700}.size-after{color:var(--color-success);font-weight:600}@media (max-width:640px){.compression-stats{grid-template-columns:1fr}}.resize-mode-selector{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.mode-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:block}.mode-options{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.mode-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-weight:600;display:flex}.mode-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.mode-btn.active{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.mode-btn svg{width:18px;height:18px}.resize-settings{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.custom-size-controls{gap:var(--space-4);flex-direction:column;display:flex}.dimension-inputs{align-items:flex-end;gap:var(--space-3);display:flex}.input-group{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.input-group label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:600}.dimension-input{width:100%;padding:var(--space-3);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:600}.dimension-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ff6b351a}.dimension-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.aspect-ratio-toggle{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.aspect-ratio-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.aspect-ratio-toggle svg{width:20px;height:20px}.percentage-controls,.quality-controls{gap:var(--space-3);flex-direction:column;display:flex}.percentage-label,.quality-label{font-size:var(--font-base);color:var(--text-primary);font-weight:600}.percentage-slider,.quality-slider{border-radius:var(--radius-full);background:linear-gradient(to right,var(--color-primary-light)0%,var(--color-primary)100%);-webkit-appearance:none;cursor:pointer;outline:none;width:100%;height:8px}.percentage-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-primary);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff;border-radius:50%}.quality-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-primary);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff;border-radius:50%}.percentage-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.2)}.quality-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.2)}.percentage-slider::-moz-range-thumb{border:3px solid var(--color-primary);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff;border-radius:50%}.quality-slider::-moz-range-thumb{border:3px solid var(--color-primary);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#fff;border-radius:50%}.percentage-slider::-moz-range-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.2)}.quality-slider::-moz-range-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.2)}.percentage-hints,.quality-hints{font-size:var(--font-xs);color:var(--text-tertiary);justify-content:space-between;display:flex}.preset-controls{gap:var(--space-4);flex-direction:column;display:flex}.preset-label{font-size:var(--font-base);color:var(--text-primary);font-weight:600}.preset-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.preset-btn{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);flex-direction:column;display:flex}.preset-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.preset-btn.active{background:var(--gradient-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.preset-btn.active .preset-name,.preset-btn.active .preset-dims{color:#fff}.preset-name{font-size:var(--font-sm);color:var(--text-primary);text-align:center;font-weight:700}.preset-dims{font-size:var(--font-xs);color:var(--text-tertiary)}.aspect-ratio-toggle-preset{padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md)}.aspect-ratio-toggle-preset label{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);display:flex}.aspect-ratio-toggle-preset input[type=checkbox]{cursor:pointer;width:18px;height:18px}.resize-info-badge{top:var(--space-2);left:var(--space-2);padding:var(--space-1)var(--space-2);background:var(--color-primary);color:#fff;font-size:var(--font-xs);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-weight:700;position:absolute}.preview-dimensions{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-xs);color:var(--text-tertiary);display:flex}.dim-before{color:var(--text-tertiary);text-decoration:line-through}.dim-arrow{color:var(--color-primary);font-weight:700}.dim-after{color:var(--color-success);font-weight:600}@media (max-width:768px){.mode-options{grid-template-columns:1fr}.dimension-inputs{flex-direction:column;align-items:stretch}.aspect-ratio-toggle{width:100%;height:48px}.preset-grid{grid-template-columns:1fr}}.coffeeWidget{z-index:9999;opacity:0;flex-direction:column;align-items:flex-end;gap:12px;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px)scale(.9)}.coffeeWidget.visible{opacity:1;transform:translateY(0)scale(1)}.coffeeCard{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#1a1a1af2;border:1px solid #ffffff1a;border-radius:20px;padding:6px;position:relative;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.coffeeCardInner{cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border-radius:16px;align-items:center;gap:14px;padding:18px 24px;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.coffeeCardInner:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shimmer{0%,to{transform:translate(-100%)translateY(-100%)rotate(45deg)}50%{transform:translate(100%)translateY(100%)rotate(45deg)}}.coffeeCard:hover .coffeeCardInner{transform:translateY(-2px);box-shadow:0 12px 24px #ff6b3566,0 0 40px #ff6b3533}.coffeeCard:active .coffeeCardInner{transform:translateY(0)}.coffeeIconWrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.coffeeIcon{filter:drop-shadow(0 2px 4px #0003);font-size:24px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.steamContainer{width:30px;height:20px;position:absolute;top:-8px;left:50%;overflow:visible;transform:translate(-50%)}.steam{filter:blur(1px);background:#fff9;border-radius:2px;width:3px;height:12px;position:absolute;bottom:0}.steam:first-child{animation:2s ease-in-out infinite steamRise;left:8px}.steam:nth-child(2){animation:2s ease-in-out .4s infinite steamRise;left:14px}.steam:nth-child(3){animation:2s ease-in-out .8s infinite steamRise;left:20px}@keyframes steamRise{0%{opacity:0;transform:translateY(0)scaleX(1)}20%{opacity:.8}to{opacity:0;transform:translateY(-18px)scaleX(1.5)}}.coffeeText{flex-direction:column;gap:2px;display:flex}.coffeeMessage{color:#ffffffe6;letter-spacing:.3px;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;font-weight:500}.coffeeCta{color:#fff;letter-spacing:-.2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:700}.particle{pointer-events:none;background:#fffc;border-radius:50%;width:6px;height:6px;animation:2s ease-out forwards particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty))scale(0)}}.glowPulse{opacity:0;filter:blur(12px);pointer-events:none;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:18px;animation:2s ease-in-out infinite glow;position:absolute;inset:-2px}@keyframes glow{0%,to{opacity:0}50%{opacity:.6}}.closeBtn{cursor:pointer;opacity:0;z-index:10;background:#1a1a1af2;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex;position:absolute;top:-8px;right:-8px;transform:scale(0)}.coffeeCard:hover .closeBtn{opacity:1;transform:scale(1)}.closeBtn:hover{background:#ff6b3533;border-color:#ff6b35}.closeBtn:before,.closeBtn:after{content:"";background:#ffffffb3;border-radius:1px;width:10px;height:2px;position:absolute}.closeBtn:before{transform:rotate(45deg)}.closeBtn:after{transform:rotate(-45deg)}@media (max-width:768px){.coffeeWidget{bottom:16px;right:16px}.coffeeCardInner{gap:10px;padding:14px 18px}.coffeeIconWrapper{width:36px;height:36px}.coffeeIcon{font-size:20px}.coffeeMessage{font-size:11px}.coffeeCta{font-size:14px}}.formField{gap:var(--space-2);flex-direction:column;display:flex}.formLabel{font-size:var(--font-sm);color:var(--text-secondary);letter-spacing:.01em;font-weight:600;line-height:1.4}.formError{align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--color-error);font-weight:500;line-height:1.4;display:flex}.rteToolbar{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)var(--radius-lg)0 0;border-bottom:none;flex-wrap:wrap;display:flex}.rteToolbar select{height:30px;padding:0 var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;min-width:110px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast);appearance:auto;outline:none;font-family:inherit;font-weight:600}.rteToolbar select:hover{border-color:var(--border-secondary);color:var(--text-primary)}.rteToolbar select:focus{border-color:var(--color-primary);color:var(--text-primary);box-shadow:0 0 0 3px #ff6b351f}.rteToolbar button{min-width:30px;height:30px;padding:0 var(--space-2);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);justify-content:center;align-items:center;gap:4px;font-family:inherit;font-weight:700;line-height:1;display:inline-flex}.rteToolbar button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.rteToolbar button:active{transform:scale(.92)}.rteToolbar button.active{background:var(--color-primary-light);color:var(--color-primary);border-color:#ff6b3559;box-shadow:0 0 0 2px #ff6b351a}.rteToolbar button.active:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.rteToolbar button:nth-child(3){font-style:italic}.rteToolbar button:nth-child(5){text-decoration:line-through;-webkit-text-decoration-color:var(--text-secondary);text-decoration-color:var(--text-secondary)}.rteContainer{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:0 0 var(--radius-lg)var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.rteContainer:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351f}.rteContainer.error{border-color:var(--color-error)}.rteContainer.error:focus-within{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441f}.rteContainer .ProseMirror{min-height:200px;padding:var(--space-4)var(--space-5);font-size:var(--font-base);color:var(--text-primary);caret-color:var(--color-primary);word-break:break-word;overflow-wrap:anywhere;outline:none;line-height:1.75}.rteContainer .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-tertiary);pointer-events:none;float:left;height:0;font-style:italic}.rteContainer .ProseMirror ::selection{background:#ff6b3526}.rteContainer .ProseMirror h1,.rteContainer .ProseMirror h2,.rteContainer .ProseMirror h3{color:var(--text-primary);letter-spacing:-.015em;margin-top:var(--space-6);margin-bottom:var(--space-2);font-weight:700;line-height:1.25}.rteContainer .ProseMirror>:first-child{margin-top:0}.rteContainer .ProseMirror h1{font-size:var(--font-3xl);letter-spacing:-.02em}.rteContainer .ProseMirror h2{font-size:var(--font-2xl)}.rteContainer .ProseMirror h3{font-size:var(--font-xl)}.rteContainer .ProseMirror p{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.75}.rteContainer .ProseMirror p:last-child{margin-bottom:0}.rteContainer .ProseMirror strong{color:var(--text-primary);font-weight:700}.rteContainer .ProseMirror em{font-style:italic}.rteContainer .ProseMirror u{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.rteContainer .ProseMirror s{color:var(--text-tertiary);text-decoration:line-through}.rteContainer .ProseMirror mark{color:var(--color-primary-dark);background:#ff6b3526;border-radius:2px;padding:1px 3px}.rteContainer .ProseMirror a{color:var(--color-primary);text-underline-offset:3px;cursor:pointer;transition:color var(--transition-fast),text-decoration-color var(--transition-fast);font-weight:500;-webkit-text-decoration:underline #ff6b3566;text-decoration:underline #ff6b3566}.rteContainer .ProseMirror a:hover{color:var(--color-primary-hover);-webkit-text-decoration-color:var(--color-primary-hover);text-decoration-color:var(--color-primary-hover)}.rteContainer .ProseMirror ul{padding-left:var(--space-6);margin-bottom:var(--space-3);color:var(--text-secondary);list-style:outside}.rteContainer .ProseMirror ul li::marker{color:var(--color-primary)}.rteContainer .ProseMirror ol{padding-left:var(--space-6);margin-bottom:var(--space-3);color:var(--text-secondary);list-style:decimal}.rteContainer .ProseMirror ol li::marker{color:var(--color-primary);font-weight:700}.rteContainer .ProseMirror li{margin-bottom:var(--space-1);line-height:1.75}.rteContainer .ProseMirror li>p{margin-bottom:0}.rteContainer .ProseMirror hr{border:none;border-top:2px solid var(--border-primary);margin:var(--space-6)0;border-radius:var(--radius-full)}.rteContainer .ProseMirror hr.ProseMirror-selectednode{border-top-color:var(--color-primary);outline:none}.rteContainer .ProseMirror code{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--color-primary-dark);padding:2px 6px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.875em}.rteContainer .ProseMirror pre{background:var(--color-slate-900);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-5)0;overflow-x:auto}.rteContainer .ProseMirror pre code{color:var(--color-slate-50);font-size:var(--font-sm);background:0 0;border:none;padding:0}.rteContainer .ProseMirror blockquote{border-left:3px solid var(--color-primary);background:var(--color-primary-light);border-radius:0 var(--radius-lg)var(--radius-lg)0;padding:var(--space-3)var(--space-5);margin:var(--space-5)0;font-style:italic}.rteContainer .ProseMirror blockquote p{color:var(--text-secondary);margin-bottom:0}.rteContainer .ProseMirror img{border-radius:var(--radius-lg);border:1px solid var(--border-primary);max-width:100%;height:auto;margin:var(--space-4)0;transition:box-shadow var(--transition-fast);display:block}.rteContainer .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--color-primary);outline-offset:2px}.rteContainer .ProseMirror .ProseMirror-gapcursor:after{border-top-color:var(--text-primary)}.cookieBanner{bottom:var(--space-5);left:var(--space-5);z-index:9999;background:var(--bg-primary);border:1px solid var(--border-primary);border-left:3px solid var(--color-primary);border-radius:var(--radius-xl);width:300px;padding:var(--space-4);box-shadow:var(--shadow-lg);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.cookieIcon{font-size:16px;line-height:1;display:inline}.cookieContent{gap:var(--space-1);flex-direction:column;display:flex}.cookieTitle{font-size:var(--font-sm);color:var(--text-primary);align-items:center;gap:var(--space-2);letter-spacing:-.01em;margin:0;font-weight:700;display:flex}.cookieDesc{font-size:var(--font-xs);color:var(--text-tertiary);margin:0;line-height:1.55}.cookieLink{color:var(--color-primary);text-underline-offset:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast);font-weight:500;-webkit-text-decoration:underline #ff6b3559;text-decoration:underline #ff6b3559}.cookieLink:hover{color:var(--color-primary-hover);-webkit-text-decoration-color:var(--color-primary-hover);text-decoration-color:var(--color-primary-hover)}.cookieActions{gap:var(--space-2);display:flex}.cookieBtnDecline{padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-tertiary);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast);flex:1;font-family:inherit;font-weight:600}.cookieBtnDecline:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.cookieBtnAccept{padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);background:var(--gradient-primary);color:var(--text-inverse);font-size:var(--font-xs);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;font-family:inherit;font-weight:700;box-shadow:0 2px 8px #ff6b3547}.cookieBtnAccept:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ff6b3561}.cookieBtnAccept:active{transform:translateY(0)}@media (max-width:480px){.cookieBanner{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);width:auto}}.ctPage{background:var(--bg-secondary);min-height:100vh}.ctHero{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:var(--space-20)var(--space-6)var(--space-16);position:relative;overflow:hidden}.ctHeroBg{pointer-events:none;background:radial-gradient(70% 60% at 65% -10%,#ff6b3512,#0000),radial-gradient(40% 40% at 92% 85%,#ff6b350a,#0000);position:absolute;inset:0}.ctHeroBg:before{content:"";background-image:linear-gradient(var(--border-primary)1px,transparent 1px),linear-gradient(90deg,var(--border-primary)1px,transparent 1px);opacity:.3;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 100% at 15%,#000,#0000);mask-image:radial-gradient(70% 100% at 15%,#000,#0000)}.ctHeroInner{max-width:var(--container-max);margin:0 auto;animation:.55s cubic-bezier(.22,1,.36,1) both ctFadeUp;position:relative}@keyframes ctFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.ctHeroBadge{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-4);background:var(--color-primary-light);border-radius:var(--radius-full);font-size:var(--font-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-5);border:1px solid #ff6b3540;font-weight:700;display:inline-flex}.ctHeroTitle{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-5);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.12}.ctHeroAccent{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ctHeroDesc{font-size:var(--font-lg);color:var(--text-secondary);max-width:500px;margin-bottom:var(--space-10);line-height:1.7}.ctHeroStats{align-items:center;gap:var(--space-8);display:flex}.ctHeroStat{flex-direction:column;gap:2px;display:flex}.ctHeroStatNum{font-size:var(--font-2xl);color:var(--text-primary);letter-spacing:-.03em;font-weight:800;line-height:1}.ctHeroStatLabel{font-size:var(--font-xs);color:var(--text-tertiary);font-weight:500}.ctContainer{max-width:var(--container-max);padding:var(--space-12)var(--space-6);margin:0 auto}.ctGrid{gap:var(--space-8);grid-template-columns:380px 1fr;align-items:start;display:grid}.ctInfoPanel{gap:var(--space-5);top:var(--space-8);flex-direction:column;display:flex;position:sticky}.ctCard{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-6);animation:.5s cubic-bezier(.22,1,.36,1) both ctSlideIn}@keyframes ctSlideIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.ctCard:nth-child(2){animation-delay:80ms}.ctCard:nth-child(3){animation-delay:.16s}.ctCardTitle{font-size:var(--font-sm);color:var(--text-tertiary);letter-spacing:.07em;text-transform:uppercase;margin-bottom:var(--space-4);font-weight:700}.ctMethodList{gap:var(--space-2);flex-direction:column;display:flex}.ctMethod{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;text-decoration:none;display:flex}.ctMethod:hover{background:var(--bg-secondary);border-color:var(--border-primary)}.ctMethod:hover .ctMethodArrow{opacity:1;color:var(--color-primary);transform:translate(0)}.ctMethod:hover .ctMethodIcon{transform:scale(1.12)rotate(-5deg)}.ctMethodIcon{border-radius:var(--radius-lg);background:var(--color-primary-light);width:40px;height:40px;transition:transform var(--transition-bounce);border:1px solid #ff6b3526;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.ctMethodBody{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ctMethodLabel{font-size:var(--font-xs);color:var(--text-primary);font-weight:700;line-height:1.2}.ctMethodValue{font-size:var(--font-xs);color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ctMethodNote{color:var(--text-tertiary);font-size:11px}.ctMethodArrow{color:var(--text-tertiary);opacity:0;transition:all var(--transition-base);flex-shrink:0;transform:translate(-5px)}.ctOfficeList{gap:var(--space-4);flex-direction:column;display:flex}.ctOfficeItem{align-items:flex-start;gap:var(--space-3);display:flex}.ctOfficeIcon{border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.ctOfficeLabel{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.ctOfficeValue{font-size:var(--font-xs);color:var(--text-secondary);line-height:1.6;display:block}.ctFaqList{gap:var(--space-2);flex-direction:column;display:flex}.ctFaqItem{border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast);overflow:hidden}.ctFaqItem:hover,.ctFaqOpen{border-color:#ff6b354d}.ctFaqOpen{background:var(--color-primary-light)}.ctFaqQ{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);font-size:var(--font-sm);color:var(--text-primary);-webkit-user-select:none;user-select:none;font-weight:600;display:flex}.ctFaqChevron{color:var(--text-tertiary);transition:transform var(--transition-base);flex-shrink:0}.ctFaqA{padding:0 var(--space-4)var(--space-4);font-size:var(--font-sm);color:var(--text-secondary);margin:0;line-height:1.65;animation:.2s both ctFadeUp}.ctFormPanel{animation:.55s cubic-bezier(.22,1,.36,1) .1s both ctFadeRight}@keyframes ctFadeRight{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.ctFormCard{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.ctFormHeader{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-primary)}.ctFormTitle{font-size:var(--font-2xl);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2);font-weight:800}.ctFormSubtitle{font-size:var(--font-sm);color:var(--text-tertiary);margin:0}.ctForm{gap:var(--space-5);flex-direction:column;display:flex}.ctFormRow{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ctField{gap:var(--space-2);flex-direction:column;display:flex}.ctLabel{font-size:var(--font-sm);color:var(--text-secondary);font-weight:600}.ctRequired{color:var(--color-error);margin-left:2px}.ctInput,.ctSelect,.ctTextarea{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;font-size:var(--font-sm);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none;font-family:inherit}.ctInput,.ctSelect{height:44px;padding:0 var(--space-4)}.ctSelect{cursor:pointer;appearance:auto}.ctTextarea{padding:var(--space-3)var(--space-4);resize:vertical;min-height:130px;line-height:1.65}.ctInput::placeholder,.ctTextarea::placeholder{color:var(--text-tertiary)}.ctInput:focus,.ctSelect:focus,.ctTextarea:focus{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 3px #ff6b351a}.ctInputError{border-color:var(--color-error)!important;background:#ef444408!important}.ctInputError:focus{box-shadow:0 0 0 3px #ef44441a!important}.ctFieldError{font-size:var(--font-xs);color:var(--color-error);align-items:center;gap:4px;font-weight:500;display:flex}.ctFieldError:before{content:"⚠";font-size:10px}.ctCharRow{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.ctCharBar{background:var(--bg-tertiary);border-radius:var(--radius-full);flex:1;height:3px;overflow:hidden}.ctCharFill{border-radius:var(--radius-full);height:100%;transition:width .2s,background .3s}.ctCharCount{font-size:var(--font-xs);flex-shrink:0;font-weight:600;transition:color .3s}.ctPrivacy{font-size:var(--font-xs);color:var(--text-tertiary);margin:0;line-height:1.55}.ctPrivacyLink{color:var(--color-primary);text-underline-offset:2px;transition:color var(--transition-fast);font-weight:500;text-decoration:underline}.ctPrivacyLink:hover{color:var(--color-primary-hover)}.ctBtnSubmit{justify-content:center;align-items:center;gap:var(--space-2);background:var(--gradient-primary);width:100%;height:50px;color:var(--text-inverse);border-radius:var(--radius-lg);font-size:var(--font-base);cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em;border:none;font-family:inherit;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #ff6b354d}.ctBtnSubmit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #ff6b356b}.ctBtnSubmit:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 10px #ff6b3547}.ctBtnSubmit:disabled{opacity:.75;cursor:not-allowed}.ctSpinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite ctSpin}@keyframes ctSpin{to{transform:rotate(360deg)}}.ctSuccess{text-align:center;padding:var(--space-12)var(--space-8);align-items:center;gap:var(--space-4);flex-direction:column;animation:.4s both ctFadeUp;display:flex}.ctSuccessIcon{background:var(--gradient-primary);color:#fff;width:64px;height:64px;font-size:var(--font-2xl);border-radius:50%;justify-content:center;align-items:center;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) both ctPop;display:flex;box-shadow:0 6px 20px #ff6b3559}@keyframes ctPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ctSuccessTitle{font-size:var(--font-2xl);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-weight:800}.ctSuccessDesc{font-size:var(--font-sm);color:var(--text-secondary);max-width:340px;margin:0;line-height:1.65}.ctSuccessDesc strong{color:var(--text-primary);font-weight:700}.ctBtnPrimary{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);background:var(--gradient-primary);color:var(--text-inverse);border-radius:var(--radius-lg);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);border:none;font-family:inherit;font-weight:700;display:inline-flex;box-shadow:0 3px 12px #ff6b354d}.ctBtnPrimary:hover{transform:translateY(-1px);box-shadow:0 5px 18px #ff6b3566}.ctErrorBanner{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-sm);color:var(--color-error);margin-bottom:var(--space-6);background:#ef44440f;border:1px solid #ef444433;font-weight:500;display:flex}.ctBtnRetry{padding:var(--space-1)var(--space-3);background:var(--color-error);color:#fff;border-radius:var(--radius-md);font-size:var(--font-xs);cursor:pointer;transition:opacity var(--transition-fast);border:none;flex-shrink:0;align-items:center;font-family:inherit;font-weight:700;display:inline-flex}.ctBtnRetry:hover{opacity:.85}@media (max-width:1024px){.ctGrid{gap:var(--space-6);grid-template-columns:320px 1fr}}@media (max-width:768px){.ctGrid{grid-template-columns:1fr}.ctInfoPanel{position:static}.ctHero{padding:var(--space-16)var(--space-4)var(--space-10)}.ctContainer{padding:var(--space-8)var(--space-4)}.ctFormCard{padding:var(--space-6)}.ctHeroStats{gap:var(--space-6)}}@media (max-width:480px){.ctFormRow{grid-template-columns:1fr}.ctFormCard{padding:var(--space-5)}.ctHeroTitle{font-size:clamp(1.8rem,8vw,2.4rem)}}.all-tools-search-wrapper{align-items:center;margin-bottom:28px;display:flex;position:relative}.all-tools-search-icon{color:var(--text-65);pointer-events:none;align-items:center;font-size:18px;display:flex;position:absolute;left:16px}.all-tools-search{border-radius:var(--r-pill);border:2px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);font-size:var(--fs-16);transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none;padding:14px 44px 14px 46px;font-family:inherit;box-shadow:0 2px 8px #0000000a}.all-tools-search:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.all-tools-search::placeholder{color:var(--text-65)}.all-tools-search-clear{background:var(--surface-4);border:1px solid var(--border);color:var(--text-65);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;border-radius:var(--r-pill);transition:all var(--t-fast);padding:4px 8px;line-height:1;position:absolute;right:16px}.all-tools-search-clear:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.all-tools-category-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);scrollbar-width:none;-ms-overflow-style:none;gap:8px;width:fit-content;max-width:100%;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.all-tools-category-tabs::-webkit-scrollbar{display:none}.all-tools-tab{color:var(--text-65);font-size:var(--fs-14);font-weight:var(--font-weight-medium);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:all var(--t-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;display:inline-flex}.all-tools-tab:hover{color:var(--text);background:var(--surface-3)}.all-tools-tab.active{color:var(--accent-text);background:var(--accent);font-weight:var(--font-weight-semibold);box-shadow:0 4px 12px var(--accent-glow)}.all-tools-tab svg{flex-shrink:0;font-size:15px}.all-tools-result-count{font-size:var(--fs-13);color:var(--text-65);font-weight:var(--font-weight-medium);margin-bottom:20px}.all-tools-result-count strong{color:var(--text);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.all-tools-search{font-size:var(--fs-14);padding:12px 40px 12px 42px}.all-tools-category-tabs{border-radius:var(--r-18);width:100%}.all-tools-tab{font-size:var(--fs-13);padding:8px 16px}}@media (max-width:600px){.all-tools-search-wrapper{margin-bottom:20px}.all-tools-category-tabs{gap:6px;padding:6px}}