:root{--bg-dark:#0d0f18;--bg-panel:rgba(18,20,32,0.85);--bg-card:rgba(26,28,44,0.75);--bg-element:#1f2134;--text-main:#ffffff;--text-sec:#cbd5e1;--text-mute:#94a3b8;--color-primary:#6366f1;--color-primary-glow:rgba(99,102,241,0.2);--color-purple:#a855f7;--color-pink:#ec4899;--color-cyan:#06b6d4;--color-emerald:#10b981;--color-amber:#f59e0b;--color-rose:#f43f5e;--color-orange:#f97316;--cat-pdf:#3b82f6;--cat-pdf-glow:rgba(59,130,246,0.2);--cat-image:#10b981;--cat-image-glow:rgba(16,185,129,0.2);--cat-video:#a855f7;--cat-video-glow:rgba(168,85,247,0.2);--cat-tools:#6366f1;--cat-tools-glow:rgba(99,102,241,0.2);--cat-generator:#f59e0b;--cat-generator-glow:rgba(245,158,11,0.2);--cat-calculator:#f97316;--cat-calculator-glow:rgba(249,115,22,0.2);--cat-text:#ec4899;--cat-text-glow:rgba(236,72,153,0.2);--cat-social:#a855f7;--cat-social-glow:rgba(168,85,247,0.2);--cat-student:#06b6d4;--cat-student-glow:rgba(6,182,212,0.2);--cat-dev:#6366f1;--cat-dev-glow:rgba(99,102,241,0.2);--cat-daily:#ec4899;--cat-daily-glow:rgba(236,72,153,0.2);--cat-game:#f43f5e;--cat-game-glow:rgba(244,63,94,0.2);--semantic-success:#10b981;--semantic-success-glow:rgba(16,185,129,0.2);--semantic-warning:#f59e0b;--semantic-warning-glow:rgba(245,158,11,0.2);--semantic-error:#ef4444;--semantic-error-glow:rgba(239,68,68,0.2);--semantic-info:#3b82f6;--semantic-info-glow:rgba(59,130,246,0.2);--diff-add-bg:rgba(16,185,129,0.20);--diff-add-text:#6ee7b7;--diff-add-border:#10b981;--diff-remove-bg:rgba(244,63,94,0.18);--diff-remove-text:#fda4af;--diff-remove-border:#f43f5e;--diff-changed-bg:rgba(6,182,212,0.18);--diff-changed-text:#67e8f9;--diff-changed-border:#06b6d4;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--text-xs:0.7rem;--text-sm:0.8rem;--text-base:0.9rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:2rem;--font-sans:"Outfit","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.45);--shadow-lg:0 8px 24px rgba(0,0,0,0.5);--shadow-xl:0 16px 48px rgba(0,0,0,0.55);--shadow-glow:0 0 20px rgba(99,102,241,0.4);--transition-fast:all 0.15s ease-out;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-spring:all 0.4s cubic-bezier(0.34,1.56,0.64,1);--glass-border:rgba(255,255,255,0.08);--glass-border-hover:rgba(255,255,255,0.18);--glass-glow:0 8px 32px 0 rgba(0,0,0,0.5);--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-toast:500;--z-tooltip:600}[data-theme=light]{--bg-dark:#ffffff;--bg-panel:rgba(248,250,252,0.95);--bg-card:rgba(255,255,255,0.98);--bg-element:#f1f5f9;--text-main:#0f172a;--text-sec:#334155;--text-mute:#64748b;--glass-border:rgba(15,23,42,0.08);--glass-border-hover:rgba(15,23,42,0.16);--glass-glow:0 8px 32px 0 rgba(15,23,42,0.08);--cat-pdf:#1d4ed8;--cat-pdf-glow:rgba(29,78,216,0.15);--cat-image:#047857;--cat-image-glow:rgba(4,120,87,0.15);--cat-video:#7e22ce;--cat-video-glow:rgba(126,34,206,0.15);--cat-tools:#3730a3;--cat-tools-glow:rgba(55,48,163,0.15);--cat-generator:#b45309;--cat-generator-glow:rgba(180,83,9,0.15);--cat-calculator:#c2410c;--cat-calculator-glow:rgba(194,65,12,0.15);--cat-text:#be185d;--cat-text-glow:rgba(190,24,93,0.15);--cat-social:#7e22ce;--cat-social-glow:rgba(126,34,206,0.15);--cat-student:#0e7490;--cat-student-glow:rgba(14,116,144,0.15);--cat-dev:#3730a3;--cat-dev-glow:rgba(55,48,163,0.15);--cat-daily:#be185d;--cat-daily-glow:rgba(190,24,93,0.15);--cat-game:#be123c;--cat-game-glow:rgba(190,18,60,0.15);--semantic-success:#047857;--semantic-success-glow:rgba(4,120,87,0.15);--semantic-warning:#b45309;--semantic-warning-glow:rgba(180,83,9,0.15);--semantic-error:#b91c1c;--semantic-error-glow:rgba(185,28,28,0.15);--semantic-info:#1d4ed8;--semantic-info-glow:rgba(29,78,216,0.15);--diff-add-bg:rgba(4,120,87,0.14);--diff-add-text:#047857;--diff-add-border:#10b981;--diff-remove-bg:rgba(185,28,28,0.12);--diff-remove-text:#b91c1c;--diff-remove-border:#f43f5e;--diff-changed-bg:rgba(14,116,144,0.12);--diff-changed-text:#0e7490;--diff-changed-border:#06b6d4;--shadow-sm:0 1px 2px rgba(15,23,42,0.06);--shadow-md:0 4px 12px rgba(15,23,42,0.08);--shadow-lg:0 8px 24px rgba(15,23,42,0.1);--shadow-xl:0 16px 48px rgba(15,23,42,0.12)}[data-theme=light] .main-header{background:rgba(255,255,255,.9);border-bottom:1px solid var(--glass-border);color:var(--text-main)}[data-theme=light] .settings-popover{background:rgba(255,255,255,.95);border-color:rgba(2,6,23,.1);box-shadow:0 8px 32px 0 rgba(2,6,23,.08)}[data-theme=light] .settings-toggle{border-color:rgba(2,6,23,.08)}[data-theme=light] .settings-toggle:hover{background:rgba(2,6,23,.03)}[data-theme=light] .search-bar{border-color:rgba(2,6,23,.1);box-shadow:0 4px 24px rgba(2,6,23,.05)}[data-theme=light] .search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow),0 8px 32px 0 rgba(99,102,241,.12)}[data-theme=light] .search-input{color:var(--text-main)}[data-theme=light] .search-clear{background:var(--bg-dark);color:var(--text-sec)}[data-theme=light] .logo-text{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:var(--text-main)!important}[data-theme=light] .tool-container{background:var(--bg-panel);color:var(--text-main);border:1px solid var(--glass-border);box-shadow:var(--glass-glow)}[data-theme=light] .tool-card{background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-main)}[data-theme=light] .calc-output,[data-theme=light] .header-title,[data-theme=light] .tool-card-title,[data-theme=light] .tool-title-name{color:var(--text-main)}[data-theme=light] .custom-input,[data-theme=light] .custom-select,[data-theme=light] .custom-textarea,[data-theme=light] .markdown-preview,[data-theme=light] .markdown-textarea{background:rgba(255,255,255,.94);border-color:var(--glass-border);color:var(--text-main)}[data-theme=light] .custom-input::placeholder,[data-theme=light] .custom-textarea::placeholder,[data-theme=light] .markdown-textarea::placeholder,[data-theme=light] .search-input::placeholder{color:var(--text-mute)}[data-theme=light] .calc-display,[data-theme=light] .kanban-column{background:rgba(248,250,252,.95);border-color:var(--glass-border)}[data-theme=light] .color-info,[data-theme=light] .kanban-card,[data-theme=light] .pdf-file-row,[data-theme=light] .pdf-page-card{background:#ffffff;color:var(--text-main)}[data-theme=light] .pdf-drop-zone,[data-theme=light] .pdf-tab-bar{background:rgba(2,6,23,.03)}[data-theme=light] .pdf-hub-filter{--pdf-filter-bg:#ffffff;--pdf-filter-border:rgba(15,23,42,0.08);--pdf-filter-border-hover:rgba(15,23,42,0.14);--pdf-filter-active-bg:#1e293b}[data-theme=light] .pdf-hub-card{--pdf-card-bg:#ffffff;--pdf-card-border:rgba(15,23,42,0.06);--pdf-card-border-hover:rgba(15,23,42,0.1);--pdf-card-shadow:0 2px 16px rgba(15,23,42,0.06);--pdf-card-shadow-hover:0 10px 28px rgba(15,23,42,0.1)}[data-theme=light] .pdf-tab-btn.active{color:var(--color-primary)}[data-theme=light] .hamburger-btn,[data-theme=light] .pdf-icon-btn,[data-theme=light] .tool-back-btn{background:rgba(2,6,23,.04);color:var(--text-main)}[data-theme=light] .hamburger-btn:hover,[data-theme=light] .pdf-icon-btn:hover,[data-theme=light] .tool-back-btn:hover{background:rgba(2,6,23,.07);color:var(--text-main)}[data-theme=light] .btn-secondary{background:rgba(2,6,23,.04);color:var(--text-main);border:1px solid var(--glass-border)}[data-theme=light] .category-title,[data-theme=light] .header-subtitle,[data-theme=light] .sidebar-footer,[data-theme=light] .tool-card-desc{color:var(--text-sec)}[data-theme=light] .jwt-sample-btn{background:rgba(255,255,255,.9);border-color:var(--glass-border);color:var(--text-main)}[data-theme=light] .jwt-sample-btn:hover{background:rgba(99,102,241,.1);border-color:var(--color-primary)}[data-theme=light] .jwt-sample-btn.active{background:rgba(99,102,241,.15);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .jwt-clear-btn:hover{background:rgba(251,113,133,.1)}[data-theme=light] .jwt-tabs{background:rgba(255,255,255,.8);border-color:var(--glass-border)}[data-theme=light] .jwt-tab:hover{background:rgba(99,102,241,.08);color:var(--text-main)}[data-theme=light] .jwt-tab.active{background:var(--color-primary);color:#ffffff}[data-theme=light] .jwt-header-card,[data-theme=light] .jwt-payload-card,[data-theme=light] .jwt-signature-card{background:rgba(255,255,255,.9);border-color:var(--glass-border)}[data-theme=light] .jwt-card-header{border-color:var(--glass-border)}[data-theme=light] .jwt-card-header h3{color:var(--text-main)}[data-theme=light] .jwt-copy-btn{background:rgba(0,0,0,.03);border-color:var(--glass-border);color:var(--text-sec)}[data-theme=light] .jwt-copy-btn:hover{background:rgba(99,102,241,.1);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .jwt-algorithm-badge{color:#ffffff}[data-theme=light] .jwt-alg-type.asymmetric,[data-theme=light] .jwt-alg-type.symmetric{background:rgba(0,0,0,.15)}[data-theme=light] .jwt-alg-type.none{background:rgba(251,113,133,.2)}[data-theme=light] .jwt-typ-badge{border-color:var(--glass-border);color:var(--text-sec)}[data-theme=light] .jwt-json-preview{background:rgba(0,0,0,.05)!important;color:var(--color-primary)!important}[data-theme=light] .jwt-claim-row{border-color:var(--glass-border)}[data-theme=light] .jwt-claim-key{color:var(--text-main)}[data-theme=light] .jwt-claim-standard{background:rgba(99,102,241,.12);color:var(--color-primary)}[data-theme=light] .jwt-claim-value{color:var(--text-sec)}[data-theme=light] .jwt-claim-object{background:rgba(0,0,0,.04)}[data-theme=light] .jwt-time-label{color:var(--text-mute)}[data-theme=light] .jwt-time-value{color:var(--text-main)}[data-theme=light] .jwt-time-relative{color:var(--color-amber)}[data-theme=light] .jwt-claim-time.expired .jwt-time-relative{color:var(--color-rose)}[data-theme=light] .jwt-expired-badge{background:rgba(251,113,133,.12);color:var(--color-rose)}[data-theme=light] .jwt-signature-value{background:rgba(0,0,0,.04);color:var(--text-mute)}[data-theme=light] .jwt-no-signature{color:var(--color-rose)}[data-theme=light] .jwt-signature-note{border-color:var(--glass-border);color:var(--text-mute)}[data-theme=light] .jwt-raw-section{background:rgba(255,255,255,.9);border-color:var(--glass-border)}[data-theme=light] .jwt-raw-header{border-color:var(--glass-border)}[data-theme=light] .jwt-raw-header h4{color:var(--text-main)}[data-theme=light] .jwt-raw-json{background:rgba(0,0,0,.05)!important;color:var(--text-main)!important}[data-theme=light] .jwt-validation-card{background:rgba(255,255,255,.9);border-color:var(--glass-border)}[data-theme=light] .jwt-validation-card h3{color:var(--text-main)}[data-theme=light] .jwt-check{background:rgba(0,0,0,.03)}[data-theme=light] .jwt-recommendations li{background:transparent}[data-theme=light] .jwt-rec-warning{background:rgba(251,113,133,.1);border-color:rgba(251,113,133,.2);color:var(--color-rose)}[data-theme=light] .jwt-rec-info{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2);color:var(--color-amber)}[data-theme=light] .jwt-rec-success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:var(--color-emerald)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.dashboard-container{display:flex;height:100vh;width:100%;background-image:radial-gradient(at 0 0,rgba(99,102,241,.12) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.1) 0,transparent 50%),radial-gradient(at 50% 50%,rgba(168,85,247,.05) 0,transparent 50%);background-size:cover}.dashboard-container.immersive .app-footer,.dashboard-container.immersive .main-header,.dashboard-container.immersive .tool-header-row{display:none}.dashboard-container.immersive .main-content,.dashboard-container.immersive .tool-viewport{flex:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dashboard-container.immersive .tool-viewport{padding:0;overflow:hidden;scrollbar-gutter:stable}.tool-content{display:flex;flex-direction:column;gap:0}.dashboard-container.immersive .tool-content{border-radius:20px;height:auto;max-height:90vh;max-width:95vw;margin:auto;overflow-y:auto;flex:none;background:var(--bg-panel);border:1px solid var(--glass-border);box-shadow:var(--glass-glow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dashboard-container.immersive .tool-container{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar{width:280px;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;height:100%;flex-shrink:0;z-index:10;transition:var(--transition-smooth)}.sidebar-logo{padding:24px;gap:12px;border-bottom:1px solid var(--glass-border)}.logo-icon,.sidebar-logo{display:flex;align-items:center}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));border-radius:10px;justify-content:center;box-shadow:0 0 15px rgba(99,102,241,.4)}.logo-text{font-weight:700;font-size:1.25rem;letter-spacing:-.025em;background:linear-gradient(135deg,#ffffff 30%,var(--text-sec));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-content{flex:1 1;overflow-y:auto;padding:16px;gap:20px}.category-group,.sidebar-content{display:flex;flex-direction:column}.category-group{gap:6px}.category-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-mute);padding-left:12px;margin-bottom:4px;letter-spacing:.05em}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--text-sec);text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;background:transparent;outline:none;width:100%;text-align:left}.sidebar-item:hover{background:rgba(255,255,255,.03);color:var(--text-main);border-color:var(--glass-border)}.sidebar-item.active{background:var(--color-primary-glow);color:#ffffff;border-color:rgba(99,102,241,.25);box-shadow:inset 0 0 12px rgba(99,102,241,.1)}.sidebar-item-icon{width:18px;height:18px;color:inherit}.sidebar-footer{padding:20px;border-top:1px solid var(--glass-border);font-size:.8rem;color:var(--text-mute);text-align:center}.main-content{flex:1 1;display:flex;flex-direction:column;height:100%;overflow:hidden}.main-header{position:relative;height:80px;background:rgba(12,13,22,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:9}.main-header:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 160px at 75% -20%,color-mix(in srgb,var(--color-primary) 20%,transparent) 0,transparent 60%);opacity:.6;pointer-events:none;transition:opacity .3s ease}.main-header:hover:before{opacity:1}.main-header:after{content:"";position:absolute;bottom:0;inset-inline-start:32px;inset-inline-end:32px;height:3px;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 60%,transparent) 0,transparent 40%,color-mix(in srgb,var(--color-purple) 50%,transparent) 100%);opacity:.7;pointer-events:none;box-shadow:0 0 12px color-mix(in srgb,var(--color-primary) 30%,transparent)}.header-brand{display:flex;align-items:center;gap:16px;min-width:0}.brand-logo{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:transparent;box-shadow:none;animation:none}@keyframes logoPulse{0%,to{box-shadow:0 0 20px 4px color-mix(in srgb,var(--color-primary) 50%,transparent),0 0 40px 8px color-mix(in srgb,var(--color-primary) 25%,transparent)}50%{box-shadow:0 0 24px 6px color-mix(in srgb,var(--color-primary) 60%,transparent),0 0 48px 12px color-mix(in srgb,var(--color-purple) 30%,transparent)}}.brand-logo__icon{width:100%;height:100%;object-fit:contain;border-radius:inherit}.header-title-section{display:flex;flex-direction:column;gap:2px}.header-title{font-size:1.4rem;font-weight:800;color:#ffffff;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:10px;text-shadow:0 0 20px rgba(255,255,255,.1)}.header-subtitle{font-size:.8rem;color:var(--text-sec);letter-spacing:.06em;font-weight:500}.version-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;font-size:.65rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));border-radius:6px;box-shadow:0 0 0 1px var(--color-primary),0 0 8px 2px var(--color-primary),0 0 16px 4px var(--color-primary-glow),inset 0 1px 0 rgba(255,255,255,.15);margin-left:10px;letter-spacing:.06em;text-transform:uppercase;animation:radiantGlow 2s ease-in-out infinite alternate;vertical-align:middle;border:none;outline:none;cursor:pointer;font-family:var(--font-sans);position:relative;overflow:hidden}.version-badge:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.version-badge:hover{opacity:.95;transform:scale(1.05);box-shadow:0 0 0 1px var(--color-primary),0 0 10px 3px var(--color-primary),0 0 20px 6px var(--color-primary-glow),inset 0 1px 0 rgba(255,255,255,.2)}.version-badge:active{transform:scale(.98)}@keyframes radiantGlow{0%{box-shadow:0 0 0 1px var(--color-primary),0 0 6px 2px var(--color-primary),0 0 12px 4px var(--color-primary-glow),inset 0 1px 0 rgba(255,255,255,.1)}to{box-shadow:0 0 0 1px var(--color-primary),0 0 8px 3px var(--color-primary),0 0 16px 6px var(--color-primary-glow),inset 0 1px 0 rgba(255,255,255,.15)}}[data-theme=light] .version-badge{color:#fff;box-shadow:0 0 0 1px var(--color-primary),0 0 6px 2px var(--color-primary),0 0 12px 3px var(--color-primary-glow)}[data-theme=light] .header-title{color:#0f172a;text-shadow:none}[data-theme=light] .brand-logo{box-shadow:none}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-action-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--glass-border-hover);background:color-mix(in srgb,var(--color-primary) 8%,var(--bg-card));color:var(--text-sec);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);outline:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 0 0 transparent}.header-action-btn:hover{background:color-mix(in srgb,var(--color-primary) 15%,var(--bg-card));border-color:var(--color-primary);color:var(--text-main);box-shadow:0 0 20px color-mix(in srgb,var(--color-primary) 20%,transparent),0 0 0 1px color-mix(in srgb,var(--color-primary) 20%,transparent);transform:translateY(-1px)}.header-action-btn:active{transform:scale(.97) translateY(0);box-shadow:0 0 10px color-mix(in srgb,var(--color-primary) 15%,transparent)}.header-action-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 50%,transparent);border-color:var(--color-primary);color:var(--text-main)}.header-action-btn__inner{gap:8px}.header-action-btn__label{font-size:.82rem;font-weight:600;letter-spacing:.01em}[data-theme=light] .header-action-btn{background:color-mix(in srgb,var(--color-primary) 6%,rgba(255,255,255,.8));border-color:rgba(15,23,42,.1)}[data-theme=light] .header-action-btn:hover{background:color-mix(in srgb,var(--color-primary) 12%,rgba(255,255,255,.95));border-color:var(--color-primary);color:var(--text-main);box-shadow:0 0 20px color-mix(in srgb,var(--color-primary) 15%,transparent),0 0 0 1px color-mix(in srgb,var(--color-primary) 15%,transparent)}.header-action-btn__inner{display:inline-flex;align-items:center;gap:6px}.header-action-btn__label{font-size:.8rem}[data-theme=light] .header-action-btn{background:rgba(2,6,23,.03);color:var(--text-sec)}.search-container{position:relative;width:100%}.search-container--centered{max-width:480px;margin:0 auto;width:100%;max-height:0;opacity:0;overflow:hidden;padding:0 32px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1)}.search-container--visible{max-height:80px;opacity:1;padding-top:16px;padding-bottom:12px}.search-toolbar-wrap{width:100%;padding:0 28px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.search-toolbar-wrap--visible{max-height:140px;opacity:1;padding-top:14px;padding-bottom:10px}.search-bar-redesign{position:relative;display:flex;align-items:center;width:100%;padding:12px 16px;background:var(--bg-card);border:1.5px solid var(--glass-border);border-radius:14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 2px 16px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.08);transition:border-color .2s ease,box-shadow .2s ease;gap:10px}.search-bar-redesign:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow),0 4px 20px rgba(99,102,241,.15)}.search-bar-redesign:hover:not(:focus-within){border-color:var(--glass-border-hover)}.search-bar-redesign__icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text-sec);transition:color .2s ease}.search-bar-redesign:focus-within .search-bar-redesign__icon{color:var(--color-primary)}.search-input-redesign{flex:1 1;background:transparent;border:none;color:var(--text-main);font-family:var(--font-sans);font-size:.92rem;outline:none;caret-color:var(--color-primary);min-width:0}.search-input-redesign::placeholder{color:var(--text-mute);opacity:.8}.search-clear-redesign{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:var(--bg-element);color:var(--text-sec);border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease,transform .2s ease}.search-clear-redesign:hover{background:var(--glass-border-hover);color:var(--text-main);transform:scale(1.1)}.search-kbd{display:inline-flex;align-items:center;padding:2px 7px;border-radius:6px;border:1px solid var(--glass-border);background:var(--bg-element);color:var(--text-mute);font-size:.7rem;font-family:var(--font-sans);letter-spacing:.02em;flex-shrink:0;white-space:nowrap}.search-toolbar{display:none}.toolbar-group{display:flex;align-items:center;gap:6px}.toolbar-label{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);white-space:nowrap}.toolbar-pills{display:flex;align-items:center;gap:4px;background:var(--bg-element);border:1px solid var(--glass-border);border-radius:10px;padding:3px}.toolbar-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;border:none;background:transparent;color:var(--text-sec);font-family:var(--font-sans);font-size:.76rem;font-weight:500;cursor:pointer;transition:background .18s ease,color .18s ease,transform .15s ease;white-space:nowrap}.toolbar-pill:hover{background:var(--bg-card);color:var(--text-main)}.toolbar-pill--active{background:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(99,102,241,.35)}.mobile-menu-toggle-btn{display:none}.mobile-menu-drawer{display:flex;flex-direction:column;gap:12px;padding:16px 20px;background:var(--bg-card);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-section{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-menu-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute)}.mobile-menu-actions{display:flex;gap:8px}.mobile-menu-btn{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;padding:6px 12px}@media (max-width:768px){.desktop-only-action{display:none!important}.header-actions{display:flex;justify-content:flex-end;margin-left:auto;width:auto!important;flex:initial!important}.mobile-menu-toggle-btn{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto}.search-toolbar{display:none!important}}.dashboard-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.tool-list-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .15s ease,box-shadow .18s ease;position:relative}.tool-list-item:hover{background:var(--bg-card-hover,var(--bg-panel));border-color:var(--glass-border-hover);transform:translateX(3px);box-shadow:0 2px 12px rgba(0,0,0,.1)}.tool-list-item__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,currentColor 10%,transparent)}.tool-list-item__body{flex:1 1;min-width:0}.tool-list-item__title{font-size:.88rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:4px}.tool-list-item__desc{font-size:.75rem;color:var(--text-sec);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}.tool-list-item__badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;padding:4px 12px;border-radius:9999px;background:color-mix(in srgb,var(--badge-color,var(--color-primary)) 14%,transparent);color:var(--badge-color,var(--color-primary));border:1px solid color-mix(in srgb,var(--badge-color,var(--color-primary)) 30%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--badge-color,var(--color-primary)) 10%,transparent),0 2px 6px color-mix(in srgb,var(--badge-color,var(--color-primary)) 15%,transparent);transition:all .25s cubic-bezier(.4,0,.2,1)}.tool-list-item:hover .tool-list-item__badge{background:color-mix(in srgb,var(--badge-color,var(--color-primary)) 22%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--badge-color,var(--color-primary)) 18%,transparent),0 4px 12px color-mix(in srgb,var(--badge-color,var(--color-primary)) 25%,transparent);transform:translateY(-1px)}.tool-list-item__arrow{color:var(--text-mute);flex-shrink:0;transition:transform .18s ease,color .18s ease}.tool-list-item:hover .tool-list-item__arrow{transform:translateX(3px);color:var(--text-sec)}.search-bar{position:relative;display:flex;align-items:center;width:100%;padding:10px 14px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:9999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 24px rgba(0,0,0,.18);transition:var(--transition-smooth)}.search-bar:hover{border-color:var(--glass-border-hover)}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow),0 8px 32px 0 rgba(99,102,241,.12)}.search-input{width:100%;padding:0 10px 0 36px;background:transparent;border:none;border-radius:9999px;color:var(--text-main);font-family:var(--font-sans);font-size:.9rem;outline:none;caret-color:var(--color-primary);transition:var(--transition-fast)}.search-input::placeholder{color:var(--text-mute);opacity:.9}.search-icon{position:relative;left:0;top:0;transform:none;width:18px;height:18px;color:var(--text-sec);pointer-events:none;flex-shrink:0;transition:color .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.search-bar:focus-within .search-icon{color:var(--color-primary);transform:scale(1.1) translateY(-1px)}.search-clear{display:none;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:var(--bg-element);color:var(--text-sec);border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease,transform .2s ease;margin-left:8px;opacity:.85}.search-clear:hover{background:var(--glass-border-hover);color:var(--text-main);transform:scale(1.1)}.search-input:not(:placeholder-shown)~.search-clear{display:inline-flex}.settings-popover{position:fixed;top:84px;right:24px;z-index:1000;min-width:300px;max-width:360px;padding:0;border-radius:20px;border:1px solid var(--glass-border-hover);background:var(--bg-panel);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px color-mix(in srgb,var(--color-primary) 10%,transparent),0 0 40px color-mix(in srgb,var(--color-primary) 8%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden;transform-origin:top right;animation:settingsIn .25s cubic-bezier(.34,1.56,.64,1)}.settings-popover:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent) 0,transparent 50%,color-mix(in srgb,var(--color-purple) 5%,transparent) 100%);pointer-events:none;z-index:0}.settings-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--glass-border);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.settings-header-title{font-size:.95rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:10px;letter-spacing:.01em}.settings-header-title span:first-child{font-size:1.2rem;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-primary) 40%,transparent))}.settings-close-btn{position:relative;z-index:1;background:transparent;border:1px solid var(--glass-border);color:var(--text-sec);cursor:pointer;font-size:1.1rem;padding:6px 10px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.settings-close-btn:hover{background:color-mix(in srgb,var(--color-rose) 15%,transparent);border-color:var(--color-rose);color:var(--color-rose);box-shadow:0 0 12px color-mix(in srgb,var(--color-rose) 20%,transparent)}.settings-section{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;padding:16px 20px}.settings-section:not(:last-child){border-bottom:1px solid var(--glass-border)}.settings-section-title{font-size:.7rem;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;padding-left:4px;display:flex;align-items:center;gap:8px}.settings-section-title:before{content:"";display:inline-block;width:3px;height:12px;border-radius:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-purple));box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 40%,transparent)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);gap:14px;border:1px solid transparent}.settings-item:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:color-mix(in srgb,var(--color-primary) 15%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--color-primary) 8%,transparent);transform:translateX(2px)}.settings-item-left{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}.settings-item-icon{font-size:1.2rem;width:28px;text-align:center;flex-shrink:0;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-primary) 20%,transparent))}.settings-item-label{font-size:.88rem;font-weight:600;color:var(--text-main);letter-spacing:.01em}.settings-item-sub{font-size:.75rem;color:var(--text-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.settings-language-select{position:relative;display:inline-flex;align-items:center;gap:7px;flex-shrink:0;min-width:124px;padding:8px 10px;border:1px solid var(--glass-border-hover);border-radius:10px;background:color-mix(in srgb,var(--color-primary) 6%,var(--bg-card));color:var(--text-main);cursor:pointer;transition:all .2s ease-out}.settings-language-select:focus-within,.settings-language-select:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--bg-card));box-shadow:0 0 14px color-mix(in srgb,var(--color-primary) 16%,transparent)}.settings-language-select__flag{font-size:1rem;line-height:1}.settings-language-select select{min-width:0;flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:inherit;font:600 .82rem var(--font-sans);cursor:pointer}.settings-language-select select option{background:var(--bg-card);color:var(--text-main)}.settings-switch{width:44px;height:24px;border-radius:9999px;background:var(--bg-element);border:1px solid var(--glass-border-hover);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.settings-switch.active{background:linear-gradient(135deg,var(--color-primary),var(--color-purple));border-color:transparent;box-shadow:0 0 16px color-mix(in srgb,var(--color-primary) 30%,transparent),inset 0 1px 2px rgba(255,255,255,.2)}.settings-switch-handle{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-mute);transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px rgba(0,0,0,.3)}.settings-switch.active .settings-switch-handle{transform:translateX(20px);background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3),0 0 12px rgba(255,255,255,.4)}.settings-theme-pill{font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:9999px;background:color-mix(in srgb,var(--color-primary) 12%,var(--bg-element));color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);letter-spacing:.05em;box-shadow:0 0 12px color-mix(in srgb,var(--color-primary) 10%,transparent);flex-shrink:0}[data-theme=light] .settings-switch{background:rgba(0,0,0,.08);border-color:rgba(15,23,42,.15)}[data-theme=light] .settings-switch-handle{background:var(--text-main)}[data-theme=light] .settings-item:hover{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.08)}@keyframes settingsIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.settings-popover{top:auto;bottom:16px;right:16px;left:16px;min-width:unset;max-width:unset;border-radius:20px 20px 16px 16px}}.tool-viewport{flex:1 1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;scrollbar-gutter:stable}.sticky-search-bar{max-height:0;opacity:0;overflow:hidden;padding:0 32px;transition:max-height .25s ease,opacity .25s ease,padding .25s ease;background:linear-gradient(180deg,rgba(7,8,13,.97) 0,rgba(7,8,13,.85) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sticky-search-bar--visible{max-height:80px;opacity:1;padding-top:16px;padding-bottom:12px}[data-theme=light] .sticky-search-bar{background:linear-gradient(180deg,rgba(248,250,252,.97) 0,rgba(248,250,252,.85) 70%,transparent)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-top:24px}.tool-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:24px;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column}.tool-card,.tool-card:before{transition:var(--transition-smooth)}.tool-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);opacity:0}.tool-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.15);box-shadow:0 12px 24px -10px rgba(0,0,0,.5),0 0 20px 0 rgba(99,102,241,.05)}.tool-card:hover:before{opacity:1}.tool-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.tool-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 16px}.tool-card-icon.math{background:rgba(99,102,241,.1);color:var(--color-primary)}.tool-card-icon.text{background:rgba(168,85,247,.1);color:var(--color-purple)}.tool-card-icon.time{background:rgba(236,72,153,.1);color:var(--color-pink)}.tool-card-icon.design{background:rgba(6,182,212,.1);color:var(--color-cyan)}.tool-card-icon.security{background:rgba(16,185,129,.1);color:var(--color-emerald)}.tool-card-icon.pdf{background:rgba(244,63,94,.1);color:var(--color-rose)}.tool-card-icon.pdf-tools{background:rgba(59,130,242,.1);color:var(--cat-pdf)}.tool-card-icon.image-tools{background:rgba(16,185,129,.1);color:var(--cat-image)}.tool-card-icon.video-tools{background:rgba(168,85,247,.1);color:var(--cat-video)}.tool-card-icon.game-tools{background:rgba(244,63,94,.1);color:var(--cat-game)}.tool-card-icon.generator,.tool-card-icon.generator-tools{background:rgba(245,158,11,.1);color:var(--color-amber)}.tool-card-icon.calculators{background:rgba(249,115,22,.1);color:var(--color-orange)}.tool-card-icon.student{background:rgba(6,182,212,.1);color:var(--color-cyan)}.tool-list-item__icon.math{background:rgba(99,102,241,.12);color:var(--color-primary)}.tool-list-item__icon.text{background:rgba(168,85,247,.12);color:var(--color-purple)}.tool-list-item__icon.time{background:rgba(236,72,153,.12);color:var(--color-pink)}.tool-list-item__icon.design{background:rgba(6,182,212,.12);color:var(--color-cyan)}.tool-list-item__icon.security{background:rgba(16,185,129,.12);color:var(--color-emerald)}.tool-list-item__icon.pdf{background:rgba(244,63,94,.12);color:var(--color-rose)}.tool-list-item__icon.pdf-tools{background:rgba(59,130,242,.12);color:var(--cat-pdf)}.tool-list-item__icon.image-tools{background:rgba(16,185,129,.12);color:var(--cat-image)}.tool-list-item__icon.video-tools{background:rgba(168,85,247,.12);color:var(--cat-video)}.tool-list-item__icon.game-tools{background:rgba(244,63,94,.12);color:var(--cat-game)}.tool-list-item__icon.tools{background:rgba(99,102,241,.12);color:var(--color-primary)}.tool-list-item__icon.generator,.tool-list-item__icon.generator-tools{background:rgba(245,158,11,.12);color:var(--color-amber)}.tool-list-item__icon.calculators{background:rgba(249,115,22,.12);color:var(--color-orange)}.tool-list-item__icon.student{background:rgba(6,182,212,.12);color:var(--color-cyan)}.tool-list-item__icon.social{background:rgba(236,72,153,.12);color:var(--color-pink)}.tool-list-item__icon.daily,.tool-list-item__icon.useful-daily-tools{background:rgba(16,185,129,.12);color:var(--color-emerald)}.tool-list-item__icon.text-tools{background:rgba(168,85,247,.12);color:var(--color-purple)}.tool-card-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;width:100%;flex-wrap:wrap}.tool-card-badge{font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:9999px;background:color-mix(in srgb,var(--badge-color,var(--color-primary)) 16%,transparent);color:var(--badge-color,var(--color-primary));border:1px solid color-mix(in srgb,var(--badge-color,var(--color-primary)) 32%,transparent);width:-moz-fit-content;width:fit-content;letter-spacing:.03em;text-transform:none;line-height:1.4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px color-mix(in srgb,var(--badge-color,var(--color-primary)) 12%,transparent),0 2px 8px color-mix(in srgb,var(--badge-color,var(--color-primary)) 18%,transparent);transition:all .25s cubic-bezier(.4,0,.2,1)}.tool-card:hover .tool-card-badge{background:color-mix(in srgb,var(--badge-color,var(--color-primary)) 24%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--badge-color,var(--color-primary)) 22%,transparent),0 4px 16px color-mix(in srgb,var(--badge-color,var(--color-primary)) 30%,transparent);transform:translateY(-2px)}.tool-card-clicks{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;font-weight:700;color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(251,191,36,.1));border:1px solid rgba(245,158,11,.28);border-radius:999px;padding:3px 10px 3px 7px;letter-spacing:.02em;box-shadow:0 0 10px rgba(245,158,11,.18),inset 0 1px 0 rgba(255,255,255,.06);opacity:1;transition:box-shadow .25s ease,transform .2s ease,background .25s ease}.tool-card:hover .tool-card-clicks{background:linear-gradient(135deg,rgba(245,158,11,.28),rgba(251,191,36,.18));box-shadow:0 0 18px rgba(245,158,11,.35),inset 0 1px 0 rgba(255,255,255,.08);transform:scale(1.04)}.tool-card-clicks svg{flex-shrink:0;width:12px;height:12px;opacity:.9;color:#fbbf24}.tool-list-item__clicks{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(251,191,36,.08));border:1px solid rgba(245,158,11,.25);border-radius:999px;padding:2px 9px;white-space:nowrap;margin-right:6px;letter-spacing:.02em;box-shadow:0 0 8px rgba(245,158,11,.15);transition:box-shadow .2s ease,background .2s ease}.tool-list-item:hover .tool-list-item__clicks{background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(251,191,36,.15));box-shadow:0 0 14px rgba(245,158,11,.3)}.tool-card-new{position:absolute;top:12px;left:12px;font-size:.6rem;font-weight:800;letter-spacing:.05em;padding:3px 8px;border-radius:9999px;color:#fff;background:linear-gradient(135deg,#f43f5e,#f97316);border:none;z-index:10;text-transform:uppercase;box-shadow:0 2px 8px rgba(244,63,94,.35);pointer-events:none}.tool-card-title{font-size:1rem;font-weight:600;color:#ffffff;margin:0 0 10px;text-align:center}.tool-card-desc{font-size:.85rem;color:var(--text-sec);line-height:1.4;margin-bottom:16px;flex-grow:1;text-align:center}.fav-btn{position:absolute;top:12px;right:12px;width:auto;height:auto;border-radius:0;color:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.5rem;font-weight:900;z-index:10;padding:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.fav-btn,.fav-btn:hover{background:transparent;border:none;box-shadow:none}.fav-btn:hover{color:rgba(255,255,255,.6);transform:scale(1.15);text-shadow:0 2px 8px rgba(0,0,0,.5)}.fav-btn--active{background:transparent;border:none;color:var(--fav-color,var(--color-primary));box-shadow:none;text-shadow:0 2px 12px color-mix(in srgb,var(--fav-color,var(--color-primary)) 60%,transparent),0 0 20px color-mix(in srgb,var(--fav-color,var(--color-primary)) 40%,transparent)}.fav-btn--active:hover{transform:scale(1.15);box-shadow:none;text-shadow:0 2px 16px color-mix(in srgb,var(--fav-color,var(--color-primary)) 80%,transparent),0 0 24px color-mix(in srgb,var(--fav-color,var(--color-primary)) 60%,transparent)}[data-theme=light] .fav-btn{background:transparent;border:none;color:rgba(0,0,0,.25);box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.1)}[data-theme=light] .fav-btn:hover{background:transparent;border:none;color:rgba(0,0,0,.5);box-shadow:none;text-shadow:0 2px 4px rgba(0,0,0,.15)}[data-theme=light] .fav-btn--active{background:transparent;border:none;color:var(--fav-color,var(--color-primary));box-shadow:none;text-shadow:0 2px 8px color-mix(in srgb,var(--fav-color,var(--color-primary)) 40%,transparent),0 0 16px color-mix(in srgb,var(--fav-color,var(--color-primary)) 25%,transparent)}.favorites-section-heading{font-size:1.3rem;font-weight:800;letter-spacing:.01em;color:var(--color-primary);margin-bottom:20px;padding:0 0 8px;border:none;border-bottom:2px solid color-mix(in srgb,var(--color-primary) 18%,transparent);display:inline-flex;align-items:center;gap:10px}.favorites-section-heading .cat-count-badge{font-size:.8rem;font-weight:800;padding:4px 11px;border-radius:8px;background:color-mix(in srgb,var(--color-primary) 18%,transparent);border:none;color:var(--color-primary);letter-spacing:.04em;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 22%,transparent)}.category-section-heading{font-family:Archivo Black,sans-serif;font-size:1.3rem;font-weight:900;letter-spacing:.01em;color:var(--color-primary);margin-bottom:20px;padding:0 0 8px;border:none;border-bottom:2px solid color-mix(in srgb,var(--color-primary) 18%,transparent);display:inline-flex;align-items:center;gap:10px}.popular-section__sub{margin:4px 0 0 4px;font-size:.74rem;font-weight:500;color:var(--text-mute);letter-spacing:.03em}.tool-card-rank{position:absolute;bottom:8px;left:10px;z-index:12;font-family:var(--font-mono);font-size:4rem;font-weight:900;line-height:1;background:linear-gradient(160deg,#fbbf24,#fef3c7 50%,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 12px rgba(251,191,36,.55)) drop-shadow(0 4px 4px rgba(0,0,0,.4));pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-.04em}@media (max-width:768px){.tool-card-rank{font-size:2.8rem}}.cat-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 10px;border-radius:8px;background:color-mix(in srgb,var(--badge-color,var(--color-primary)) 18%,transparent);color:var(--badge-color,var(--color-primary));border:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--badge-color,var(--color-primary)) 22%,transparent);font-size:.8rem;font-weight:800;letter-spacing:.02em;text-transform:none;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.cat-count-badge:hover{background:color-mix(in srgb,var(--badge-color,var(--color-primary)) 28%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--badge-color,var(--color-primary)) 40%,transparent)}.show-more-btn{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:8px 18px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--accent,var(--color-primary)) 40%,transparent);background:color-mix(in srgb,var(--accent,var(--color-primary)) 8%,transparent);color:var(--accent,var(--color-primary));font-size:.78rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;outline:none}.show-more-btn:hover{background:color-mix(in srgb,var(--accent,var(--color-primary)) 16%,transparent);border-color:color-mix(in srgb,var(--accent,var(--color-primary)) 70%,transparent);box-shadow:0 2px 12px color-mix(in srgb,var(--accent,var(--color-primary)) 20%,transparent);transform:translateY(-1px)}.show-more-btn:active{transform:translateY(0)}.show-more-btn__text{line-height:1}.show-more-btn__chevron{display:inline-flex;align-items:center;transition:transform .25s ease}.show-more-btn__chevron--up{transform:rotate(180deg)}.tool-container{background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:20px;padding:32px;flex:1 1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--glass-glow);display:flex;flex-direction:column;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-container--pdf{border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:32px 32px 0}.tool-container--pdf,[data-theme=light] .tool-container--pdf{background:transparent}.tool-header-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border);padding-bottom:20px;margin-bottom:24px}.tool-title-wrap{display:flex;align-items:center;gap:16px}.tool-icon-circle{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-glow);color:var(--color-primary)}.tool-title-name{font-size:1.5rem;font-weight:700;color:#ffffff}.tool-back-btn{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-sec);padding:8px 16px;border-radius:8px;font-family:var(--font-sans);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-fast)}.tool-back-btn:hover{background:rgba(255,255,255,.1);color:#ffffff;border-color:var(--glass-border-hover)}.input-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--text-sec);margin-bottom:8px;letter-spacing:.05em}.custom-input,.custom-select,.custom-textarea{width:100%;background:rgba(13,14,23,.8);border:1px solid var(--glass-border);border-radius:8px;padding:12px;color:#ffffff;font-family:var(--font-sans);font-size:.9rem;outline:none;transition:var(--transition-fast)}.custom-input:focus,.custom-select:focus,.custom-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 10px rgba(99,102,241,.2)}.custom-textarea{min-height:120px;resize:vertical}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#ffffff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-family:var(--font-sans);font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-fast);box-shadow:0 4px 15px rgba(99,102,241,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,.45)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-main);padding:12px 24px;border-radius:8px;font-weight:600;font-family:var(--font-sans);font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-fast)}.btn-secondary:hover{background:rgba(255,255,255,.08);border-color:var(--glass-border-hover)}.pdf-hub{display:flex;flex-direction:column;gap:28px;width:100%}.pdf-hub-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pdf-hub-filter{padding:10px 20px;border-radius:999px;border:1px solid var(--pdf-filter-border,rgba(255,255,255,.1));background:var(--pdf-filter-bg,rgba(255,255,255,.04));color:var(--text-sec);font-family:var(--font-sans);font-size:.88rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.pdf-hub-filter:hover{border-color:var(--pdf-filter-border-hover,rgba(255,255,255,.18));color:var(--text-main)}.pdf-hub-filter.active{background:var(--pdf-filter-active-bg,#1e293b);border-color:var(--pdf-filter-active-bg,#1e293b);color:#ffffff;font-weight:600}.pdf-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px}.pdf-hub-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px;padding:28px 24px;border-radius:16px;border:1px solid var(--pdf-card-border,rgba(255,255,255,.06));background:var(--pdf-card-bg,rgba(255,255,255,.03));box-shadow:var(--pdf-card-shadow,0 2px 12px rgba(0,0,0,.15));cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;font-family:var(--font-sans)}.pdf-hub-card:hover{transform:translateY(-4px);box-shadow:var(--pdf-card-shadow-hover,0 10px 28px rgba(0,0,0,.22));border-color:var(--pdf-card-border-hover,rgba(255,255,255,.12))}.pdf-hub-card-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.3}.pdf-hub-card-desc{margin:0;font-size:.84rem;line-height:1.55;color:var(--text-sec)}.pdf-hub-icon{position:relative;width:52px;height:52px;flex-shrink:0}.pdf-hub-icon-bg,.pdf-hub-icon-fg{position:absolute;border-radius:10px}.pdf-hub-icon-bg{width:38px;height:38px;top:0;left:14px;opacity:.55}.pdf-hub-icon-fg{width:42px;height:42px;top:10px;left:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}.pdf-hub-icon-fg svg{width:22px;height:22px}.pdf-hub-icon-letter{color:#ffffff;font-size:1.15rem;font-weight:800;line-height:1}.pdf-tools-hub-icon{position:relative;width:52px;height:52px;flex-shrink:0}.pdf-tools-hub-icon-bg,.pdf-tools-hub-icon-fg{position:absolute;border-radius:10px}.pdf-tools-hub-icon-bg{width:38px;height:38px;top:0;left:14px;opacity:.55}.pdf-tools-hub-icon-fg{width:42px;height:42px;top:10px;left:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}.pdf-tools-hub-icon-fg svg{width:22px;height:22px}.hub-search-bar-wrap{position:relative;display:flex;align-items:center;max-width:520px;width:100%;margin:0 auto 8px}.hub-search-icon{position:absolute;left:14px;color:var(--text-mute);pointer-events:none;flex-shrink:0}.hub-search-input{width:100%;padding:11px 40px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--text-main);font-family:var(--font-sans);font-size:.9rem;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;-webkit-appearance:none}.hub-search-input::placeholder{color:var(--text-mute)}.hub-search-input:focus{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(99,102,241,.12)}.hub-search-input::-webkit-search-cancel-button{display:none}.hub-search-clear{position:absolute;right:12px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:none;background:rgba(255,255,255,.08);color:var(--text-mute);cursor:pointer;transition:background .15s ease,color .15s ease;padding:0}.hub-search-clear:hover{background:rgba(255,255,255,.14);color:var(--text-main)}.hub-no-results{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;color:var(--text-sec);font-family:var(--font-sans);font-size:.95rem;text-align:center}.hub-no-results span{font-size:2.5rem;line-height:1}.hub-no-results p{margin:0;color:var(--text-sec)}[data-theme=light] .hub-search-input{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.04);color:var(--text-main)}[data-theme=light] .hub-search-input:focus{border-color:rgba(99,102,241,.4);background:rgba(0,0,0,.06)}[data-theme=light] .hub-search-clear{background:rgba(0,0,0,.06)}[data-theme=light] .hub-search-clear:hover{background:rgba(0,0,0,.12)}.pdf-tools-hub-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pdf-tools-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pdf-tools-hub-filter{padding:10px 20px;border-radius:999px;border:1px solid color-mix(in srgb,var(--cat-color,var(--color-primary)) 25%,transparent);background:color-mix(in srgb,var(--cat-color,var(--color-primary)) 10%,transparent);color:var(--text-sec);font-family:var(--font-sans);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.pdf-tools-hub-filter:hover{border-color:color-mix(in srgb,var(--cat-color,var(--color-primary)) 40%,transparent);color:var(--text-main);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--cat-color,var(--color-primary)) 20%,transparent)}.pdf-tools-hub-filter.active{background:color-mix(in srgb,var(--cat-color,var(--color-primary)) 22%,transparent);border-color:color-mix(in srgb,var(--cat-color,var(--color-primary)) 50%,transparent);color:#ffffff;font-weight:700;box-shadow:0 0 20px color-mix(in srgb,var(--cat-color,var(--color-primary)) 25%,transparent)}.pdf-tools-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.pdf-tools-hub-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px;padding:24px 60px 24px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:0 2px 12px rgba(0,0,0,.15);cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:inherit;overflow:hidden;height:100%;width:100%}.pdf-tools-hub-card,.pdf-tools-hub-card *,.pdf-tools-hub-card :after,.pdf-tools-hub-card :before{box-sizing:border-box}.pdf-tools-hub-card:before{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent);opacity:0;transition:opacity .25s ease;pointer-events:none}.pdf-tools-hub-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.25);border-color:rgba(255,255,255,.12)}.pdf-tools-hub-card:hover:before{opacity:1}.pdf-tools-hub-card-header{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.pdf-tools-hub-card-header>.pdf-tools-hub-card-category{margin-left:auto}.pdf-tools-hub-card-category{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:9999px;background:color-mix(in srgb,var(--cat-color,var(--color-primary)) 16%,transparent);color:var(--cat-color,var(--color-primary));border:1px solid color-mix(in srgb,var(--cat-color,var(--color-primary)) 30%,transparent);letter-spacing:.02em;text-transform:uppercase;line-height:1.4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pdf-tools-hub-card-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-main);line-height:1.3}.pdf-tools-hub-card-desc{margin:0;font-size:.84rem;line-height:1.55;color:var(--text-sec)}.pdf-tools-hub-icon-letter{color:#ffffff;font-size:1.05rem;font-weight:800;line-height:1;letter-spacing:-.02em}.pdf-tools-hub-card-arrow{position:absolute;top:20px;right:20px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--text-sec);transition:all .25s cubic-bezier(.4,0,.2,1)}.pdf-tools-hub-badge{display:inline-flex;padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:rgba(245,158,11,.15);color:var(--color-amber);border:1px solid rgba(245,158,11,.25)}.pdf-tools-hub-card:hover .pdf-tools-hub-card-arrow{background:color-mix(in srgb,var(--color-primary) 25%,transparent);border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);color:#fff;transform:translate(2px,-2px)}.pdf-hero{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--glass-border);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(168,85,247,.1) 60%,rgba(236,72,153,.08));padding:56px 40px 44px;isolation:isolate}.pdf-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.pdf-hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}.pdf-hero-orb-1{width:280px;height:280px;top:-80px;right:-60px;background:radial-gradient(circle,rgba(99,102,241,.6),transparent 70%)}.pdf-hero-orb-2{width:220px;height:220px;bottom:-90px;left:-40px;background:radial-gradient(circle,rgba(236,72,153,.5),transparent 70%)}.pdf-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%)}.pdf-hero-inner{max-width:760px;display:flex;flex-direction:column;gap:16px}.pdf-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#6ee7b7;font-size:.78rem;font-weight:600;letter-spacing:.02em}.pdf-hero-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pdf-hero-pulse 2s ease-in-out infinite}@keyframes pdf-hero-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.pdf-hero-title{margin:0;font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--text-main)}.pdf-hero-title-grad{background:linear-gradient(135deg,#818cf8,#c084fc 50%,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.pdf-hero-subtitle{margin:0;font-size:1.02rem;line-height:1.6;color:var(--text-sec);max-width:600px}.pdf-hero-search{position:relative;display:flex;align-items:center;margin-top:8px;background:rgba(15,17,28,.55);border:1px solid var(--glass-border-hover);border-radius:14px;padding:0 14px;transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pdf-hero-search:focus-within{border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);box-shadow:0 0 0 4px var(--color-primary-glow);background:rgba(15,17,28,.75)}.pdf-hero-search-icon{color:var(--text-sec);flex-shrink:0}.pdf-hero-search-input{flex:1 1;background:transparent;border:0;outline:0;padding:14px 12px;font-family:var(--font-sans);font-size:.95rem;color:var(--text-main);min-width:0}.pdf-hero-search-input::placeholder{color:var(--text-mute)}.pdf-hero-search-input::-webkit-search-cancel-button{display:none}.pdf-hero-search-clear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:var(--text-sec);cursor:pointer;transition:all .15s ease;flex-shrink:0}.pdf-hero-search-clear:hover{background:rgba(255,255,255,.16);color:var(--text-main)}.pdf-hero-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.pdf-hero-tag-label{font-size:.8rem;font-weight:600;color:var(--text-mute);margin-right:4px}.pdf-hero-tag{padding:6px 12px;border-radius:999px;border:1px solid var(--glass-border);background:rgba(255,255,255,.04);color:var(--text-sec);font-family:var(--font-sans);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pdf-hero-tag:hover{background:rgba(99,102,241,.15);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);color:#fff;transform:translateY(-1px)}.pdf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.pdf-stat{padding:18px 20px;border-radius:14px;border:1px solid var(--glass-border);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));transition:border-color .2s ease,transform .2s ease}.pdf-stat:hover{border-color:var(--glass-border-hover);transform:translateY(-1px)}.pdf-stat-value{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;line-height:1.1}.pdf-stat-label{margin-top:4px;font-size:.78rem;color:var(--text-sec);font-weight:500}.pdf-tools-grouped{display:flex;flex-direction:column;gap:36px}.pdf-tools-group{display:flex;flex-direction:column;gap:16px}.pdf-tools-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.pdf-tools-group-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em;position:relative;padding-left:14px}.pdf-tools-group-title:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:var(--cat-color,var(--color-primary));box-shadow:0 0 12px var(--cat-color,var(--color-primary))}.pdf-tools-group-desc{margin:4px 0 0 14px;font-size:.8rem;color:var(--text-mute)}.pdf-tools-group-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-sec);font-family:var(--font-sans);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pdf-tools-group-link:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.pdf-empty{text-align:center;padding:56px 24px;border:1px dashed var(--glass-border-hover);border-radius:18px;background:rgba(255,255,255,.02)}.pdf-empty-icon{font-size:2.4rem;margin-bottom:12px}.pdf-empty-title{margin:0 0 6px;font-size:1.15rem;font-weight:700;color:var(--text-main)}.pdf-empty-desc{margin:0;color:var(--text-sec);font-size:.92rem}.pdf-empty-link{background:none;border:0;padding:0 0 0 4px;color:var(--color-primary);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.pdf-faq{padding:32px;border-radius:20px;border:1px solid var(--glass-border);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}.pdf-faq-head{text-align:center;margin-bottom:22px}.pdf-faq-title{margin:0 0 6px;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main)}.pdf-faq-subtitle{margin:0;font-size:.92rem;color:var(--text-sec)}.pdf-faq-list{gap:10px;max-width:760px;margin:0 auto}.pdf-faq-item,.pdf-faq-list{display:flex;flex-direction:column}.pdf-faq-item{text-align:left;gap:0;padding:16px 20px;border-radius:12px;border:1px solid var(--glass-border);background:rgba(15,17,28,.4);color:var(--text-main);font-family:var(--font-sans);cursor:pointer;transition:all .2s ease}.pdf-faq-item:hover{border-color:var(--glass-border-hover)}.pdf-faq-item.open{background:rgba(99,102,241,.08);border-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}.pdf-faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.98rem;font-weight:600;color:var(--text-main)}.pdf-faq-chev{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.05);color:var(--text-sec);transition:transform .25s ease,background .2s ease;flex-shrink:0}.pdf-faq-item.open .pdf-faq-chev{transform:rotate(180deg);background:color-mix(in srgb,var(--color-primary) 25%,transparent);color:#fff}.pdf-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,margin-top .3s ease;color:var(--text-sec);font-size:.92rem;line-height:1.6}.pdf-faq-a:before{content:""}.pdf-faq-item.open .pdf-faq-a{grid-template-rows:1fr;margin-top:10px}.pdf-faq-a>*{overflow:hidden}:where([data-theme=light],html:not([data-theme=dark])) .pdf-hero{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1) 60%,rgba(236,72,153,.08))}:where([data-theme=light],html:not([data-theme=dark])) .pdf-hero-search{background:rgba(255,255,255,.75)}:where([data-theme=light],html:not([data-theme=dark])) .pdf-faq-item{background:rgba(255,255,255,.5)}:where([data-theme=light],html:not([data-theme=dark])) .pdf-stat{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.3))}@media (max-width:640px){.pdf-hero{padding:40px 22px 32px}.pdf-hero-search-input{font-size:.9rem;padding:12px 8px}.pdf-faq{padding:22px 18px}.pdf-faq-title{font-size:1.2rem}.pdf-tools-hub-card-arrow{top:16px;right:16px}.pdf-tools-header-content{flex-direction:column;align-items:center;text-align:center;padding:24px 18px;gap:16px}.pdf-tools-workspace-title{font-size:1.3rem}.pdf-tools-workspace-desc{max-width:100%}}@keyframes headerShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatBadge{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes pulseOrb{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.08)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pdf-tools-header{position:relative;display:flex;flex-direction:column;border-radius:24px;background:radial-gradient(600px 300px at 80% -10%,color-mix(in srgb,var(--color-primary) 18%,transparent) 0,transparent 60%),radial-gradient(500px 250px at 10% 110%,color-mix(in srgb,var(--color-purple) 18%,transparent) 0,transparent 60%),linear-gradient(135deg,rgba(15,23,42,.55) 0,rgba(15,23,42,.35) 100%);border:1px solid var(--glass-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;isolation:isolate}.pdf-tools-header:before{inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--color-primary) 12%,transparent) 25%,color-mix(in srgb,var(--color-purple) 12%,transparent) 50%,color-mix(in srgb,var(--color-pink) 8%,transparent) 75%,transparent 100%);background-size:200% 100%;animation:headerShimmer 8s ease-in-out infinite}.pdf-tools-header:after,.pdf-tools-header:before{content:"";position:absolute;pointer-events:none;z-index:0}.pdf-tools-header:after{width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 35%,transparent);filter:blur(90px);top:-70px;right:-60px;animation:pulseOrb 6s ease-in-out infinite}.pdf-tools-header>*{position:relative;z-index:1}.pdf-tools-header-content{display:flex;align-items:center;gap:22px;padding:32px 28px;animation:fadeInUp .5s ease-out .1s both}.pdf-tools-header-text{flex:1 1;min-width:0}.pdf-tools-hero-badge{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(139,92,246,.22));border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 0 1px rgba(99,102,241,.2),0 0 40px color-mix(in srgb,var(--color-primary) 20%,transparent);flex-shrink:0;animation:floatBadge 4s ease-in-out infinite;position:relative}.pdf-tools-hero-badge:after{content:"";position:absolute;inset:-6px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 30%,transparent),color-mix(in srgb,var(--color-purple) 30%,transparent));filter:blur(14px);z-index:-1;opacity:.7}.img-tools-hero-badge{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,rgba(14,165,233,.22),rgba(168,85,247,.22));border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 0 1px rgba(14,165,233,.2),0 0 40px color-mix(in srgb,var(--color-cyan) 20%,transparent);flex-shrink:0;animation:floatBadge 4s ease-in-out infinite;position:relative}.img-tools-hero-badge:after{content:"";position:absolute;inset:-6px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-cyan) 30%,transparent),color-mix(in srgb,var(--color-purple) 30%,transparent));filter:blur(14px);z-index:-1;opacity:.7}.pdf-tools-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;gap:16px}.pdf-tools-footer-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.pdf-tools-footer-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--text-sec);font-family:var(--font-sans);font-size:.82rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden}.pdf-tools-footer-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.15));opacity:0;transition:opacity .25s ease}.pdf-tools-footer-btn:hover{color:var(--text-main);border-color:rgba(255,255,255,.18);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.3),0 0 0 1px rgba(99,102,241,.2),inset 0 1px 0 rgba(255,255,255,.06)}.pdf-tools-footer-btn:hover:before{opacity:1}.pdf-tools-footer-btn:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.2),inset 0 1px 2px rgba(0,0,0,.1);transition:all .1s ease}.pdf-tools-footer-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pdf-tools-footer-copy{margin:0;font-size:.78rem;color:var(--text-mute)}.pdf-tools-footer-brand{color:var(--text-sec);text-decoration:none;font-weight:600;transition:color .2s}.pdf-tools-footer-brand:hover{color:var(--color-primary)}.pdf-workspace{display:flex;flex-direction:column;gap:24px;width:100%;padding:24px}.pdf-workspace-header{display:flex;flex-direction:column;gap:18px}.pdf-back-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;color:var(--text-sec);font-family:var(--font-sans);font-size:.88rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);width:-moz-fit-content;width:fit-content}.pdf-back-link:hover{color:var(--color-primary)}.pdf-workspace-heading{display:flex;align-items:flex-start;gap:18px}.pdf-workspace-title{margin:0 0 6px;font-size:1.35rem;font-weight:700;color:var(--text-main)}.pdf-workspace-desc{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-sec);max-width:560px}.pdf-tab-bar{display:flex;gap:6px;flex-wrap:wrap;background:rgba(0,0,0,.2);border:1px solid var(--glass-border);border-radius:12px;padding:6px}.pdf-tab-btn{flex:1 1;min-width:120px;padding:10px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-sec);font-family:var(--font-sans);font-size:.82rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;text-align:center}.pdf-tab-btn:hover{background:rgba(255,255,255,.04);color:var(--text-main)}.pdf-tab-btn.active{background:var(--color-primary-glow);border-color:rgba(99,102,241,.3);color:#ffffff;font-weight:600}.pdf-tab-content{display:flex;flex-direction:column;gap:0}.pdf-drop-zone{border:2px dashed var(--glass-border);border-radius:14px;padding:32px 24px;cursor:pointer;transition:var(--transition-fast);background:rgba(255,255,255,.01);text-align:center}.pdf-drop-zone.dragging,.pdf-drop-zone:hover{border-color:var(--color-primary);background:var(--color-primary-glow)}.pdf-drop-inner{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.pdf-drop-icon{font-size:2.5rem;line-height:1}.pdf-drop-title{font-size:.95rem;font-weight:600;color:var(--text-main)}.pdf-drop-sub{font-size:.8rem;color:var(--text-sec)}.pdf-file-list{display:flex;flex-direction:column;gap:8px;margin-top:14px;max-height:300px;overflow-y:auto}.pdf-file-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:10px;padding:10px 14px}.pdf-thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0;border:1px solid var(--glass-border)}.pdf-file-info{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.pdf-file-name{font-size:.85rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-file-size{font-size:.75rem;color:var(--text-mute)}.pdf-file-actions{display:flex;gap:6px;flex-shrink:0}.pdf-icon-btn{width:30px;height:30px;border-radius:6px;border:1px solid var(--glass-border);background:rgba(255,255,255,.03);color:var(--text-sec);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.pdf-icon-btn:hover{background:rgba(255,255,255,.08);color:var(--text-main)}.pdf-icon-btn.danger:hover{background:rgba(244,63,94,.12);color:var(--color-rose);border-color:rgba(244,63,94,.3)}.pdf-merge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.pdf-merge-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);box-shadow:0 2px 10px rgba(0,0,0,.12);cursor:-webkit-grab;cursor:grab;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pdf-merge-card.dragging{opacity:.35;transform:scale(.97)}.pdf-merge-card.drag-over{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.pdf-merge-card:active{cursor:-webkit-grabbing;cursor:grabbing}.pdf-merge-card-drag{position:absolute;top:8px;left:8px;color:var(--text-mute);opacity:.7}.pdf-merge-card-preview{width:100%;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.25);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center}.pdf-merge-card-preview img{width:100%;height:100%;object-fit:cover;display:block}.pdf-merge-card-preview-placeholder{font-size:2.5rem;opacity:.7}.pdf-merge-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.pdf-merge-card-title{font-size:.82rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-merge-card-meta{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-mute)}.pdf-merge-card-actions{display:flex;gap:8px}.pdf-merge-card-btn{flex:1 1;padding:8px;border-radius:8px;border:1px solid var(--glass-border);background:rgba(255,255,255,.03);color:var(--text-sec);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pdf-merge-card-btn:hover:not(:disabled){background:rgba(255,255,255,.08);color:var(--text-main);border-color:rgba(255,255,255,.18)}.pdf-merge-card-btn:disabled{opacity:.4;cursor:not-allowed}.pdf-merge-card-btn.danger:hover:not(:disabled){background:rgba(244,63,94,.12);color:var(--color-rose);border-color:rgba(244,63,94,.3)}.pdf-progress-track{width:100%;height:6px;border-radius:9999px;background:rgba(255,255,255,.06);overflow:hidden}.pdf-progress-bar{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--color-primary),var(--color-purple));transition:width .3s ease}.pdf-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-top:4px}.pdf-page-card{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;cursor:pointer;transition:var(--transition-fast)}.pdf-page-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.3)}.pdf-page-preview{width:100%;display:block;border-bottom:1px solid var(--glass-border)}.pdf-page-label{padding:8px 10px;font-size:.75rem;color:var(--text-sec);display:flex;justify-content:space-between}.pdf-page-label span{color:var(--color-primary);font-weight:600}@media (max-width:768px){.pdf-hub-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.pdf-hub-card{padding:20px 18px}.pdf-hub-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.pdf-workspace-heading{flex-direction:column;gap:12px}.pdf-tab-btn{min-width:80px;font-size:.75rem;padding:8px 10px}.pdf-pages-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.calc-container{max-width:380px;margin:0 auto}.calc-display{background:rgba(7,8,13,.9);border:1px solid var(--glass-border);border-radius:12px;padding:20px;text-align:right;margin-bottom:16px;min-height:80px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.calc-formula{font-size:.85rem;color:var(--text-mute);margin-bottom:4px}.calc-formula,.calc-output{font-family:var(--font-mono);white-space:nowrap;overflow-x:auto}.calc-output{font-size:1.75rem;font-weight:600;color:#ffffff}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.calc-btn{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:8px;padding:16px;font-family:var(--font-sans);font-size:1.1rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:var(--transition-fast)}.calc-btn:hover{background:rgba(255,255,255,.08);border-color:var(--glass-border-hover)}.calc-btn.operator{background:rgba(99,102,241,.1);color:var(--color-primary);font-weight:600}.calc-btn.operator:hover{background:rgba(99,102,241,.2)}.calc-btn.fn{background:rgba(168,85,247,.08);color:var(--color-purple);font-size:.9rem}.calc-btn.fn:hover{background:rgba(168,85,247,.15)}.calc-btn.equals{background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#ffffff;font-weight:600;grid-column:span 2}.calc-btn.equals:hover{box-shadow:0 0 15px rgba(99,102,241,.3)}.calc-btn.clear{color:var(--color-rose);background:rgba(244,63,94,.08)}.calc-btn.clear:hover{background:rgba(244,63,94,.15)}.kanban-board{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px;flex:1 1}.kanban-column{flex:1 1;min-width:280px;background:rgba(10,11,19,.5);border:1px solid var(--glass-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;height:100%;max-height:550px}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--glass-border)}.kanban-col-title{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px}.kanban-col-count{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);font-size:.75rem;padding:2px 6px;border-radius:9999px;color:var(--text-sec)}.kanban-cards{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1 1;padding:2px}.kanban-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:8px;padding:14px;cursor:-webkit-grab;cursor:grab;transition:var(--transition-fast)}.kanban-card:hover{border-color:rgba(255,255,255,.12);box-shadow:0 4px 12px rgba(0,0,0,.2)}.kanban-card-title{font-size:.9rem;font-weight:500;margin-bottom:8px;line-height:1.4}.kanban-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.kanban-priority{padding:2px 6px;border-radius:4px;font-weight:600}.priority-high{background:rgba(244,63,94,.1);color:var(--color-rose)}.priority-medium{background:rgba(245,158,11,.1);color:var(--color-amber)}.priority-low{background:rgba(16,185,129,.1);color:var(--color-emerald)}.kanban-card-delete{background:transparent;border:none;color:var(--text-mute);cursor:pointer;display:flex;align-items:center;transition:var(--transition-fast)}.kanban-card-delete:hover{color:var(--color-rose)}.kanban-add-form{margin-top:12px;display:flex;flex-direction:column;gap:8px}.markdown-container{display:flex;gap:20px;flex:1 1;height:500px}.markdown-pane{flex:1 1;display:flex;flex-direction:column}.markdown-textarea{flex:1 1;background:rgba(10,11,19,.5);border:1px solid var(--glass-border);border-radius:12px;padding:16px;color:var(--text-main);font-family:var(--font-mono);font-size:.9rem;line-height:1.5;outline:none;resize:none}.markdown-textarea:focus{border-color:var(--color-primary)}.markdown-preview{flex:1 1;background:rgba(10,11,19,.5);border:1px solid var(--glass-border);border-radius:12px;padding:20px;overflow-y:auto;color:var(--text-main);line-height:1.6}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:16px;margin-bottom:8px;font-weight:600}.markdown-preview h1{font-size:1.5rem;border-bottom:1px solid var(--glass-border);padding-bottom:6px}.markdown-preview h2{font-size:1.25rem}.markdown-preview h3{font-size:1.1rem}.markdown-preview p{margin-bottom:12px}.markdown-preview ol,.markdown-preview ul{margin-bottom:12px;padding-left:20px}.markdown-preview li{margin-bottom:4px}.markdown-preview code{font-family:var(--font-mono);background:rgba(255,255,255,.05);padding:2px 6px;border-radius:4px;font-size:.85em}.markdown-preview pre{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);padding:12px;border-radius:8px;overflow-x:auto;margin-bottom:12px}.markdown-preview pre code{background:transparent;padding:0}.color-palette-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.color-column{border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:220px;transition:var(--transition-smooth)}.color-column:hover{transform:scale(1.02)}.color-swatch{flex:1 1;cursor:pointer;display:flex;align-items:center;justify-content:center}.color-info{background:var(--bg-card);padding:12px;text-align:center}.color-hex{font-family:var(--font-mono);font-size:.9rem;font-weight:600;display:block;margin-bottom:4px}.color-lock-btn{background:transparent;border:none;color:var(--text-sec);cursor:pointer}.color-lock-btn:hover{color:#ffffff}.strength-bar-container{height:6px;background:rgba(255,255,255,.05);border-radius:3px;margin-top:10px;overflow:hidden}.strength-bar{height:100%;width:0;transition:var(--transition-smooth)}.strength-weak{background:var(--color-rose);width:33%}.strength-medium{background:var(--color-amber);width:66%}.strength-strong{background:var(--color-emerald);width:100%}.mobile-menu-btn{display:none;background:transparent;border:none;color:#ffffff;cursor:pointer;padding:8px}@media (max-width:1024px){.sidebar{position:absolute;left:-280px;top:0;bottom:0}.sidebar.open{left:0}.mobile-menu-btn{display:block}.main-header{padding:0 16px}.header-actions{width:250px}}@media (max-width:768px){.dashboard-container{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--glass-border)}.tool-viewport{padding:16px;scrollbar-gutter:stable}.color-palette-grid{grid-template-columns:repeat(2,1fr)}.markdown-container{flex-direction:column;height:700px}.calc-container{max-width:100%}}.hamburger-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-main);cursor:pointer;flex-shrink:0;transition:var(--transition-fast)}.hamburger-btn:hover{background:rgba(255,255,255,.1);border-color:var(--glass-border-hover)}.hamburger-btn svg{width:18px;height:18px;display:block}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:19;opacity:0;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1}@media (max-width:768px){.hamburger-btn{display:flex}.sidebar-overlay{display:block}.sidebar{position:fixed;top:0;left:0;height:100dvh;z-index:20;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:272px}.sidebar.open{transform:translateX(0)}.main-content{width:100%}.main-header{height:64px;padding:0 16px;gap:12px}.header-title{font-size:1.1rem}.header-subtitle{display:none}.version-badge{padding:2px 6px;font-size:.6rem;margin-left:6px}.header-actions{gap:6px}.header-action-btn{padding:8px 12px;font-size:.8rem}.header-action-btn__label{display:none}.brand-logo{width:38px;height:38px;border-radius:12px}.brand-logo__icon{width:100%;height:100%;object-fit:contain;border-radius:inherit}.tool-viewport{padding:16px;scrollbar-gutter:stable}.dashboard-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}.tool-container{padding:20px 16px;border-radius:14px}.tool-header-row{flex-direction:row;flex-wrap:wrap;gap:12px;padding-bottom:16px;margin-bottom:18px}.tool-title-name{font-size:1.15rem}.kanban-board{flex-direction:column}.kanban-column{min-width:unset;max-height:320px}}@media (max-width:480px){.main-header{padding:0 12px}.tool-viewport{padding:12px;scrollbar-gutter:stable}.dashboard-grid{gap:10px}.tool-card{padding:18px}}.blog-hero{position:relative;padding:2.5rem 2rem 2rem;margin-bottom:2rem;border-radius:1.25rem;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(168,85,247,.08) 50%,rgba(236,72,153,.06));border:1px solid rgba(255,255,255,.08);overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 80% -20%,rgba(99,102,241,.18) 0,transparent 60%);pointer-events:none}.blog-hero-title{font-size:2rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;margin:0 0 .5rem;position:relative}.blog-hero-subtitle{font-size:.95rem;color:var(--text-sec);margin:0;max-width:600px;line-height:1.6;position:relative}.blog-hero-stats{display:flex;gap:1.5rem;margin-top:1.25rem;position:relative}.blog-hero-stat{display:flex;flex-direction:column;gap:2px}.blog-hero-stat-value{font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.blog-hero-stat-label{font-size:.75rem;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.blog-search-wrap{position:relative;margin-bottom:1.25rem}.blog-search{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;background:var(--bg-card);border:1.5px solid var(--glass-border);border-radius:.875rem;transition:border-color .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.blog-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow),0 4px 20px rgba(99,102,241,.12)}.blog-search-icon{flex-shrink:0;color:var(--text-mute);transition:color .2s ease}.blog-search:focus-within .blog-search-icon{color:var(--color-primary)}.blog-search-input{flex:1 1;background:transparent;border:none;color:var(--text-main);font-family:var(--font-sans);font-size:.95rem;outline:none;caret-color:var(--color-primary);min-width:0}.blog-search-input::placeholder{color:var(--text-mute);opacity:.8}.blog-search-clear{display:none;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:var(--bg-element);color:var(--text-sec);border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease,transform .2s ease;font-size:.8rem;font-weight:600}.blog-search-input:not(:placeholder-shown)~.blog-search-clear{display:inline-flex}.blog-search-clear:hover{background:var(--glass-border-hover);color:var(--text-main);transform:scale(1.1)}.blog-filters{display:flex;gap:.5rem;flex-wrap:wrap}.blog-filter-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1rem;border-radius:9999px;border:none;background:var(--bg-secondary,rgba(140,140,140,.12));color:inherit;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .2s ease;font-family:var(--font-sans);white-space:nowrap}.blog-filter-pill:hover{background:rgba(140,140,140,.22);transform:translateY(-1px)}.blog-filter-pill--active{background:var(--color-primary);color:#ffffff;box-shadow:0 2px 8px rgba(99,102,241,.35);font-weight:600}.blog-filter-pill-count{font-size:.72rem;font-weight:700;opacity:.8;padding:1px 6px;border-radius:9999px;background:rgba(255,255,255,.12)}.blog-filter-pill--active .blog-filter-pill-count{background:rgba(255,255,255,.22)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.blog-card{position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1.5rem;border-radius:1rem;border:1px solid var(--glass-border);background:var(--bg-card);cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease;overflow:hidden}.blog-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent);opacity:0;transition:opacity .25s ease;pointer-events:none}.blog-card:hover{transform:translateY(-4px);border-color:var(--glass-border-hover);box-shadow:0 12px 28px -8px rgba(0,0,0,.5)}.blog-card:hover:before{opacity:1}.blog-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.blog-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:color-mix(in srgb,var(--card-accent,var(--color-primary)) 14%,transparent);flex-shrink:0;border:1px solid color-mix(in srgb,var(--card-accent,var(--color-primary)) 20%,transparent)}.blog-card-badge{font-size:.72rem;font-weight:700;padding:.3rem .7rem;border-radius:9999px;background:color-mix(in srgb,var(--card-accent,var(--color-primary)) 16%,transparent);color:var(--card-accent,var(--color-primary));border:1px solid color-mix(in srgb,var(--card-accent,var(--color-primary)) 28%,transparent);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.blog-card-title{font-size:1.1rem;font-weight:700;color:var(--text-main);line-height:1.4;margin:0}.blog-card-subtitle{font-size:.88rem;color:var(--text-sec);line-height:1.55;margin:0}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.85rem;border-top:1px solid rgba(140,140,140,.1);margin-top:auto}.blog-card-read-time{font-size:.8rem;color:var(--text-mute);display:flex;align-items:center;gap:.4rem}.blog-card-link{font-size:.85rem;font-weight:600;color:var(--card-accent,var(--color-primary));display:inline-flex;align-items:center;gap:.3rem;transition:gap .2s ease}.blog-card:hover .blog-card-link{gap:.5rem}.blog-empty{text-align:center;padding:4rem 1.5rem;opacity:.8}.blog-empty-icon{font-size:3rem;margin-bottom:1rem;display:block}.blog-empty-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 .5rem}.blog-empty-subtitle{font-size:.9rem;color:var(--text-sec);margin:0}.blog-post-hero{position:relative;display:flex;align-items:flex-start;gap:1.25rem;padding:1.75rem;margin-bottom:2rem;border-radius:1.25rem;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.06));border:1px solid rgba(255,255,255,.08);overflow:hidden}.blog-post-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 150px at 90% -10%,rgba(99,102,241,.14) 0,transparent 60%);pointer-events:none}.blog-post-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:color-mix(in srgb,var(--post-accent,var(--color-primary)) 18%,transparent);border:1px solid color-mix(in srgb,var(--post-accent,var(--color-primary)) 24%,transparent);flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,.15)}.blog-post-meta{flex:1 1;min-width:0;position:relative}.blog-post-title{font-size:1.75rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;margin:0 0 .75rem;line-height:1.3}.blog-post-meta-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.blog-post-badge{font-size:.72rem;font-weight:700;padding:.3rem .7rem;border-radius:9999px;background:color-mix(in srgb,var(--post-accent,var(--color-primary)) 18%,transparent);color:var(--post-accent,var(--color-primary));border:1px solid color-mix(in srgb,var(--post-accent,var(--color-primary)) 28%,transparent);text-transform:uppercase;letter-spacing:.04em}.blog-post-meta-text{font-size:.85rem;color:var(--text-mute);display:flex;align-items:center;gap:.35rem}.blog-post-meta-dot{width:4px;height:4px;border-radius:50%;background:var(--text-mute);opacity:.6}.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.5rem;margin-bottom:2.5rem;border-radius:1rem;background:linear-gradient(135deg,rgba(99,102,241,.14),rgba(168,85,247,.12));border:1px solid rgba(99,102,241,.28);flex-wrap:wrap}.blog-cta-content{flex:1 1;min-width:0}.blog-cta-title{font-size:1.15rem;font-weight:700;color:var(--text-main);margin:0 0 .35rem}.blog-cta-subtitle{font-size:.9rem;color:var(--text-sec);margin:0;line-height:1.5}.blog-cta-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2rem;border-radius:1rem;border:none;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-purple) 100%);color:#ffffff;font-weight:700;font-size:1rem;font-family:var(--font-sans);cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;box-shadow:0 4px 16px rgba(99,102,241,.35),inset 0 0 0 1px rgba(255,255,255,.1);flex-shrink:0;overflow:hidden;isolation:isolate}.blog-cta-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.05) 40%,rgba(255,255,255,0) 50%,rgba(255,255,255,.05) 60%,rgba(255,255,255,.15));opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.blog-cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 28px rgba(99,102,241,.45),inset 0 0 0 1px rgba(255,255,255,.15),0 0 32px rgba(168,85,247,.3)}.blog-cta-btn:hover:before{opacity:1}.blog-cta-btn:active{transform:translateY(-1px) scale(.98);transition:transform .1s ease}.blog-cta-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.blog-cta-btn__icon{position:relative;z-index:2;display:inline-flex;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.blog-cta-btn:hover .blog-cta-btn__icon{transform:translateX(4px)}.blog-cta-btn__text{position:relative;z-index:2;letter-spacing:-.01em}.blog-section{margin-bottom:2.5rem}.blog-section-title{font-size:1.35rem;font-weight:700;color:var(--text-main);margin:0 0 1.25rem;display:flex;align-items:center;gap:.6rem;letter-spacing:-.01em}.blog-section-title:before{content:"";display:inline-block;width:4px;height:1.3em;border-radius:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-purple));box-shadow:0 0 10px color-mix(in srgb,var(--color-primary) 40%,transparent)}.blog-section p{font-size:1rem;line-height:1.75;color:var(--text-sec);margin:0}.blog-steps{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0;margin:0;counter-reset:blog-step}.blog-step{display:flex;gap:1rem;padding:1.1rem 1.25rem;border-radius:.875rem;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--glass-bg,rgba(255,255,255,.02)) 100%,transparent);transition:border-color .2s ease,background .2s ease;align-items:flex-start}.blog-step:hover{border-color:var(--glass-border-hover);background:color-mix(in srgb,var(--glass-bg,rgba(255,255,255,.04)) 100%,transparent)}.blog-step-number{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(99,102,241,.3)}.blog-step-text{flex:1 1;font-size:.95rem;line-height:1.7;color:var(--text-sec)}.blog-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.blog-benefit{padding:1.25rem;border-radius:.875rem;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--glass-bg,rgba(255,255,255,.02)) 100%,transparent);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.blog-benefit:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.blog-benefit-title{font-size:.95rem;font-weight:700;color:var(--benefit-accent,var(--color-primary));margin:0 0 .4rem;display:flex;align-items:center;gap:.4rem}.blog-benefit-text{font-size:.88rem;color:var(--text-sec);line-height:1.55;margin:0}.blog-faqs{display:flex;flex-direction:column;gap:.85rem}.blog-faq{padding:1.25rem;border-radius:.875rem;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--glass-bg,rgba(255,255,255,.02)) 100%,transparent);transition:border-color .2s ease}.blog-faq:hover{border-color:var(--glass-border-hover)}.blog-faq-question{font-size:1rem;font-weight:700;color:var(--text-main);margin:0 0 .5rem}.blog-faq-answer{font-size:.92rem;color:var(--text-sec);line-height:1.65;margin:0}.blog-related{padding-top:2rem;border-top:1px solid var(--glass-border)}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.blog-related-card{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem;border-radius:.875rem;border:1px solid var(--glass-border);background:var(--bg-card);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.blog-related-card:hover{transform:translateY(-3px);border-color:var(--glass-border-hover);box-shadow:0 6px 20px -6px rgba(0,0,0,.4)}.blog-related-icon{font-size:1.5rem;line-height:1}.blog-related-title{font-size:.95rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.4}.blog-related-meta{font-size:.8rem;color:var(--text-mute);display:flex;align-items:center;gap:.35rem}.blog-related-link{font-size:.85rem;font-weight:600;color:var(--color-primary);margin-top:auto;padding-top:.4rem;display:inline-flex;align-items:center;gap:.3rem;transition:gap .2s ease}.blog-related-card:hover .blog-related-link{gap:.5rem}.blog-not-found{text-align:center;padding:3rem}.blog-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#ffffff;font-weight:600;font-size:.95rem;font-family:var(--font-sans);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px rgba(99,102,241,.35)}.blog-back-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,.45)}@media (max-width:768px){.blog-hero{padding:1.75rem 1.25rem 1.5rem}.blog-hero-title{font-size:1.5rem}.blog-hero-stats{gap:1rem}.blog-post-hero{flex-direction:column;align-items:center;text-align:center;padding:1.25rem}.blog-post-meta-row{justify-content:center}.blog-cta{flex-direction:column;text-align:center;align-items:stretch}.blog-cta-btn{width:100%;justify-content:center}.blog-grid,.blog-related-grid{grid-template-columns:1fr}}@media (max-width:640px){.blog-hero-stats{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}}.img-drop-zone{border:2px dashed var(--glass-border-hover);border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:var(--transition-smooth);background:var(--bg-element);display:flex;flex-direction:column;align-items:center;gap:10px}.img-drop-zone.dragging,.img-drop-zone:hover{border-color:var(--color-primary);background:var(--color-primary-glow);transform:scale(1.01)}.img-drop-icon{font-size:2.8rem;line-height:1;display:block;margin-bottom:4px}.img-drop-title{font-size:1rem;font-weight:600;color:var(--text-main);margin:0}.img-drop-sub{font-size:.8rem;color:var(--text-mute);margin:0}.img-tool-wrap{display:flex;flex-direction:column;gap:20px}.img-controls-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:20px;background:var(--bg-element);border-radius:14px;border:1px solid var(--glass-border)}.img-label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-bottom:8px}.img-quality-control{flex:1 1;min-width:220px}.img-slider-wrap{display:flex;align-items:center;gap:10px;margin-bottom:10px}.img-slider-hint{font-size:.72rem;color:var(--text-mute);white-space:nowrap}.img-slider{flex:1 1;-webkit-appearance:none;height:6px;border-radius:3px;background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) 80%,var(--glass-border-hover) 80%);outline:none;cursor:pointer}.img-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);border:3px solid var(--bg-dark);box-shadow:0 0 0 2px var(--color-primary);cursor:pointer;-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.img-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.img-preset-pills,.img-quality-pills{display:flex;gap:6px;flex-wrap:wrap}.img-pill{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);cursor:pointer;transition:var(--transition-fast)}.img-pill:hover{color:var(--color-primary)}.img-pill.active,.img-pill:hover{border-color:var(--color-primary)}.img-pill.active{background:var(--color-primary);color:white}.img-size-pill{padding:7px 18px;border-radius:24px;font-size:.82rem;font-weight:700;border:2px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);cursor:pointer;transition:var(--transition-fast);letter-spacing:.02em}.img-size-pill:hover{border-color:var(--color-amber);color:var(--color-amber)}.img-size-pill.active{background:var(--color-amber);border-color:var(--color-amber);color:#000}.img-number-input{width:80px;padding:6px 10px;border-radius:8px;border:1px solid var(--glass-border-hover);background:var(--bg-dark);color:var(--text-main);font-size:.9rem;font-family:var(--font-sans);outline:none;transition:var(--transition-fast)}.img-number-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.img-results{border:1px solid var(--glass-border);border-radius:14px;overflow:hidden}.img-results-header{justify-content:space-between;padding:12px 18px;background:var(--bg-element);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute)}.img-result-row,.img-results-header{display:flex;align-items:center;border-bottom:1px solid var(--glass-border)}.img-result-row{gap:12px;padding:14px 18px;transition:background .15s}.img-result-row:last-child{border-bottom:none}.img-result-row:hover{background:var(--bg-element)}.img-result-info{flex:1 1;display:flex;flex-direction:column;gap:5px;min-width:0}.img-result-name{font-size:.85rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-result-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.img-stat{font-size:.75rem;color:var(--text-sec)}.img-stat-arrow{font-size:.8rem;color:var(--text-mute)}.img-stat.compressed{color:var(--color-emerald)}.img-stat.warning{color:var(--color-amber)}.img-stat-saved{background:rgba(16,185,129,.12);color:var(--color-emerald)}.img-stat-saved,.img-stat-warn{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:20px}.img-stat-warn{background:rgba(245,158,11,.12);color:var(--color-amber)}.img-stat-note{font-size:.72rem;padding:2px 8px;border-radius:20px;background:rgba(99,102,241,.12);color:var(--color-primary)}.img-error-text{font-size:.78rem;color:var(--color-rose)}.img-dl-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);font-size:1rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.img-dl-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:white}.img-dl-btn.danger:hover{background:var(--color-rose);border-color:var(--color-rose);color:white}.img-progress-wrap{padding:4px 0}.img-progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-sec);margin-bottom:8px}.img-progress-track{height:6px;background:var(--glass-border-hover);border-radius:3px;overflow:hidden}.img-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-purple));border-radius:3px;transition:width .3s ease}.img-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:600}.img-status-badge.success{background:rgba(16,185,129,.1);color:var(--color-emerald);border:1px solid rgba(16,185,129,.2)}.img-status-badge.error{background:rgba(244,63,94,.1);color:var(--color-rose);border:1px solid rgba(244,63,94,.2)}.img-crop-workspace{display:flex;flex-direction:column;gap:14px}.img-crop-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;background:var(--bg-element);border-radius:12px;border:1px solid var(--glass-border)}.img-crop-info{font-size:.8rem;color:var(--text-mute);padding:0 4px}.img-crop-container{border-radius:12px;overflow:hidden;border:1px solid var(--glass-border);background:#000;line-height:0}.img-crop-preview{display:block;width:100%;max-height:520px;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.img-hub{display:flex;flex-direction:column;gap:24px;padding:0 4px}.img-hub-filters{display:flex;gap:8px;flex-wrap:wrap}.img-hub-filter{padding:7px 18px;border-radius:24px;font-size:.82rem;font-weight:600;border:1.5px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);cursor:pointer;transition:var(--transition-fast)}.img-hub-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.img-hub-filter.active{background:var(--color-primary);border-color:var(--color-primary);color:white;box-shadow:0 0 16px rgba(99,102,241,.35)}.img-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.img-hub-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;border:1px solid var(--glass-border);background:var(--bg-card);text-align:left;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.img-hub-card:before{content:"";position:absolute;inset:0;background:var(--color-primary-glow);opacity:0;transition:opacity .3s}.img-hub-card:hover{border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.img-hub-card:hover:before{opacity:1}.img-hub-icon-wrap{position:relative;width:52px;height:52px;flex-shrink:0}.img-hub-icon-bg{opacity:.5;transform:rotate(6deg) scale(.9)}.img-hub-icon-bg,.img-hub-icon-fg{position:absolute;inset:0;border-radius:14px}.img-hub-icon-fg{display:flex;align-items:center;justify-content:center;padding:10px}.img-hub-icon-fg svg{width:100%;height:100%}.img-hub-card-body{flex:1 1;min-width:0;position:relative}.img-hub-card-title{font-size:.95rem;font-weight:700;color:var(--text-main);margin:0 0 4px}.img-hub-card-desc{font-size:.78rem;color:var(--text-sec);margin:0;line-height:1.5}.img-hub-badge{display:inline-flex;padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:rgba(245,158,11,.15);color:var(--color-amber);border:1px solid rgba(245,158,11,.25)}.img-hub-card-arrow{font-size:1rem;color:var(--text-mute);flex-shrink:0;transition:transform .2s,color .2s;position:relative}.img-hub-card:hover .img-hub-card-arrow{color:var(--color-primary);transform:translateX(4px)}.img-workspace{display:flex;flex-direction:column;gap:24px}.img-workspace-header{display:flex;flex-direction:column;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--glass-border)}.img-back-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--text-sec);background:transparent;border:1px solid var(--glass-border-hover);border-radius:8px;padding:6px 12px;cursor:pointer;transition:var(--transition-fast)}.img-back-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-glow)}.img-workspace-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.img-workspace-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 4px}.img-workspace-desc{font-size:.84rem;color:var(--text-sec);margin:0}[data-theme=light] .img-drop-zone{background:#f8fafc;border-color:rgba(2,6,23,.12)}[data-theme=light] .img-drop-zone.dragging,[data-theme=light] .img-drop-zone:hover{background:rgba(99,102,241,.06)}[data-theme=light] .img-controls-row{background:#f8fafc;border-color:rgba(2,6,23,.08)}[data-theme=light] .img-hub-card{background:rgba(255,255,255,.96);border-color:rgba(2,6,23,.08)}[data-theme=light] .img-hub-card:hover{box-shadow:0 12px 40px rgba(2,6,23,.1)}[data-theme=light] .img-results{border-color:rgba(2,6,23,.08)}[data-theme=light] .img-results-header{background:#f8fafc;border-color:rgba(2,6,23,.08)}[data-theme=light] .img-result-row{border-color:rgba(2,6,23,.06)}[data-theme=light] .img-result-row:hover{background:#f8fafc}[data-theme=light] .img-crop-toolbar{background:#f8fafc;border-color:rgba(2,6,23,.08)}[data-theme=light] .img-number-input{background:#fff;border-color:rgba(2,6,23,.12);color:var(--text-main)}@media (max-width:600px){.img-hub-grid{grid-template-columns:1fr}.img-hub-card{padding:16px}.img-controls-row{flex-direction:column;align-items:stretch}.img-crop-preview{max-height:320px}.img-result-stats{gap:5px}.img-preset-pills{gap:4px}.img-size-pill{padding:5px 12px;font-size:.76rem}}.vid-tool-wrap{display:flex;flex-direction:column;gap:16px}.vid-drop-zone{border:2px dashed var(--glass-border-hover);border-radius:16px;padding:40px 20px;text-align:center;background:var(--bg-card);cursor:pointer;transition:var(--transition-fast)}.vid-drop-zone.dragging,.vid-drop-zone:hover{border-color:var(--color-primary);background:var(--color-primary-glow)}.vid-drop-icon{font-size:2.6rem;display:block;margin-bottom:12px}.vid-drop-title{font-size:1rem;font-weight:600;color:var(--text-main);margin:0 0 6px}.vid-drop-sub{font-size:.82rem;color:var(--text-sec);margin:0}.vid-controls-row{display:flex;gap:16px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:16px;flex-wrap:wrap}.vid-label{font-size:.82rem;font-weight:600;color:var(--text-sec);display:block;margin-bottom:6px}.vid-slider{width:100%;accent-color:var(--color-primary);margin:0 6px}.vid-quality-wrap{display:flex;align-items:center;gap:6px;margin-top:8px}.vid-quality-hint{font-size:.72rem;color:var(--text-mute);white-space:nowrap}.vid-quality-value{font-size:.78rem;color:var(--text-sec);margin:6px 0 0}.vid-pill{padding:7px 14px;border-radius:10px;font-size:.82rem;font-weight:600;border:1.5px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);cursor:pointer;transition:var(--transition-fast)}.vid-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.vid-preview{width:100%;max-height:520px;border-radius:12px;background:#000;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vid-progress-wrap{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:16px}.vid-progress-label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-sec);margin-bottom:8px;font-weight:600}.vid-progress-track{height:8px;border-radius:4px;background:var(--bg-element);overflow:hidden}.vid-progress-bar{height:100%;background:var(--color-primary);border-radius:4px;transition:width .2s ease-out}.vid-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:.82rem;font-weight:600;background:rgba(16,185,129,.15);color:var(--color-emerald);border:1px solid rgba(16,185,129,.3)}.vid-status-badge.error{background:rgba(244,63,94,.15);color:var(--color-rose);border-color:rgba(244,63,94,.3)}.vid-crop-workspace{display:flex;flex-direction:column;gap:16px}.vid-crop-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;flex-wrap:wrap}.vid-crop-container{position:relative;overflow:hidden;border-radius:12px;background:#000}.vid-crop-container,.vid-crop-preview{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vid-crop-preview{width:100%;max-height:520px;object-fit:contain;display:block}.vid-crop-overlay{position:absolute;inset:0;pointer-events:none}.vid-crop-info{font-size:.82rem;color:var(--text-sec);padding:8px 12px;background:var(--bg-card);border-radius:8px;border:1px solid var(--glass-border)}.vc-page{display:flex;flex-direction:column;gap:16px;max-width:1400px;margin:0 auto;width:100%}.vc-header{justify-content:space-between;gap:12px;padding:12px 4px;flex-wrap:wrap}.vc-header,.vc-header-left{display:flex;align-items:center}.vc-header-left{gap:10px;min-width:0}.vc-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1.5px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);font-family:var(--font-sans);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.vc-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.vc-separator{color:var(--text-mute);font-size:.85rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vc-current-tool{font-size:.85rem;font-weight:600;color:var(--color-primary)}.vc-header-right{display:flex;align-items:center;gap:8px}.vc-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1.5px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);cursor:pointer;transition:var(--transition-fast)}.vc-icon-btn.active,.vc-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.vc-layout{display:grid;grid-template-columns:1fr 320px;grid-gap:20px;gap:20px;align-items:start}.vc-preview-panel{display:flex;flex-direction:column;gap:12px;min-width:0}.vc-controls-panel{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:16px}.vc-controls-content{gap:20px}.vc-controls-content,.vc-section{display:flex;flex-direction:column}.vc-section{gap:10px}.vc-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);margin:0}.vc-aspect-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.vc-aspect-btn{padding:8px 6px;border-radius:8px;border:1.5px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);font-family:var(--font-sans);font-size:.78rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);text-align:center}.vc-aspect-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.vc-aspect-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.35)}.vc-input-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.vc-input-group{display:flex;flex-direction:column;gap:4px}.vc-input-group label{font-size:.72rem;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em}.vc-input-group input{padding:8px 10px;border-radius:8px;border:1.5px solid var(--glass-border-hover);background:var(--bg-element);color:var(--text-main);font-family:var(--font-sans);font-size:.82rem;font-weight:500;outline:none;transition:var(--transition-fast);width:100%}.vc-input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.vc-zoom-row{display:flex;align-items:center;gap:10px}.vc-zoom-slider{flex:1 1;height:6px;border-radius:3px;background:var(--bg-element);outline:none;accent-color:var(--color-primary)}.vc-zoom-value{font-size:.78rem;font-weight:600;color:var(--text-sec);min-width:40px;text-align:right}.vc-actions-section{display:flex;flex-direction:column;gap:10px;margin-top:8px}.vc-btn-primary{width:100%;padding:12px 16px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#fff;font-family:var(--font-sans);font-size:.88rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 16px rgba(99,102,241,.35);letter-spacing:.01em}.vc-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px rgba(99,102,241,.45)}.vc-btn-primary:active:not(:disabled){transform:scale(.98)}.vc-btn-primary:disabled{opacity:.6;cursor:not-allowed}.vc-btn-secondary{width:100%;padding:10px 16px;border-radius:12px;border:1.5px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);font-family:var(--font-sans);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.vc-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.vc-status{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:.82rem;font-weight:600}.vc-status.success{background:rgba(16,185,129,.15);color:var(--color-emerald);border:1px solid rgba(16,185,129,.3)}.vc-status.error{background:rgba(244,63,94,.15);color:var(--color-rose);border:1px solid rgba(244,63,94,.3)}.vc-preview-container{display:flex;flex-direction:column;gap:12px}.vc-video-wrapper{position:relative;overflow:hidden;border-radius:16px;background:#000;border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);transform-origin:top center}.vc-video{width:100%;max-height:65vh;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s ease-out}.vc-frame-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;flex-wrap:wrap}.vc-frame-label{font-size:.82rem;color:var(--text-sec)}.vc-frame-label strong{color:var(--color-primary);font-weight:700}.vc-frame-actions{display:flex;gap:8px}.vc-pill{padding:7px 14px;border-radius:10px;font-size:.82rem;font-weight:600;border:1.5px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.vc-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.vc-drop-zone{border:2px dashed var(--glass-border-hover);border-radius:20px;padding:60px 24px;text-align:center;background:var(--bg-card);cursor:pointer;transition:var(--transition-fast);min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.vc-drop-zone.dragging,.vc-drop-zone:hover{border-color:var(--color-primary);background:var(--color-primary-glow)}.vc-drop-icon{font-size:3.2rem;display:block;filter:drop-shadow(0 4px 12px rgba(99,102,241,.3))}.vc-drop-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.vc-drop-sub{font-size:.85rem;color:var(--text-sec);margin:0}.vc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;text-align:center;min-height:400px}.vc-empty-icon{font-size:3rem;opacity:.6}.vc-empty-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.vc-empty-desc{font-size:.85rem;color:var(--text-sec);margin:0;max-width:360px;line-height:1.5}@media (max-width:900px){.vc-layout{grid-template-columns:1fr}.vc-controls-panel{position:static}.vc-aspect-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.vc-aspect-grid{grid-template-columns:repeat(2,1fr)}.vc-input-row{grid-template-columns:1fr}.vc-header{flex-direction:column;align-items:flex-start}}.app-footer{border-top:1px solid var(--glass-border);padding:28px 32px;text-align:center;font-size:.78rem;color:var(--text-mute);background:transparent;margin-top:32px}.app-footer a{color:var(--text-sec);text-decoration:none;transition:color .2s}.app-footer a:hover{color:var(--color-primary)}.footer-summary{flex-direction:row;align-items:center;gap:18px}.footer-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 20px;width:100%}.footer-category-row{display:inline-flex;gap:8px;font-size:.82rem;color:var(--text-sec)}.footer-category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.footer-grand-total-container{position:relative;display:flex;align-items:center;gap:16px;padding:16px 28px;border-radius:16px;background:color-mix(in srgb,var(--color-primary) 6%,var(--bg-card) 100%);border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--glass-border));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;isolation:isolate;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.footer-grand-total-container:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--glass-border));box-shadow:0 8px 32px color-mix(in srgb,var(--color-primary) 12%,transparent)}.footer-grand-total-container:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 80% 50% at 50% 50%,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 70%);pointer-events:none;z-index:0}.footer-grand-total-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);font-size:1.3rem;flex-shrink:0}.footer-grand-total-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px}.footer-grand-total-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-sec);font-family:var(--font-sans);line-height:1.3}.footer-grand-total{font-size:2rem;font-weight:800;line-height:1.1;font-family:var(--font-sans);background:linear-gradient(135deg,var(--color-primary) 0,color-mix(in srgb,var(--color-primary) 65%,#a78bfa) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding-top:14px;border-top:1px solid var(--glass-border);margin-top:6px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px}.footer-links a{color:var(--text-sec);text-decoration:none;font-size:.82rem;font-weight:500;font-family:var(--font-sans);transition:var(--transition-fast);cursor:pointer}.footer-links a:hover{color:var(--color-primary)}.footer-copy{margin:0;font-size:.78rem;color:var(--text-mute);white-space:nowrap}.footer-attributions{width:100%;max-width:320px;margin:0 auto}.footer-attributions-toggle{display:flex;align-items:center;justify-content:center;gap:6px;list-style:none;cursor:pointer;font-size:.78rem;font-weight:600;color:var(--text-sec);font-family:var(--font-sans);letter-spacing:.04em;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .18s;padding:4px 0}.footer-attributions-toggle::-webkit-details-marker{display:none}.footer-attributions-toggle:hover{color:var(--color-primary)}.footer-attributions-icon{font-size:.9rem}.footer-attributions-chevron{font-size:1rem;line-height:1;transition:transform .22s ease;display:inline-block}.footer-attributions[open] .footer-attributions-chevron{transform:rotate(90deg)}.footer-attributions-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px}.footer-attr-item{display:flex;align-items:center;gap:5px}.footer-attr-name{font-size:.73rem;font-family:var(--font-sans);color:var(--text-sec);text-decoration:none;transition:color .15s;font-weight:500}.footer-attr-name:hover{color:var(--color-primary);text-decoration:underline}.footer-attr-badge{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-sans);padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);white-space:nowrap}@media (max-width:640px){.app-footer{padding:22px 20px}.footer-categories{gap:12px 16px}.footer-category-row{font-size:.76rem}.footer-grand-total{font-size:2.2rem}.footer-grand-total-container{padding:14px 20px;gap:12px}.footer-grand-total-icon{width:38px;height:38px;font-size:1.1rem;border-radius:10px}.footer-grand-total{font-size:1.6rem}.footer-grand-total-label{font-size:.66rem}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:12px}.footer-links{justify-content:center}}.vid-hub{display:flex;flex-direction:column;gap:24px;padding:0 4px}.vid-hub-filters{display:flex;gap:8px;flex-wrap:wrap}.vid-hub-filter{padding:7px 18px;border-radius:24px;font-size:.82rem;font-weight:600;border:1.5px solid var(--glass-border-hover);background:transparent;color:var(--text-sec);cursor:pointer;transition:var(--transition-fast)}.vid-hub-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.vid-hub-filter.active{background:var(--color-primary);border-color:var(--color-primary);color:white;box-shadow:0 0 16px rgba(99,102,241,.35)}.vid-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.vid-hub-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;border:1px solid var(--glass-border);background:var(--bg-card);text-align:left;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.vid-hub-card:before{content:"";position:absolute;inset:0;background:var(--color-primary-glow);opacity:0;transition:opacity .3s}.vid-hub-card:hover{border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.vid-hub-card:hover:before{opacity:1}.vid-hub-icon-wrap{position:relative;width:52px;height:52px;flex-shrink:0}.vid-hub-icon-bg{opacity:.5;transform:rotate(6deg) scale(.9)}.vid-hub-icon-bg,.vid-hub-icon-fg{position:absolute;inset:0;border-radius:14px}.vid-hub-icon-fg{display:flex;align-items:center;justify-content:center;padding:10px}.vid-hub-icon-fg svg{width:100%;height:100%}.vid-hub-card-body{flex:1 1;min-width:0;position:relative}.vid-hub-card-title{font-size:.95rem;font-weight:700;color:var(--text-main);margin:0 0 4px}.vid-hub-card-desc{font-size:.78rem;color:var(--text-sec);margin:0;line-height:1.5}.vid-hub-badge{display:inline-flex;padding:2px 8px;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:rgba(245,158,11,.15);color:var(--color-amber);border:1px solid rgba(245,158,11,.25)}.vid-hub-card-arrow{font-size:1rem;color:var(--text-mute);flex-shrink:0;transition:transform .2s,color .2s;position:relative}.vid-hub-card:hover .vid-hub-card-arrow{color:var(--color-primary);transform:translateX(4px)}.vid-workspace{display:flex;flex-direction:column;gap:24px}.vid-workspace-header{display:flex;flex-direction:column;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--glass-border)}.vid-back-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--text-sec);background:transparent;border:1px solid var(--glass-border-hover);border-radius:8px;padding:6px 12px;cursor:pointer;transition:var(--transition-fast)}.vid-back-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-glow)}.vid-workspace-heading{display:flex;align-items:center;gap:16px}.vid-workspace-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 4px}.vid-workspace-desc{font-size:.84rem;color:var(--text-sec);margin:0}[data-theme=light] .vid-drop-zone{background:#f8fafc;border-color:rgba(2,6,23,.12)}[data-theme=light] .vid-drop-zone.dragging,[data-theme=light] .vid-drop-zone:hover{background:rgba(99,102,241,.06)}[data-theme=light] .vid-controls-row{background:#f8fafc;border-color:rgba(2,6,23,.08)}[data-theme=light] .vid-hub-card{background:rgba(255,255,255,.96);border-color:rgba(2,6,23,.08)}[data-theme=light] .vid-hub-card:hover{box-shadow:0 12px 40px rgba(2,6,23,.1)}@media (max-width:600px){.vid-hub-grid{grid-template-columns:1fr}.vid-hub-card{padding:16px}.vid-controls-row{flex-direction:column;align-items:stretch}.vid-preview{max-height:320px}}.static-page-container{min-height:100vh;background:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);display:flex;flex-direction:column;align-items:center;padding:24px 20px 40px;box-sizing:border-box}.static-page-header{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border:1px solid var(--glass-border);background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;margin-bottom:12px;box-shadow:var(--shadow-md)}.static-page-brand{display:flex;align-items:center;gap:14px;min-width:0;cursor:pointer}.static-page-header .static-brand-logo{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;background:transparent;box-shadow:none}.static-brand-icon{width:100%;height:100%;object-fit:contain;border-radius:inherit}.static-brand-title{font-size:1.25rem;font-weight:700;color:var(--text-main);letter-spacing:-.015em;display:inline-flex;align-items:center}.static-version-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;margin-left:8px;font-size:.6rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.static-brand-sub{font-size:.75rem;color:var(--text-sec);letter-spacing:.04em;margin:0}.static-navbar-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.static-nav-link{padding:8px 14px;border-radius:9999px;border:1px solid var(--glass-border);background:transparent;color:var(--text-sec);font-size:.8rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast)}.static-nav-link:hover{color:var(--text-main);border-color:var(--glass-border-hover);background:rgba(255,255,255,.06)}.static-theme-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9999px;border:1px solid var(--glass-border);background:transparent;color:var(--text-main);font-size:.8rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast)}.static-theme-btn:hover{border-color:var(--glass-border-hover);background:rgba(255,255,255,.06)}.static-mobile-menu-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9999px;border:1px solid var(--glass-border);background:transparent;color:var(--text-main);cursor:pointer;transition:var(--transition-fast)}.static-mobile-menu-btn:hover{border-color:var(--glass-border-hover);background:rgba(255,255,255,.06)}.static-mobile-dropdown{display:flex;flex-direction:column;width:100%;padding:8px 0;margin-top:12px;border-top:1px solid var(--glass-border);gap:4px}.static-mobile-dropdown-link{display:flex;align-items:center;padding:10px 14px;border-radius:8px;border:none;background:transparent;color:var(--text-main);font-size:.9rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:var(--transition-fast)}.static-mobile-dropdown-link:hover{background:var(--bg-card);color:var(--color-primary)}@media (max-width:768px){.static-navbar-links{display:none}.static-mobile-menu-btn{display:flex}.static-brand-sub,.static-theme-btn__label{display:none}}.static-breadcrumb{width:100%;max-width:1200px;display:flex;align-items:center;padding:8px 4px 16px}.static-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-card);color:var(--text-sec);font-size:.8rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast)}.static-back-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-glow)}.static-main{width:100%;max-width:1200px}.static-content-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden}.static-content-header{padding:32px 32px 24px;border-bottom:1px solid var(--glass-border);background:rgba(255,255,255,.02)}.static-content-title{margin:0;font-size:1.75rem;font-weight:800;color:var(--text-main);letter-spacing:-.01em}.static-content-subtitle{margin:8px 0 0;font-size:.95rem;color:var(--text-sec);line-height:1.6}.static-content-body{padding:32px;font-size:.92rem;line-height:1.7;color:var(--text-sec);max-width:880px;margin:0 auto;width:100%;box-sizing:border-box}.static-content-body h2{margin:28px 0 12px;font-size:1.25rem;font-weight:700;color:var(--text-main);letter-spacing:-.005em}.static-content-body h3{margin:20px 0 10px;font-size:1.05rem;font-weight:600;color:var(--text-main)}.static-content-body p{margin:0 0 16px}.static-content-body ol,.static-content-body ul{margin:0 0 16px;padding-left:22px}.static-content-body li{margin:4px 0}.static-content-body a{color:var(--color-primary);text-decoration:none;border-bottom:1px dotted color-mix(in srgb,var(--color-primary) 40%,transparent)}.static-content-body a:hover{color:var(--color-purple);border-bottom-style:solid}.static-content-body code{font-family:var(--font-mono);font-size:.82rem;padding:2px 6px;border-radius:4px;background:rgba(99,102,241,.12);color:var(--color-primary);border:1px solid rgba(99,102,241,.2)}.static-content-body pre{margin:12px 0;padding:14px 16px;border-radius:10px;background:rgba(0,0,0,.25);border:1px solid var(--glass-border);font-family:var(--font-mono);font-size:.78rem;line-height:1.6;color:var(--text-main);overflow-x:auto}.static-page-footer{width:100%;max-width:1200px;margin-top:24px;padding:20px 24px;border:1px solid var(--glass-border);background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.static-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.static-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 12px}.static-footer-link{padding:6px 12px;border-radius:8px;border:1px solid var(--glass-border);background:transparent;color:var(--text-sec);font-size:.8rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast)}.static-footer-link:hover{color:var(--text-main);border-color:var(--glass-border-hover);background:rgba(255,255,255,.06)}.static-footer-copy{margin:0;font-size:.78rem;color:var(--text-mute)}.static-footer-brand{color:inherit;text-decoration:none}.static-footer-brand:hover{color:var(--color-primary)}.static-footer-attributions{max-width:560px;margin:4px auto 0}.faq-accordion{display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--glass-border);border-radius:12px;background:var(--bg-card);overflow:hidden;transition:border-color var(--transition-fast)}.faq-item:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-glow)}.faq-question{width:100%;text-align:left;padding:16px 20px;font-size:.9rem;font-weight:600;color:var(--text-main);cursor:pointer;border:none;background:transparent;display:flex;align-items:center;gap:12px;transition:var(--transition-smooth)}.faq-question:hover{color:var(--color-primary);background:rgba(99,102,241,.04)}.faq-question:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.faq-question.open{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.faq-q-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary);font-size:.78rem;font-family:var(--font-mono);flex-shrink:0;transition:var(--transition-fast)}.faq-question.open .faq-q-num{background:color-mix(in srgb,var(--color-primary) 32%,transparent);color:#fff;box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 40%,transparent)}.faq-q-text{flex:1 1;min-width:0;text-align:left}.faq-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.8rem;color:var(--text-mute);transition:transform .3s cubic-bezier(.4,0,.2,1),color var(--transition-fast)}.faq-question.open .faq-chevron{color:var(--color-primary);transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1);padding:0 20px}.faq-answer.open{max-height:600px;padding:0 20px 16px}.faq-answer p{margin:0;color:var(--text-sec);line-height:1.7}@media (max-width:640px){.static-page-container{padding:16px 12px 24px}.static-page-footer,.static-page-header{padding:16px 20px}.static-footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:12px}.static-footer-links{justify-content:center}.static-breadcrumb,.static-main{padding:0}.static-content-card{border-radius:12px}.static-content-header{padding:24px 24px 20px}.static-content-body{padding:20px;font-size:.88rem}.static-content-title{font-size:1.4rem}.static-footer-links{gap:12px}.faq-question{padding:14px 16px;font-size:.85rem}.faq-answer{padding:0 16px}.faq-answer.open{padding:0 16px 14px}}.side-page-scroller{position:fixed;right:18px;top:50%;transform:translateY(-50%) translateZ(0);display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 5px;border-radius:30px;background:rgba(13,14,23,.68);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.06);z-index:1000;opacity:.35;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.side-page-scroller.is-active,.side-page-scroller.is-dragging,.side-page-scroller:hover{opacity:1;transform:translateY(-50%) scale(1.05) translateZ(0);box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 24px rgba(99,102,241,.25),inset 0 0 0 1px rgba(99,102,241,.35);border-color:rgba(99,102,241,.45)}.side-scroller-backdrop{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.08) 0,transparent 80%)}.side-scroller-btn{position:relative;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid var(--glass-border);color:var(--text-sec);cursor:pointer;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;z-index:2}.side-scroller-btn:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-purple));border-color:transparent;color:#ffffff;transform:scale(1.15);box-shadow:0 0 12px rgba(99,102,241,.5)}.side-scroller-btn:active{transform:scale(.92)}.side-scroller-track{position:relative;width:6px;height:150px;border-radius:999px;background:rgba(255,255,255,.08);cursor:pointer;margin:3px 0;transition:width .2s ease,background-color .2s ease;outline:none;z-index:2}.side-page-scroller.is-dragging .side-scroller-track,.side-page-scroller:hover .side-scroller-track{width:8px;background:rgba(255,255,255,.14)}.side-scroller-fill{position:absolute;top:0;left:0;right:0;width:100%;border-radius:999px;background:linear-gradient(180deg,var(--color-primary),var(--color-purple),var(--color-pink));box-shadow:0 0 10px rgba(99,102,241,.6);pointer-events:none;transition:none}.side-scroller-thumb{position:absolute;left:50%;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;background:#ffffff;border:2px solid var(--color-primary);box-shadow:0 0 12px rgba(99,102,241,.8),0 2px 6px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;z-index:3}.side-page-scroller.is-dragging .side-scroller-thumb,.side-page-scroller:hover .side-scroller-thumb{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 16px rgba(168,85,247,.9),0 2px 8px rgba(0,0,0,.5)}.side-scroller-thumb-dot{width:3px;height:3px;border-radius:50%;background:var(--color-primary)}.side-scroller-tooltip{position:absolute;right:42px;transform:translateY(-50%) translateX(6px);background:rgba(13,14,23,.92);border:1px solid rgba(99,102,241,.4);border-radius:8px;padding:4px 10px;font-size:.7rem;font-weight:700;font-family:var(--font-main);color:#ffffff;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px rgba(0,0,0,.4),0 0 8px rgba(99,102,241,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.side-scroller-tooltip--visible{opacity:1;transform:translateY(-50%) translateX(0)}[data-theme=light] .side-page-scroller{background:rgba(255,255,255,.88);border-color:rgba(2,6,23,.08);box-shadow:0 8px 32px rgba(2,6,23,.1),inset 0 0 0 1px rgba(2,6,23,.04)}[data-theme=light] .side-page-scroller.is-active,[data-theme=light] .side-page-scroller.is-dragging,[data-theme=light] .side-page-scroller:hover{box-shadow:0 12px 40px rgba(2,6,23,.16),0 0 20px rgba(99,102,241,.15),inset 0 0 0 1px rgba(99,102,241,.25);border-color:rgba(99,102,241,.35)}[data-theme=light] .side-scroller-btn{background:rgba(2,6,23,.04);border-color:rgba(2,6,23,.08);color:var(--text-sec)}[data-theme=light] .side-scroller-btn:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#ffffff}[data-theme=light] .side-scroller-track{background:rgba(2,6,23,.08)}[data-theme=light] .side-page-scroller.is-dragging .side-scroller-track,[data-theme=light] .side-page-scroller:hover .side-scroller-track{background:rgba(2,6,23,.12)}[data-theme=light] .side-scroller-tooltip{background:rgba(255,255,255,.96);color:var(--text-main);border-color:rgba(99,102,241,.3);box-shadow:0 4px 16px rgba(2,6,23,.12)}@media (max-width:640px){.side-page-scroller{display:none}.side-scroller-track{height:110px}.side-scroller-btn{width:24px;height:24px}}.footer-summary{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:2.5rem}.footer-left{flex:0 0 auto;display:flex;flex-direction:column;text-align:center}.footer-total-label{font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);margin-bottom:4px}.footer-total-label,.footer-total-value{font-family:Archivo Black,sans-serif;font-weight:900}.footer-total-value{height:256px;display:flex;align-items:center;justify-content:center;font-size:256px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--color-primary) 0,color-mix(in srgb,var(--color-primary) 65%,var(--color-purple)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.02em;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--color-primary) 28%,transparent))}.footer-right{flex:0 0 auto;display:flex;flex-direction:column;gap:8px}.footer-cols-wrapper{display:flex;flex-direction:row;gap:2rem}.footer-col{flex:1 1;display:flex;flex-direction:column;gap:6px}.footer-category-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-family:var(--font-sans);cursor:pointer;transition:background .2s ease,border-radius .2s ease;padding:2px 6px;border-radius:6px}.footer-category-row:hover{background:rgba(255,255,255,.05)}.footer-count-left{display:flex;align-items:center;gap:6px}.footer-count-label{color:var(--text-sec);font-weight:500;white-space:nowrap}.footer-count-number{font-size:var(--text-base);font-weight:600;color:var(--text-main);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pl-calc-container{max-width:520px;margin:0 auto;width:100%}.pl-calc-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.pl-calc-header-icon{width:48px;height:48px;border-radius:14px;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.pl-calc-header-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.01em}.pl-calc-header-sub{font-size:.85rem;color:var(--text-sec);margin:2px 0 0}.pl-calc-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:20px}.pl-calc-input-group{display:flex;flex-direction:column;gap:8px}.pl-calc-input-group .input-label{margin-bottom:0}.pl-calc-result-card{position:relative;padding:24px;border-radius:16px;border:1px solid var(--glass-border);background:var(--bg-card);text-align:center;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.pl-calc-result-card--profit{border-color:rgba(16,185,129,.3);box-shadow:0 0 24px rgba(16,185,129,.12)}.pl-calc-result-card--loss{border-color:rgba(244,63,94,.3);box-shadow:0 0 24px rgba(244,63,94,.12)}.pl-calc-result-card--neutral{border-color:var(--glass-border);box-shadow:none}.pl-calc-result-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:var(--text-mute)}.pl-calc-result-value{font-size:2.5rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em;line-height:1.1;transition:color .3s ease}.pl-calc-result-value--profit{color:var(--color-emerald)}.pl-calc-result-value--loss{color:var(--color-rose)}.pl-calc-result-value--neutral{color:var(--text-mute)}.pl-calc-result-percent{font-size:1rem;font-weight:600;color:var(--text-sec);margin-top:4px;font-family:var(--font-mono)}.pl-calc-breakdown{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:20px}.pl-calc-breakdown-item{padding:16px;border-radius:12px;border:1px solid var(--glass-border);background:rgba(255,255,255,.02);text-align:center;transition:border-color .2s ease,transform .2s ease}.pl-calc-breakdown-item:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.pl-calc-breakdown-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-bottom:6px}.pl-calc-breakdown-value{font-size:1.1rem;font-weight:700;color:var(--text-main);font-family:var(--font-mono);letter-spacing:-.01em}.pl-calc-breakdown-value--profit{color:var(--color-emerald)}.pl-calc-breakdown-value--loss{color:var(--color-rose)}.pl-calc-bar{height:6px;border-radius:9999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:8px}.pl-calc-bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--color-emerald),var(--color-cyan));transition:width .4s cubic-bezier(.4,0,.2,1),background .3s ease}.pl-calc-bar-fill--loss{background:linear-gradient(90deg,var(--color-rose),var(--color-orange))}.pl-calc-bar-fill--neutral{background:var(--text-mute);width:0!important}@media (max-width:480px){.pl-calc-breakdown,.pl-calc-grid{grid-template-columns:1fr}.pl-calc-result-value{font-size:2rem}}.loan-calc-container{max-width:520px;margin:0 auto;width:100%}.loan-calc-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.loan-calc-header-icon{width:48px;height:48px;border-radius:14px;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.loan-calc-header-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.01em}.loan-calc-header-sub{font-size:.85rem;color:var(--text-sec);margin:2px 0 0}.loan-calc-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:20px}.loan-calc-input-group{display:flex;flex-direction:column;gap:8px}.loan-calc-input-group .input-label{margin-bottom:0}.loan-calc-result-card{position:relative;padding:24px;border-radius:16px;border:1px solid var(--glass-border);background:var(--bg-card);text-align:center;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.loan-calc-result-card--primary{border-color:rgba(99,102,241,.3);box-shadow:0 0 24px rgba(99,102,241,.12)}.loan-calc-result-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:var(--text-mute)}.loan-calc-result-value{font-size:2.5rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em;line-height:1.1;color:var(--color-primary);transition:color .3s ease}.loan-calc-result-period{font-size:.85rem;color:var(--text-sec);margin-top:4px}.loan-calc-breakdown{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:20px}.loan-calc-breakdown-item{padding:16px;border-radius:12px;border:1px solid var(--glass-border);background:rgba(255,255,255,.02);text-align:center;transition:border-color .2s ease,transform .2s ease}.loan-calc-breakdown-item:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.loan-calc-breakdown-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-bottom:6px}.loan-calc-breakdown-value{font-size:1.1rem;font-weight:700;color:var(--text-main);font-family:var(--font-mono);letter-spacing:-.01em}.loan-calc-breakdown-value--interest{color:var(--color-amber)}.loan-calc-breakdown-value--total{color:var(--color-primary)}.loan-calc-bar{height:6px;border-radius:9999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:16px;display:flex}.loan-calc-bar-fill--principal{background:linear-gradient(90deg,var(--color-primary),var(--color-purple))}.loan-calc-bar-fill--interest,.loan-calc-bar-fill--principal{height:100%;border-radius:9999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.loan-calc-bar-fill--interest{background:linear-gradient(90deg,var(--color-amber),var(--color-orange))}.loan-calc-legend{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px;font-size:.75rem;color:var(--text-mute)}.loan-calc-legend-item{display:inline-flex;align-items:center;gap:6px}.loan-calc-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.loan-calc-legend-dot--principal{background:linear-gradient(135deg,var(--color-primary),var(--color-purple))}.loan-calc-legend-dot--interest{background:linear-gradient(135deg,var(--color-amber),var(--color-orange))}@media (max-width:480px){.loan-calc-breakdown,.loan-calc-grid{grid-template-columns:1fr}.loan-calc-result-value{font-size:2rem}}.sip-calc-container{max-width:520px;margin:0 auto;width:100%}.sip-calc-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.sip-calc-header-icon{width:48px;height:48px;border-radius:14px;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.sip-calc-header-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.01em}.sip-calc-header-sub{font-size:.85rem;color:var(--text-sec);margin:2px 0 0}.sip-calc-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:20px}.sip-calc-input-group{display:flex;flex-direction:column;gap:8px}.sip-calc-input-group .input-label{margin-bottom:0}.sip-calc-result-card{position:relative;padding:24px;border-radius:16px;border:1px solid var(--glass-border);background:var(--bg-card);text-align:center;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.sip-calc-result-card--primary{border-color:rgba(16,185,129,.3);box-shadow:0 0 24px rgba(16,185,129,.12)}.sip-calc-result-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:var(--text-mute)}.sip-calc-result-value{font-size:2.5rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em;line-height:1.1;color:var(--color-emerald);transition:color .3s ease}.sip-calc-result-period{font-size:.85rem;color:var(--text-sec);margin-top:4px}.sip-calc-breakdown{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:20px}.sip-calc-breakdown-item{padding:16px;border-radius:12px;border:1px solid var(--glass-border);background:rgba(255,255,255,.02);text-align:center;transition:border-color .2s ease,transform .2s ease}.sip-calc-breakdown-item:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.sip-calc-breakdown-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-bottom:6px}.sip-calc-breakdown-value{font-size:1.1rem;font-weight:700;color:var(--text-main);font-family:var(--font-mono);letter-spacing:-.01em}.sip-calc-breakdown-value--invested{color:var(--text-sec)}.sip-calc-breakdown-value--returns{color:var(--color-emerald)}.sip-calc-bar{height:6px;border-radius:9999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:16px;display:flex}.sip-calc-bar-fill--invested{background:linear-gradient(90deg,var(--text-sec),var(--text-mute))}.sip-calc-bar-fill--invested,.sip-calc-bar-fill--returns{height:100%;border-radius:9999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.sip-calc-bar-fill--returns{background:linear-gradient(90deg,var(--color-emerald),var(--color-cyan))}.sip-calc-legend{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px;font-size:.75rem;color:var(--text-mute)}.sip-calc-legend-item{display:inline-flex;align-items:center;gap:6px}.sip-calc-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sip-calc-legend-dot--invested{background:linear-gradient(135deg,var(--text-sec),var(--text-mute))}.sip-calc-legend-dot--returns{background:linear-gradient(135deg,var(--color-emerald),var(--color-cyan))}@media (max-width:480px){.sip-calc-breakdown,.sip-calc-grid{grid-template-columns:1fr}.sip-calc-result-value{font-size:2rem}}.hub-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;width:100%;margin-bottom:28px;background:rgba(12,13,22,.7);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.hub-topbar.is-scrolled{background:rgba(12,13,22,.88);border-color:var(--glass-border-hover);box-shadow:0 8px 28px rgba(0,0,0,.32)}.hub-topbar:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 70%,transparent),color-mix(in srgb,var(--color-purple) 60%,transparent),color-mix(in srgb,var(--color-pink) 50%,transparent));opacity:.85;pointer-events:none}.hub-topbar-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:12px 18px}.hub-topbar-brand{display:inline-flex;align-items:center;gap:12px;padding:6px 10px 6px 6px;margin:-6px 0 -6px -6px;border:0;background:transparent;color:var(--text-main);font-family:var(--font-sans);cursor:pointer;border-radius:12px;transition:background .2s ease}.hub-topbar-brand:hover{background:rgba(255,255,255,.05)}.hub-topbar-logo{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(168,85,247,.25));border:1px solid rgba(255,255,255,.12);flex-shrink:0}.hub-topbar-logo img{width:22px;height:22px;object-fit:contain}.hub-topbar-brand-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;text-align:left}.hub-topbar-brand-name{font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:var(--text-main)}.hub-topbar-brand-tag{font-size:.7rem;font-weight:500;color:var(--text-mute);margin-top:2px}.hub-topbar-nav{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);justify-self:center}.hub-topbar-link{position:relative;padding:8px 14px;border:0;border-radius:8px;background:transparent;color:var(--text-sec);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:color .2s ease,background .2s ease,transform .15s ease;white-space:nowrap}.hub-topbar-link:hover{color:var(--text-main);background:rgba(255,255,255,.05)}.hub-topbar-link.active{color:#ffffff;background:color-mix(in srgb,var(--hub-color,var(--color-primary)) 22%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--hub-color,var(--color-primary)) 40%,transparent),0 6px 18px color-mix(in srgb,var(--hub-color,var(--color-primary)) 25%,transparent)}.hub-topbar-link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--hub-color,var(--color-primary));box-shadow:0 0 8px var(--hub-color,var(--color-primary))}.hub-topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.hub-topbar-dashboard{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--glass-border-hover);background:rgba(255,255,255,.04);color:var(--text-sec);font-family:var(--font-sans);font-size:.82rem;font-weight:600;border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease,border-color .2s ease}.hub-topbar-dashboard:hover{background:rgba(99,102,241,.15);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);color:var(--text-main);transform:translateY(-1px)}.hub-topbar-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--glass-border-hover);background:rgba(255,255,255,.04);color:var(--text-sec);border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.hub-topbar-burger:hover{background:rgba(255,255,255,.08);color:var(--text-main);border-color:var(--glass-border-hover)}.hub-topbar-mobile{display:none;flex-direction:column;gap:14px;padding:0 18px;max-height:0;overflow:hidden;border-top:1px solid transparent;transition:max-height .3s ease,padding .3s ease,border-color .3s ease}.hub-topbar-mobile.open{padding:16px 18px 18px;max-height:500px;border-top-color:var(--glass-border)}.hub-topbar-mobile-section{display:flex;flex-direction:column;gap:8px}.hub-topbar-mobile-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute)}.hub-topbar-mobile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.hub-topbar-mobile-link{padding:10px 12px;border:1px solid var(--glass-border);background:rgba(255,255,255,.03);color:var(--text-sec);font-family:var(--font-sans);font-size:.88rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.hub-topbar-mobile-link:hover{background:rgba(255,255,255,.06);color:var(--text-main)}.hub-topbar-mobile-link.active{color:#ffffff;background:color-mix(in srgb,var(--hub-color,var(--color-primary)) 22%,transparent);border-color:color-mix(in srgb,var(--hub-color,var(--color-primary)) 45%,transparent)}.hub-topbar-mobile-dashboard{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--glass-border-hover);background:rgba(99,102,241,.1);color:var(--text-main);font-family:var(--font-sans);font-size:.88rem;font-weight:600;border-radius:10px;cursor:pointer;transition:background .2s ease}.hub-topbar-mobile-dashboard:hover{background:rgba(99,102,241,.2)}:where([data-theme=light],html:not([data-theme=dark])) .hub-topbar{background:rgba(255,255,255,.7)}:where([data-theme=light],html:not([data-theme=dark])) .hub-topbar.is-scrolled{background:rgba(255,255,255,.92);box-shadow:0 8px 28px rgba(15,23,42,.1)}:where([data-theme=light],html:not([data-theme=dark])) .hub-topbar-nav{background:rgba(15,23,42,.04)}:where([data-theme=light],html:not([data-theme=dark])) .hub-topbar-link:hover{background:rgba(15,23,42,.06)}@media (max-width:820px){.hub-topbar-dashboard-label,.hub-topbar-nav{display:none}.hub-topbar-dashboard{padding:8px;width:40px;height:40px;justify-content:center}.hub-topbar-burger{display:inline-flex}.hub-topbar-mobile{display:flex}.hub-topbar-brand-tag{display:none}}@media (max-width:480px){.hub-topbar-inner{padding:10px 12px}.hub-topbar-brand-text{display:none}}.pdf-hero{height:320px;min-height:320px;padding:28px 28px 24px;border-radius:18px;background:linear-gradient(135deg,rgba(59,130,246,.06),rgba(168,85,247,.06));display:flex;flex-direction:column;justify-content:center}.pdf-hero .pdf-hero-bg{display:none}.pdf-hero-inner{max-width:720px;gap:10px}.pdf-hero-eyebrow{padding:4px 10px;font-size:.72rem}.pdf-hero-dot{width:6px;height:6px}.pdf-hero-title{font-size:clamp(1.4rem,2.4vw,1.85rem);line-height:1.15}.pdf-hero-subtitle{font-size:.88rem;line-height:1.5;max-width:560px}.pdf-hero-search{margin-top:4px;border-radius:10px;padding:0 10px}.pdf-hero-search-input{padding:10px;font-size:.9rem}.pdf-hero-search-icon{width:16px;height:16px}.pdf-hero-search-clear{width:22px;height:22px}.pdf-hero-tags{margin-top:2px;gap:6px}.pdf-hero-tag{padding:4px 10px;font-size:.76rem}@media (max-width:640px){.pdf-hero{height:auto;min-height:260px;padding:20px 18px}.pdf-hero-search-input{padding:9px 8px;font-size:.85rem}}@media (max-width:900px){.pdf-hero{height:300px;min-height:300px}}.icg-container{max-width:1200px;margin:0 auto;width:100%}.icg-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:20px;gap:20px;align-items:start}.icg-main{display:flex;flex-direction:column;gap:20px}.icg-output-rail{align-self:start;width:100%}.icg-output-rail,.icg-output-sticky{position:-webkit-sticky;position:sticky;top:16px}@media (max-width:768px){.icg-layout{grid-template-columns:1fr}.icg-output-rail{position:static;align-self:start}.icg-output-sticky{position:static}}.icg-header{gap:12px;margin-bottom:24px}.icg-header,.icg-header-icon{display:flex;align-items:center}.icg-header-icon{width:54px;height:54px;border-radius:14px;background:rgba(236,72,153,.12);border:1px solid rgba(236,72,153,.2);justify-content:center;font-size:1.8rem;flex-shrink:0}.icg-header-title{font-size:1.4rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.01em}.icg-header-sub{font-size:.85rem;color:var(--text-sec);margin:2px 0 0}.icg-toolbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.icg-toolbar .tool-section{margin:0;flex:1 1;min-width:160px}.icg-toolbar .tool-section:nth-child(2){min-width:130px;flex:0 1 130px}.icg-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.icg-quick-actions .btn-secondary{padding:8px 16px;font-size:.85rem}@media (max-width:480px){.icg-toolbar{align-items:flex-end}.icg-quick-actions{justify-content:stretch;flex:1 1 100%}}.icg-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:16px;gap:16px;margin-bottom:8px}.icg-category-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-fast)}.icg-category-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-glow)}.icg-category-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:transparent;border:none;color:var(--text-main);font-size:.9rem;font-weight:600;cursor:pointer;text-align:left;transition:var(--transition-fast)}.icg-category-name{display:inline-flex;align-items:center;gap:8px}.icg-category-check{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.icg-category-count{background:rgba(255,255,255,.04);border:1px solid var(--glass-border);color:var(--text-mute);border-radius:9999px;padding:2px 10px;font-size:.75rem}.icg-category-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:2px solid var(--glass-border);background:transparent;color:var(--text-mute);font-size:.65rem;transition:var(--transition-fast)}.icg-category-toggle.all{border-color:var(--color-emerald);background:var(--color-emerald);color:#fff}.icg-category-toggle.partial{border-color:var(--color-amber);color:var(--color-amber)}.icg-char-list{padding:6px 8px 10px;display:grid;grid-gap:2px;gap:2px}.icg-char-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent}.icg-char-item:hover{background:rgba(255,255,255,.03)}.icg-char-item.selected{background:rgba(99,102,241,.12);border-color:var(--color-primary)}.icg-char-checkbox{width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}.icg-char-info{flex:1 1;min-width:0}.icg-char-name{font-size:.85rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icg-char-meta{display:flex;gap:12px;margin-top:2px}.icg-char-code-pill,.icg-char-meta{font-size:.7rem;color:var(--text-mute)}.icg-char-code-pill{font-family:var(--font-mono);background:rgba(255,255,255,.05);padding:2px 6px;border-radius:4px;border:1px solid var(--glass-border);flex-shrink:0}.icg-char-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px rgba(0,0,0,.4)}.icg-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;flex-wrap:wrap}.icg-output-title{font-size:.85rem;font-weight:600;color:var(--text-main);margin:0}.icg-output-count{font-family:var(--font-mono);font-size:.8rem;color:var(--text-mute)}.icg-output-actions{display:flex;gap:8px}.icg-output-actions .btn-primary,.icg-output-actions .btn-secondary{padding:8px 16px;font-size:.85rem}.icg-output-preview{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:48px;padding:14px;border-radius:var(--radius-md);background:rgba(255,255,255,.02);border:1px solid var(--glass-border);font-family:var(--font-mono);font-size:.85rem;overflow-x:auto;margin-bottom:12px}.icg-preview-dot{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:50%;color:#fff;font-size:.6rem;white-space:nowrap;cursor:default;box-shadow:0 0 8px rgba(0,0,0,.45)}.icg-output-textarea{width:100%;background:rgba(13,14,23,.8);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px;color:var(--text-main);font-family:var(--font-mono);font-size:.85rem;outline:none;resize:vertical;min-height:120px}.icg-output-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 10px rgba(99,102,241,.2)}.icg-detail-title{font-size:.85rem;font-weight:600;color:var(--text-main);margin:0 0 12px}.icg-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:8px;gap:8px;font-size:.75rem}.icg-detail-card{background:var(--bg-element);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 12px;font-family:var(--font-mono)}.icg-detail-card .icg-detail-name{display:flex;justify-content:space-between;margin-bottom:4px;font-family:var(--font-sans);font-size:.8rem}.icg-detail-card strong{color:var(--text-main)}.icg-detail-card .icg-detail-category{color:var(--text-sec)}.icg-detail-card .icg-detail-row{display:grid;grid-template-columns:auto 1fr;grid-gap:4px;gap:4px;color:var(--text-sec)}.icg-detail-card .icg-detail-row strong{color:var(--text-mute);font-weight:600}.icg-usecase-title{font-size:.85rem;font-weight:600;color:var(--text-main);margin:0 0 12px}.icg-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;font-size:.8rem;color:var(--text-sec)}.icg-usecase-card{background:var(--bg-element);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px}.icg-usecase-card strong{color:var(--text-main);display:block;margin-bottom:4px;font-size:.85rem}@media (max-width:480px){.icg-output-header{flex-direction:column;align-items:flex-start}.icg-output-actions{width:100%}}.vc-quality-wrap{display:flex;align-items:center;gap:10px;margin-top:10px}.vc-quality-hint{font-size:.72rem;color:var(--text-mute);white-space:nowrap}.vc-quality-value{font-size:.78rem;color:var(--text-sec);margin:8px 0 0}.vc-progress-wrap{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:16px}.vc-progress-label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-sec);margin-bottom:10px;font-weight:600}.vc-progress-track{height:8px;border-radius:4px;background:var(--bg-element);overflow:hidden}.vc-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-purple));border-radius:4px;transition:width .2s ease-out}.vc-result-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.vc-result-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);margin:0}.vc-result-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.vc-result-label{font-size:.82rem;color:var(--text-sec)}.vc-result-value{font-size:.88rem;font-weight:700;color:var(--text-main)}.nf-shell{position:relative;padding:clamp(20px,5vw,56px) clamp(20px,5vw,48px);min-height:520px;overflow:hidden}.nf-stage{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;z-index:2}.nf-code{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-sec);background:rgba(15,17,27,.6);border:1px solid var(--glass-border);border-radius:var(--radius-full);letter-spacing:.02em;box-shadow:var(--shadow-sm)}[data-theme=light] .nf-code{background:rgba(241,245,249,.7)}.nf-code-prompt{color:var(--color-primary);font-weight:700}.nf-code-text{color:var(--color-cyan)}.nf-cursor{display:inline-block;width:7px;height:14px;background:var(--color-primary);border-radius:1px;animation:nf-blink 1s steps(2,start) infinite;vertical-align:middle}@keyframes nf-blink{to{visibility:hidden}}.nf-illustration{position:relative;width:100%;max-width:460px;height:200px;display:flex;align-items:center;justify-content:center;margin:8px 0 4px}.nf-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.08) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.08) 1px,transparent 0);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0,transparent 70%);opacity:.55;pointer-events:none}.nf-glitch{position:absolute;font-family:Archivo Black,Outfit,sans-serif;font-size:clamp(7rem,18vw,11rem);font-weight:900;letter-spacing:-.04em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nf-glitch-main{position:relative;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-purple) 50%,var(--color-pink) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 60px rgba(99,102,241,.35);z-index:3}.nf-glitch-a,.nf-glitch-b{color:var(--color-cyan);mix-blend-mode:screen;opacity:.55;animation:nf-glitch-a 4.6s steps(1) infinite}.nf-glitch-b{color:var(--color-pink);animation:nf-glitch-b 5.2s steps(1) infinite}@keyframes nf-glitch-a{0%,92%,to{transform:translate(0)}93%{transform:translate(-4px,1px)}94%{transform:translate(3px,-1px)}95%{transform:translate(-2px,2px)}96%{transform:translate(2px)}}@keyframes nf-glitch-b{0%,88%,to{transform:translate(0)}89%{transform:translate(4px,-2px)}90%{transform:translate(-3px,1px)}91%{transform:translate(2px,1px)}92%{transform:translate(-2px,-1px)}}.nf-orb{position:absolute;border-radius:50%;filter:blur(36px);opacity:.55;pointer-events:none}.nf-orb-a{width:180px;height:180px;background:var(--color-primary);top:-20px;left:20%}.nf-orb-b{width:140px;height:140px;background:var(--color-purple);bottom:-10px;right:15%}.nf-orb-c{width:110px;height:110px;background:var(--color-cyan);top:30%;right:30%;opacity:.35}.nf-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--semantic-error);background:var(--semantic-error-glow);border:1px solid rgba(239,68,68,.35);letter-spacing:.04em;text-transform:uppercase}.nf-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--semantic-error);box-shadow:0 0 8px var(--semantic-error);animation:nf-pulse 1.6s ease-in-out infinite}@keyframes nf-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.75)}}.nf-title{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--text-main);letter-spacing:-.02em;line-height:1.15}.nf-subtitle{margin:0;max-width:520px;font-size:clamp(.95rem,1.6vw,1.05rem);color:var(--text-sec);line-height:1.6}.nf-path{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--radius-md);background:rgba(15,17,27,.45);border:1px dashed var(--glass-border);max-width:100%}[data-theme=light] .nf-path{background:rgba(241,245,249,.7)}.nf-path-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);font-weight:600}.nf-path-value{font-family:var(--font-mono);font-size:.85rem;color:var(--color-rose);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.nf-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}.nf-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-md);font-size:.92rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent;font-family:inherit}.nf-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#fff;box-shadow:0 8px 24px rgba(99,102,241,.35)}.nf-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(99,102,241,.5)}.nf-btn-secondary{background:var(--bg-element);color:var(--text-main);border-color:var(--glass-border-hover)}.nf-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow);transform:translateY(-2px)}.nf-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nf-help{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;font-size:.85rem;color:var(--text-mute)}.nf-help,.nf-help-icon{display:inline-flex;align-items:center}.nf-help-icon,.nf-help-link{color:var(--color-primary)}.nf-help-link{background:none;border:none;padding:0;font-weight:600;cursor:pointer;font-family:inherit;font-size:inherit;transition:var(--transition-fast)}.nf-help-link:hover{color:var(--color-purple);text-decoration:underline}@media (max-width:640px){.nf-shell{padding:24px 16px}.nf-illustration{height:160px}.nf-path-value{max-width:160px}.nf-btn{padding:11px 18px;font-size:.88rem}}.jwt-decoder{gap:24px}.jwt-decoder,.jwt-decoder-empty{display:flex;flex-direction:column}.jwt-decoder-empty{align-items:center;justify-content:center;padding:60px 20px;text-align:center}.jwt-decoder-hero{margin-bottom:32px}.jwt-decoder-icon{font-size:4rem;margin-bottom:16px}.jwt-decoder-hero h2{font-size:1.75rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.jwt-decoder-hero p{color:var(--text-sec);font-size:1rem}.jwt-sample-section{width:100%;max-width:600px}.jwt-sample-section h3{font-size:.85rem;font-weight:600;text-transform:uppercase;color:var(--text-sec);margin-bottom:12px;letter-spacing:.05em}.jwt-sample-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.jwt-sample-btn{background:rgba(13,14,23,.8);border:1px solid var(--glass-border);border-radius:8px;padding:10px 16px;color:var(--text-main);font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.jwt-sample-btn:hover{border-color:var(--color-primary);background:rgba(99,102,241,.1)}.jwt-sample-btn.active{border-color:var(--color-primary);background:rgba(99,102,241,.2);color:var(--color-primary)}.jwt-input-section{width:100%}.jwt-textarea-wrapper{position:relative}.jwt-textarea{width:100%;min-height:140px}.jwt-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-mute);font-size:1.25rem;cursor:pointer;padding:4px;border-radius:4px;transition:var(--transition-fast)}.jwt-clear-btn:hover,.jwt-error{color:var(--color-rose);background:rgba(251,113,133,.1)}.jwt-error{display:flex;align-items:center;gap:8px;margin-top:10px;padding:12px 16px;border:1px solid rgba(251,113,133,.3);border-radius:8px;font-size:.875rem}.jwt-tabs{display:flex;gap:4px;background:rgba(13,14,23,.6);border:1px solid var(--glass-border);border-radius:8px;padding:4px}.jwt-tab{flex:1 1;background:none;border:none;padding:10px 16px;border-radius:6px;color:var(--text-sec);font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.jwt-tab:hover{color:var(--text-main);background:rgba(255,255,255,.05)}.jwt-tab.active{background:var(--color-primary);color:#ffffff}.jwt-decoded-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:20px;gap:20px}.jwt-header-card,.jwt-payload-card,.jwt-signature-card{background:rgba(13,14,23,.6);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.jwt-header-card{grid-column:1}.jwt-payload-card{grid-column:2}.jwt-signature-card{grid-column:1/-1}.jwt-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.jwt-card-header h3{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text-main);margin:0}.jwt-card-icon{font-size:1rem}.jwt-copy-btn{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:6px;padding:6px 12px;color:var(--text-sec);font-family:var(--font-sans);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.jwt-copy-btn:hover{background:rgba(99,102,241,.2);border-color:var(--color-primary);color:var(--color-primary)}.jwt-algorithm-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#ffffff;border-bottom:1px solid var(--glass-border)}.jwt-alg-name{font-family:var(--font-mono)}.jwt-alg-type{padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase}.jwt-alg-type.asymmetric,.jwt-alg-type.symmetric{background:rgba(255,255,255,.2)}.jwt-alg-type.none{background:rgba(251,113,133,.3)}.jwt-alg-warning{margin-left:auto;font-size:.65rem}.jwt-typ-badge{padding:8px 16px;font-size:.75rem;color:var(--text-sec);border-bottom:1px solid var(--glass-border)}.jwt-json-preview{margin:0!important;padding:16px!important;min-height:120px;max-height:300px;overflow:auto;background:rgba(0,0,0,.3)!important;border:none!important;border-radius:0!important;font-size:.75rem!important;line-height:1.6;color:var(--color-primary)!important}.jwt-claims-list{padding:8px 0;max-height:400px;overflow:auto}.jwt-claim-row{padding:10px 16px;border-bottom:1px solid var(--glass-border)}.jwt-claim-row:last-child{border-bottom:none}.jwt-claim-main{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px}.jwt-claim-key-wrapper{display:flex;align-items:center;gap:8px;flex-shrink:0}.jwt-claim-key{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-main)}.jwt-claim-standard{background:rgba(99,102,241,.15);color:var(--color-primary);padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.jwt-claim-value{font-family:var(--font-mono);font-size:.75rem;color:var(--text-sec);word-break:break-word;max-width:60%;text-align:right}.jwt-claim-object{margin:0;padding:8px;background:rgba(0,0,0,.2);border-radius:4px;font-size:.7rem;max-height:150px;overflow:auto}.jwt-claim-time{display:flex;align-items:center;gap:8px;padding:6px 0 0 24px;font-size:.7rem}.jwt-time-label{color:var(--text-mute);min-width:80px}.jwt-time-value{font-family:var(--font-mono);color:var(--text-main)}.jwt-time-relative{color:var(--color-amber)}.jwt-claim-time.expired .jwt-time-relative,.jwt-expired-badge{color:var(--color-rose)}.jwt-expired-badge{margin-left:auto;padding:2px 8px;background:rgba(251,113,133,.15);border-radius:4px;font-size:.6rem;font-weight:700;text-transform:uppercase}.jwt-signature-value{padding:16px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-mute);word-break:break-all;background:rgba(0,0,0,.2)}.jwt-no-signature{color:var(--color-rose);font-style:italic}.jwt-signature-note{padding:12px 16px;margin:0;font-size:.75rem;color:var(--text-mute);border-top:1px solid var(--glass-border)}.jwt-raw-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.jwt-raw-section{background:rgba(13,14,23,.6);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.jwt-raw-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--glass-border)}.jwt-raw-header h4{font-size:.8rem;font-weight:600;color:var(--text-main);margin:0}.jwt-raw-json{margin:0!important;padding:16px!important;min-height:200px;max-height:400px;overflow:auto;background:rgba(0,0,0,.3)!important;border:none!important;border-radius:0!important;font-size:.75rem!important;line-height:1.6;color:var(--text-main)!important}.jwt-validation-view{display:flex;flex-direction:column;gap:20px}.jwt-validation-card{background:rgba(13,14,23,.6);border:1px solid var(--glass-border);border-radius:12px;padding:20px}.jwt-validation-card h3{font-size:.9rem;font-weight:600;color:var(--text-main);margin:0 0 16px}.jwt-validation-checks{display:flex;flex-direction:column;gap:12px}.jwt-check{display:flex;align-items:flex-start;gap:12px;padding:12px;background:rgba(255,255,255,.02);border-radius:8px}.jwt-check-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem;flex-shrink:0}.jwt-check-icon.pass{background:rgba(16,185,129,.15);color:var(--color-emerald)}.jwt-check-icon.fail{background:rgba(251,113,133,.15);color:var(--color-rose)}.jwt-check-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-main);margin-bottom:2px}.jwt-check-detail{font-size:.75rem;color:var(--text-sec)}.jwt-recommendations{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.jwt-recommendations li{padding:12px;border-radius:8px;font-size:.8rem;line-height:1.5}.jwt-rec-warning{background:rgba(251,113,133,.1);border:1px solid rgba(251,113,133,.2);color:var(--color-rose)}.jwt-rec-info{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:var(--color-amber)}.jwt-rec-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:var(--color-emerald)}@media (max-width:768px){.jwt-decoded-view{grid-template-columns:1fr}.jwt-header-card,.jwt-payload-card,.jwt-signature-card{grid-column:auto}.jwt-claim-value{max-width:100%;text-align:left;margin-top:4px}.jwt-claim-main{flex-direction:column;align-items:flex-start}.jwt-raw-view{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.jwt-clear-btn,.jwt-copy-btn,.jwt-sample-btn,.jwt-tab{transition:none}}