:root{--bg:#F8FAFC;--bg-subtle:#F1F5F9;--panel:#FFFFFF;--panel-2:#F8FAFC;--panel-glass:rgba(255,255,255,0.85);--line:#E2E8F0;--line-subtle:rgba(0,0,0,0.05);--line-focus:#0055FF;--text:#0F172A;--text-secondary:#334155;--navy:#0B1023;--muted:#64748B;--muted-2:#94A3B8;--brand:#0055FF;--brand-2:#2563EB;--brand-dim:#EFF6FF;--brand-glow:rgba(0,85,255,0.15);--warn:#F59E0B;--warn-dim:#FEF3C7;--danger:#EF4444;--danger-dim:#FEE2E2;--ok:#10B981;--ok-dim:#D1FAE5;--c-finance:#059669;--c-finance-dim:#ECFDF5;--c-dev:#6366F1;--c-dev-dim:#EEF2FF;--c-media:#EA580C;--c-media-dim:#FFF7ED;--c-life:#DB2777;--c-life-dim:#FDF2F8;--c-business:#D97706;--c-business-dim:#FEF3C7;--c-warning:#D97706;--c-warning-dim:#FEF3C7;--c-utility:#0284C7;--c-utility-dim:#F0F9FF;--c-home:#0055FF;--c-home-dim:#EFF6FF;--c-finance-text:#065F46;--c-dev-text:#4338CA;--c-media-text:#C2410C;--c-life-text:#BE185D;--c-business-text:#B45309;--c-warning-text:#B45309;--c-utility-text:#0369A1;--c-home-text:#1D4ED8;--radius:12px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--sidebar-w:280px;--shadow-xs:0 1px 2px rgba(11,16,35,0.04);--shadow-sm:0 1px 3px rgba(11,16,35,0.06),0 1px 2px rgba(11,16,35,0.03);--shadow-md:0 4px 14px -2px rgba(11,16,35,0.07),0 2px 6px -1px rgba(11,16,35,0.04);--shadow-lg:0 12px 28px -4px rgba(11,16,35,0.10),0 4px 12px -2px rgba(11,16,35,0.05);--shadow-glow:0 0 24px var(--brand-glow);--surface:var(--panel);--surface-1:var(--panel);--surface-2:var(--panel-2);--surface-3:var(--bg-subtle);--surface2:var(--panel-2);--bg-card:var(--panel);--border:var(--line);--border-subtle:var(--line-subtle);--text-muted:var(--muted);--primary:var(--brand);--primary-light:var(--brand-dim);--success:var(--ok);--warning:var(--warn)}[data-theme="dark"]{--bg:#0B0F19;--bg-subtle:#111827;--panel:#161F30;--panel-2:#1E293B;--panel-glass:rgba(22,31,48,0.85);--line:#243048;--line-subtle:rgba(255,255,255,0.06);--line-focus:#60A5FA;--text:#F8FAFC;--text-secondary:#E2E8F0;--navy:#F8FAFC;--muted:#94A3B8;--muted-2:#64748B;--brand:#3B82F6;--brand-2:#60A5FA;--brand-dim:rgba(59,130,246,0.15);--brand-glow:rgba(59,130,246,0.25);--warn:#FBBF24;--warn-dim:rgba(245,158,11,0.15);--danger:#F87171;--danger-dim:rgba(239,68,68,0.15);--ok:#34D399;--ok-dim:rgba(16,185,129,0.15);--c-finance-dim:rgba(5,150,105,0.2);--c-dev-dim:rgba(99,102,241,0.2);--c-media-dim:rgba(234,88,12,0.2);--c-life-dim:rgba(219,39,119,0.2);--c-business-dim:rgba(217,119,6,0.2);--c-warning-dim:rgba(217,119,6,0.2);--c-utility-dim:rgba(2,132,199,0.2);--c-home-dim:rgba(59,130,246,0.2);--c-finance-text:#34D399;--c-dev-text:#A5B4FC;--c-media-text:#FDBA74;--c-life-text:#F472B6;--c-business-text:#FCD34D;--c-warning-text:#FCD34D;--c-utility-text:#7DD3FC;--c-home-text:#60A5FA;--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 6px 16px rgba(0,0,0,0.5);--shadow-lg:0 16px 36px rgba(0,0,0,0.6);--shadow-glow:0 0 28px rgba(59,130,246,0.3);--surface:var(--panel);--surface-1:var(--panel);--surface-2:var(--panel-2);--surface-3:var(--bg-subtle);--surface2:var(--panel-2);--bg-card:var(--panel);--border:var(--line);--border-subtle:var(--line-subtle);--text-muted:var(--muted);--primary:var(--brand);--primary-light:var(--brand-dim);--success:var(--ok);--warning:var(--warn)}*,*::before,*::after{box-sizing:border-box}html{overscroll-behavior-y:none}html,body{margin:0;padding:0;width:100%;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color 0.25s cubic-bezier(0.16,1,0.3,1),color 0.25s cubic-bezier(0.16,1,0.3,1)}h1,h2,h3,h4,h5,h6,.tool-title,.card-head,.tname,.brand .name,.hero-minimal h1,.navcat-label{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;letter-spacing:-0.01em;text-rendering:optimizeLegibility}.mono{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important}.display{font-family:'Sora',sans-serif !important}button,input,select,textarea{font-family:inherit;color:inherit}a{color:var(--brand);text-decoration:none;transition:color 0.15s ease}a:hover{color:var(--brand-2)}::selection{background:var(--brand);color:#FFFFFF}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%}.sidebar{display:none !important}@media (max-width:1023px){.sidebar{display:flex !important;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--panel);border-right:1px solid var(--line);padding:20px 14px;z-index:1000;overflow-y:auto;overflow-x:hidden;flex-direction:column;transform:translateX(-100%);transition:transform 0.28s cubic-bezier(0.16,1,0.3,1),background-color 0.2s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translateX(0)}}.sidebar-header-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:14px}.sidebar-close-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:all 0.15s ease}.sidebar-close-btn:hover{background:var(--panel-2);color:var(--text);border-color:var(--brand)}.sidebar-nav-links{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.sidebar-nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:0.90rem;font-weight:600;color:var(--navy);text-decoration:none;border-radius:var(--radius-sm);transition:background 0.15s ease,color 0.15s ease;min-height:40px;box-sizing:border-box}[data-theme="dark"] .sidebar-nav-link{color:#F8FAFC}.sidebar-nav-link:hover,.sidebar-nav-link.active{background:var(--brand-dim);color:var(--brand)}.sidebar-nav-link svg{flex-shrink:0;color:var(--muted)}.sidebar-nav-link:hover svg,.sidebar-nav-link.active svg{color:var(--brand)}.sidebar-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:990;display:none;opacity:0;transition:opacity 0.2s ease}.sidebar-overlay.active{display:block;opacity:1}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;direction:ltr}.brand-header{padding:0}.brand-header svg{width:185px !important;max-width:195px;min-width:175px;height:auto !important;display:block}@media (max-width:768px){.brand-header svg{width:145px !important;max-width:155px;min-width:135px;height:auto !important}}.sidebar-spacer{flex:1}.sidebar-foot{margin-top:16px;padding:12px 10px;border-top:1px solid var(--line);font-size:0.73rem;color:var(--muted);line-height:1.5}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg);width:100%}.topbar{position:sticky;top:0;z-index:100;width:100%;height:72px;min-height:72px;max-height:72px;border-bottom:1px solid var(--line);background:rgba(255,255,255,0.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-sizing:border-box;transition:background-color 0.2s ease,border-color 0.2s ease}[data-theme="dark"] .topbar{background:rgba(15,23,42,0.9)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1240px;height:100%;margin:0 auto;padding:0 24px;box-sizing:border-box;min-width:0}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-nav{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}.header-nav-link{font-size:0.92rem;font-weight:600;color:var(--navy);text-decoration:none;padding:6px 10px;border-radius:var(--radius-sm);white-space:nowrap;transition:color 0.15s ease,background-color 0.15s ease}.header-nav-link:hover{color:var(--brand);background:var(--brand-dim)}.header-nav-link.active{color:var(--brand)}.top-right{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.menu-btn{display:none;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;color:var(--text);font-size:1.1rem;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:background 0.15s ease,border-color 0.15s ease}.menu-btn:hover{background:var(--panel-2);border-color:var(--brand)}.category-subnav{width:100%;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:72px;z-index:35;transition:background-color 0.2s ease,border-color 0.2s ease}.category-subnav-inner{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-subnav-inner::-webkit-scrollbar{display:none}.subnav-tab{display:inline-flex;align-items:center;gap:6px;padding:14px 2px;font-size:0.88rem;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap;position:relative;transition:color 0.15s ease}.subnav-tab:hover{color:var(--text)}.subnav-tab.active{color:var(--brand)}.subnav-tab.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2.5px;background:var(--brand);border-radius:2px 2px 0 0}.main-inner{display:flex;gap:32px;width:100%;max-width:1240px;margin:0 auto;padding:0 24px;align-items:flex-start;min-height:600px;box-sizing:border-box}.content-col{flex:1;min-width:0}.content{padding:24px 0 40px;width:100%}.right-rail{width:300px;min-height:630px;flex-shrink:0;position:sticky;top:84px;height:fit-content;display:flex;flex-direction:column;gap:20px;contain:layout}:root:not([data-ads-enabled="true"]) .ad-slot-wrapper,:root:not([data-ads-enabled="true"]) .ad-container,:root:not([data-ads-enabled="true"]) .ad-container-topLeaderboard,:root:not([data-ads-enabled="true"]) .ad-container-top,:root:not([data-ads-enabled="true"]) .ad-container-sidebarSticky,:root:not([data-ads-enabled="true"]) .ad-container-sidebar,:root:not([data-ads-enabled="true"]) .ad-container-resultUnder,:root:not([data-ads-enabled="true"]) .ad-container-inArticle,:root:not([data-ads-enabled="true"]) .ad-container-infeed,:root:not([data-ads-enabled="true"]) .ad-container-square,:root:not([data-ads-enabled="true"]) .ad-placeholder-content,:root:not([data-ads-enabled="true"]) .ad-badge-sp,:root:not([data-ads-enabled="true"]) .ad-dim-text,:root:not([data-ads-enabled="true"]) .ad-card-infeed-wrapper,:root:not([data-ads-enabled="true"]) .ad-card-infeed,:root:not([data-ads-enabled="true"]) .ad-label,:root:not([data-ads-enabled="true"]) .ad-anchor-mobile,:root:not([data-ads-enabled="true"]) .right-rail{display:none !important;min-height:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:none !important;box-shadow:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important}:root:not([data-ads-enabled="true"]) body{padding-bottom:0 !important}.ad-slot-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:18px 0;clear:both;box-sizing:border-box;contain:layout}ins.adsbygoogle[data-ad-status="unfilled"]{opacity:0;pointer-events:none}.ad-slot-wrapper:has(ins.adsbygoogle[data-ad-status="unfilled"]) .ad-unfilled-fallback,.ad-slot-wrapper.ad-empty .ad-unfilled-fallback,.ad-anchor-mobile:has(ins.adsbygoogle[data-ad-status="unfilled"]) .ad-unfilled-fallback,.ad-anchor-mobile.ad-empty .ad-unfilled-fallback{display:flex !important}.ad-unfilled-fallback{display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius);background:linear-gradient( 135deg,var(--panel-2,#f8fafc) 0%,var(--panel-3,#f1f5f9) 100% );border:1px dashed color-mix(in srgb,var(--brand,#0055FF) 25%,transparent);pointer-events:none;z-index:2}[data-theme="dark"] .ad-unfilled-fallback{background:linear-gradient( 135deg,var(--panel-2,#1e293b) 0%,var(--panel-3,#0f172a) 100% )}.ad-unfilled-fallback__icon{width:28px;height:28px;opacity:0.18;fill:var(--brand,#0055FF)}.ad-unfilled-fallback__label{font-family:'JetBrains Mono',monospace;font-size:0.6rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted-2,#94a3b8);opacity:0.7}.sidebar .ad-slot-wrapper,.ad-slot-sidebarSquare{width:100%;min-height:274px;flex-shrink:0;margin-top:auto;contain:layout;box-sizing:border-box}.ad-slot-topLeaderboard{width:100%;min-height:116px;flex-shrink:0;margin:16px 0 12px;contain:layout;box-sizing:border-box}.ad-slot-sidebarSticky{width:300px;min-height:624px;flex-shrink:0;margin:0;contain:layout;box-sizing:border-box}.ad-slot-resultUnder{width:100%;min-height:116px;flex-shrink:0;margin:36px 0 24px;padding-top:16px;border-top:1px solid var(--line);contain:layout;box-sizing:border-box}.ad-slot-inArticle{width:100%;min-height:116px;flex-shrink:0;margin:36px 0 24px;padding-top:16px;border-top:1px dashed var(--line);contain:layout;box-sizing:border-box}.ad-label{font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.08em;color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-weight:600;display:flex;align-items:center;gap:6px;height:16px;line-height:16px;box-sizing:border-box}.ad-container{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);overflow:hidden;position:relative;transition:border-color 0.2s ease,box-shadow 0.2s ease;box-sizing:border-box;contain:layout style}@keyframes gt-skeleton-shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}.ad-skeleton{position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient( 90deg,var(--panel-2,#f3f4f6) 25%,var(--panel-3,#e5e7eb) 50%,var(--panel-2,#f3f4f6) 75% );background-size:800px 100%;animation:gt-skeleton-shimmer 1.6s infinite linear;pointer-events:none;z-index:1}[data-theme="dark"] .ad-skeleton{background:linear-gradient( 90deg,var(--panel-2,#1e293b) 25%,var(--panel-3,#334155) 50%,var(--panel-2,#1e293b) 75% );background-size:800px 100%}.ad-container-topLeaderboard,.ad-container-top{width:100%;max-width:970px;min-height:90px;height:90px;flex-shrink:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);overflow:hidden;box-sizing:border-box}.ad-container-sidebarSticky,.ad-container-sidebar{width:300px;min-height:600px;height:600px;flex-shrink:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);overflow:hidden;box-sizing:border-box}.ad-container-resultUnder{width:100%;max-width:728px;min-height:90px;height:90px;flex-shrink:0;background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);overflow:hidden;box-sizing:border-box}.ad-container-inArticle,.ad-container-infeed{width:100%;max-width:728px;min-height:90px;height:90px;flex-shrink:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);overflow:hidden;box-sizing:border-box}.ad-container-square,.ad-container-sidebarSquare{width:100%;min-height:250px;height:250px;max-height:250px;flex-shrink:0;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-top:6px;box-sizing:border-box}.ad-placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;text-align:center}.ad-badge-sp{display:inline-block;padding:2px 8px;font-size:0.68rem;font-weight:700;font-family:'JetBrains Mono',monospace;border-radius:4px;background:var(--brand-dim);color:var(--brand);letter-spacing:0.05em;text-transform:uppercase}.ad-dim-text{font-size:0.72rem;color:var(--muted);font-family:'JetBrains Mono',monospace;letter-spacing:0.03em}.ad-card-infeed-wrapper{grid-column:1 / -1;width:100%;margin:16px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.ad-card-infeed{width:100%;max-width:728px;min-height:90px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.ad-anchor-mobile{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--panel);border-top:1px solid var(--line);display:none;align-items:center;justify-content:center;z-index:90;box-shadow:0 -6px 20px rgba(0,0,0,0.12);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);box-sizing:border-box}.ad-anchor-mobile.closed{transform:translateY(100%) !important;pointer-events:none !important}.ad-anchor-inner{display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:340px;height:50px}.ad-anchor-close{position:absolute;top:-14px;right:4px;width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);z-index:95;transition:all 0.15s ease}.ad-anchor-close:hover{background:var(--text);color:var(--bg);transform:scale(1.08)}.related-tools-section{margin-top:40px;padding-top:32px;border-top:1px solid var(--line);width:100%}.related-tools-head{margin-bottom:20px}.related-tools-head h3{font-size:1.2rem;font-weight:800;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:10px}.related-tools-head p{color:var(--muted);font-size:0.85rem}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.hero-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:40px;align-items:center;padding:36px 0 32px;width:100%;min-width:0;box-sizing:border-box}.hero-left{display:flex;flex-direction:column;justify-content:center;min-width:0;max-width:100%;box-sizing:border-box}.hero-title{font-size:clamp(2rem,3.8vw,3.1rem);font-weight:800;line-height:1.14;color:var(--navy,#0B1023);letter-spacing:-0.035em;margin:0 0 10px}[data-theme="dark"] .hero-title{color:#F8FAFC}.hero-title .highlight-blue{color:#0055FF}.hero-slogan-line{font-size:1.15rem;font-weight:700;color:var(--brand,#0055FF);min-height:32px;margin:0 0 10px;line-height:1.4;transition:opacity 0.35s ease,transform 0.35s ease}.hero-slogan-line.is-changing{opacity:0;transform:translateY(3px)}.hero-subtitle{font-size:1.05rem;color:var(--muted);line-height:1.5;margin:0 0 24px;max-width:520px}.hero-search-form{position:relative;display:flex;align-items:center;max-width:520px;width:100%;margin:0 0 16px;box-sizing:border-box}.hero-search-input{width:100%;height:52px;background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius);padding:0 120px 0 46px;font-size:1rem;color:var(--text);box-shadow:var(--shadow-sm);transition:border-color 0.2s ease,box-shadow 0.2s ease;box-sizing:border-box}.hero-search-input:focus{border-color:#0055FF;box-shadow:0 0 0 3px rgba(0,85,255,0.15);outline:none}.hero-search-icon{position:absolute;left:16px;width:18px;height:18px;color:var(--muted-2);pointer-events:none}.hero-search-btn{position:absolute;right:6px;height:40px;padding:0 22px;background:#0055FF;color:#FFFFFF;border:none;border-radius:8px;font-weight:600;font-size:0.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.15s ease,transform 0.1s ease}.hero-search-btn:hover{background:#0044DD}.hero-search-btn:active{transform:scale(0.98)}.hero-quick-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-quick-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:0.84rem;font-weight:600;color:var(--text-secondary);text-decoration:none;box-shadow:var(--shadow-xs);transition:all 0.15s ease}.hero-quick-pill svg{color:#0055FF;width:14px;height:14px}.hero-quick-pill:hover{border-color:#0055FF;color:#0055FF;background:var(--brand-dim);transform:translateY(-1px)}.hero-right{position:relative;display:flex;align-items:center;justify-content:center;min-height:380px}.hero-graphic-wrap{position:relative;width:100%;max-width:500px;min-height:290px;box-sizing:border-box}.hero-isometric-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0.85}.hero-cards-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;transition:opacity 350ms cubic-bezier(0.16,1,0.3,1),transform 350ms cubic-bezier(0.16,1,0.3,1)}.hero-cards-stage.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);z-index:2}.hero-cards-stage:not(.is-active){position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);z-index:1}@media (prefers-reduced-motion:reduce){.hero-cards-stage{transition:none !important;transform:none !important}}.hero-card{position:relative;min-width:0;max-width:100%;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-sm);box-sizing:border-box;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:space-between;transition:transform 250ms cubic-bezier(0.16,1,0.3,1),border-color 250ms cubic-bezier(0.16,1,0.3,1),box-shadow 250ms cubic-bezier(0.16,1,0.3,1);user-select:none;cursor:pointer}.hero-card:hover{transform:translateY(-2px);border-color:rgba(0,85,255,0.45);box-shadow:0 8px 20px -4px rgba(0,85,255,0.16),0 3px 6px rgba(11,16,35,0.04)}.hero-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hero-card-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;min-width:0;max-width:100%}.hero-card-head>div:not(.hero-card-icon){min-width:0;flex:1;overflow:hidden}.hero-card-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-card-title{font-size:0.88rem;font-weight:700;color:var(--navy);margin:0;line-height:1.25}[data-theme="dark"] .hero-card-title{color:#F8FAFC}.hero-card-sub{font-size:0.72rem;color:var(--muted);margin:0 0 6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-card-preview{background:var(--panel-2);border:1px solid var(--line-subtle);border-radius:8px;padding:6px 10px;box-sizing:border-box;font-size:0.72rem;min-height:50px;display:flex;align-items:center}.hero-card-pdf{grid-column:1;grid-row:1;min-height:125px}.hero-card-img{grid-column:2;grid-row:1;min-height:125px}.hero-card-json{grid-column:1 / -1;grid-row:2;min-height:115px}.preview-merge-flow{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px}.preview-chip{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:0.68rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-chip.active{border-color:var(--brand);color:var(--brand)}.preview-dims-box{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;font-weight:600;color:#0284C7;font-size:0.72rem}.preview-code-box{background:#0F172A;color:#E2E8F0;font-family:monospace;font-size:0.72rem;line-height:1.4;border-radius:6px;padding:6px 8px;width:100%;box-sizing:border-box}.preview-meter-box{display:flex;flex-direction:column;gap:4px;width:100%}.meter-text{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:0.68rem}.meter-saved{color:#059669;font-weight:700}.meter-bar{height:6px;background:var(--panel);border:1px solid var(--line);border-radius:3px;overflow:hidden}.meter-fill{height:100%;background:#10B981;border-radius:3px}.preview-qr-box{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;color:#7C3AED}.qr-label{font-size:0.68rem;font-weight:600;color:var(--muted)}.preview-metrics-box{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px}.metric-pill{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-size:0.68rem;color:var(--text);white-space:nowrap}.metric-pill.highlight{border-color:#D97706;color:#B45309}.preview-loan-box{display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:600}.loan-val{color:#0D9488;font-weight:700;font-size:0.78rem}.preview-unit-box{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-weight:600}.unit-chip{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-size:0.68rem}.unit-chip.active{border-color:#2563EB;color:#2563EB}.preview-date-box{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;font-weight:600}.date-chip{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-size:0.68rem}.date-diff{color:#DB2777;font-weight:700}.breadcrumb-nav .bc-link{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color 0.15s ease}.breadcrumb-nav .bc-link:hover{color:var(--brand)}.breadcrumb-nav a.cat-pill{color:var(--navy);text-decoration:none;font-weight:600;transition:color 0.15s ease,background-color 0.15s ease,border-color 0.15s ease;cursor:pointer}.breadcrumb-nav a.cat-pill:hover{color:var(--brand);background:var(--brand-dim);border-color:var(--brand)}#categories,#all-tools,.home-cat-group{scroll-margin-top:88px !important}.category-subnav{display:none !important}.section-wrap{width:100%;margin:36px 0 24px}.section-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading{font-size:1.45rem;font-weight:800;color:var(--navy);letter-spacing:-0.02em;margin:0}[data-theme="dark"] .section-heading{color:#F8FAFC}.section-head-link{font-size:0.9rem;font-weight:600;color:#0055FF;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:gap 0.15s ease}.section-head-link:hover{text-decoration:underline;gap:8px}.category-grid-4col,.category-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;text-decoration:none;display:flex;flex-direction:column;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.category-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.category-card-icon{width:36px;height:36px;border-radius:8px;background:var(--brand-dim);color:#0055FF;display:flex;align-items:center;justify-content:center}.category-card-arrow{color:var(--muted-2);transition:transform 0.2s ease,color 0.2s ease}.category-card-title{font-size:1.05rem;font-weight:700;color:var(--navy);margin:0 0 6px;letter-spacing:-0.01em}[data-theme="dark"] .category-card-title{color:#F8FAFC}.category-card-desc{font-size:0.82rem;color:var(--muted);line-height:1.45;margin:0;flex:1}.category-card:hover{border-color:#0055FF;transform:translateY(-2px);box-shadow:0 8px 24px -4px rgba(0,85,255,0.12)}.category-card:hover .category-card-arrow{transform:translateX(4px);color:#0055FF}.featured-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.featured-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;text-decoration:none;display:flex;align-items:flex-start;gap:16px;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:var(--shadow-xs)}.featured-card-icon{width:44px;height:44px;border-radius:10px;background:var(--brand-dim);color:#0055FF;display:flex;align-items:center;justify-content:center;flex-shrink:0}.featured-card-body{flex:1;min-width:0}.featured-card-title{font-size:1.08rem;font-weight:700;color:var(--navy);margin:0 0 5px;letter-spacing:-0.01em}[data-theme="dark"] .featured-card-title{color:#F8FAFC}.featured-card-desc{font-size:0.85rem;color:var(--muted);line-height:1.45;margin:0}.featured-card-arrow{color:var(--muted-2);align-self:center;transition:transform 0.2s ease,color 0.2s ease;flex-shrink:0}.featured-card:hover{border-color:#0055FF;transform:translateY(-2px);box-shadow:0 8px 24px -4px rgba(0,85,255,0.14)}.featured-card:hover .featured-card-arrow{transform:translateX(4px);color:#0055FF}.recent-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.recent-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;text-decoration:none;display:flex;align-items:center;gap:12px;transition:all 0.15s ease;box-shadow:var(--shadow-xs)}.recent-card-icon{width:32px;height:32px;border-radius:6px;background:var(--brand-dim);color:#0055FF;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-card-info{flex:1;min-width:0}.recent-card-title{font-size:0.95rem;font-weight:700;color:var(--navy);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme="dark"] .recent-card-title{color:#F8FAFC}.recent-card-time{font-size:0.75rem;color:var(--muted);margin:2px 0 0}.recent-card:hover{border-color:#0055FF;transform:translateY(-1px);box-shadow:0 4px 14px -2px rgba(0,85,255,0.12)}.clear-recent-btn{background:transparent;border:none;color:var(--muted);font-size:0.85rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all 0.15s ease}.clear-recent-btn:hover{color:#EF4444;background:#FEE2E2}.category-filter-bar{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:24px 0 28px;flex-wrap:wrap}.cat-filter-btn{padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:0.83rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.cat-filter-btn:hover{background:var(--panel-2);color:var(--text);border-color:var(--brand)}.cat-filter-btn.active{background:var(--brand);color:#FFFFFF;border-color:var(--brand);box-shadow:0 4px 14px var(--brand-glow)}.home-section{margin-bottom:40px}.home-section-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.home-section-head .dot{width:10px;height:10px;border-radius:3px}.home-section-head h2{font-size:1.25rem;font-weight:800;margin:0}.home-grid,.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}footer.app-footer{border-top:1px solid var(--line);margin-top:auto;background:var(--panel);width:100%;min-height:110px;box-sizing:border-box;contain:layout}.footer-inner{max-width:1240px;padding:32px 24px 40px;margin:0 auto}.footer-links{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:14px}.footer-links a,.footer-links button.footer-link-btn{color:var(--muted);font-size:0.88rem;font-weight:600;cursor:pointer;transition:color 0.15s ease;background:none;border:none;padding:0;font-family:inherit;line-height:inherit;text-decoration:none}.footer-links a:hover,.footer-links button.footer-link-btn:hover{color:var(--brand)}.footer-links button.footer-link-btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:2px}.footer-disclaimer{color:var(--muted);font-size:0.8rem;line-height:1.6;max-width:800px}.footer-author{margin-top:14px;color:var(--muted);font-size:0.78rem;font-weight:600}@media (max-width:1200px){.right-rail{display:none !important}.main-inner{padding:0 24px}}@media (max-width:1024px){.home-grid,.tools-grid,.related-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (min-width:1024px) and (max-width:1240px){.topbar-inner{padding:0 16px;gap:12px}.header-nav{gap:8px}.header-nav-link{font-size:0.88rem;padding:6px 8px}.top-search{width:175px !important;min-width:140px !important}.brand-header svg{width:165px !important}.hero-section{grid-template-columns:minmax(0,1fr) minmax(0,420px) !important;gap:20px !important}.hero-right{min-width:0 !important;max-width:420px !important;width:100% !important}.hero-graphic-wrap{max-width:420px !important;width:100% !important;overflow:hidden !important}.hero-cards-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:12px !important;width:100% !important;max-width:420px !important}.hero-card{min-width:0 !important;padding:10px 12px !important}.hero-card-head{min-width:0 !important;gap:8px !important}.hero-card-title{font-size:0.82rem !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.hero-card-sub{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.hero-card-preview{min-width:0 !important;overflow:hidden !important}.preview-chip{max-width:75px !important;font-size:0.65rem !important}.preview-dims-box{font-size:0.68rem !important}.preview-code-box{font-size:0.68rem !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}}@media (max-width:1023px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--panel);border-right:1px solid var(--line);padding:20px 14px;z-index:1000;overflow-y:auto;overflow-x:hidden;flex-direction:column;transform:translateX(-100%);box-shadow:var(--shadow-lg);transition:transform 0.25s ease}.sidebar.open{transform:translateX(0)}.menu-btn{display:inline-flex !important;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:1.25rem;box-sizing:border-box}.topbar{flex-wrap:nowrap !important;height:64px !important;min-height:64px !important;max-height:64px !important;padding:0 16px !important;gap:12px !important;justify-content:space-between !important}.header-nav{display:none !important}.top-right{display:flex !important;align-items:center !important;gap:8px !important;margin-left:auto;flex-wrap:nowrap !important}.top-right .top-search,.topbar .top-search{display:none !important}.top-right .lang-select{max-width:95px !important;font-size:0.8rem;height:38px;padding:0 4px}.top-right #themeBtn,.top-right .theme-toggle{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;padding:0 !important;justify-content:center !important}.top-right #themeBtn span,.top-right .theme-toggle span{display:none !important}.top-search input,.searchbox input{min-height:44px;font-size:16px;box-sizing:border-box}.ad-slot-topLeaderboard{min-height:76px;margin:10px 0 8px}.ad-container-topLeaderboard,.ad-container-top{min-height:50px;max-width:360px}.ad-slot-resultUnder,.ad-slot-inArticle{margin:24px 0 16px;padding-top:12px}.ad-anchor-mobile{display:flex}body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}@media (max-width:600px){.home-grid,.tools-grid,.related-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-section{margin-bottom:28px}.home-section-head{margin-bottom:12px;gap:8px}.home-section-head h2{font-size:1.1rem}}@media (max-width:420px){.brand-header svg{width:125px !important;max-width:125px !important}.topbar{padding:0 10px !important;gap:8px !important}.header-left{gap:8px !important}.top-right{gap:6px !important}.top-right .lang-selector-wrapper{display:none !important}}@media (max-width:360px){.brand-header svg{width:112px !important;max-width:112px !important}.topbar{padding:0 8px !important;gap:6px !important}.header-left{gap:6px !important}.home-grid,.tools-grid,.related-tools-grid{gap:8px}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:var(--bg-card);border-top:1px solid var(--border);box-shadow:0 -4px 20px rgba(0,0,0,0.08);padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));animation:slideUpBanner 0.25s cubic-bezier(0.16,1,0.3,1)}@keyframes slideUpBanner{from{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cookie-banner-text p{margin:0;font-size:0.85rem;line-height:1.5;color:var(--text-muted)}.cookie-banner-text a{color:var(--primary);text-decoration:underline;font-weight:500}.cookie-banner-actions{display:flex;gap:8px;flex-shrink:0;align-items:center;flex-wrap:wrap}@media (max-width:640px){.cookie-banner{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}.cookie-banner-inner{flex-direction:column;align-items:stretch;gap:12px}.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.cookie-banner-actions .btn{flex:1 1 calc(50% - 4px);text-align:center;min-height:44px;padding:10px 14px;font-size:0.88rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.cookie-banner-actions #acceptCookiesBtn{flex:1 1 100%;min-height:44px}}.legal-page,.contact-page,.status-page,.about-page{max-width:860px;margin:0 auto;padding:10px 0 40px}.legal-header{margin-bottom:28px;border-bottom:1px solid var(--border);padding-bottom:20px}.legal-title{font-size:2rem;font-weight:700;letter-spacing:-0.02em;color:var(--text);margin-bottom:8px}.legal-meta{font-size:0.85rem;color:var(--text-muted)}.legal-section{margin-bottom:28px}.legal-section h2{font-size:1.25rem;font-weight:600;color:var(--text);margin:24px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.legal-section h3{font-size:1.05rem;font-weight:600;color:var(--text);margin:18px 0 8px}.legal-section p,.legal-section li{font-size:0.92rem;line-height:1.7;color:var(--text-muted);margin-bottom:12px}.legal-section ul{padding-left:24px;margin-bottom:16px}.legal-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(16,185,129,0.12);color:var(--c-finance-text,#065F46);padding:4px 12px;border-radius:9999px;font-size:0.78rem;font-weight:600;margin-bottom:14px}.contact-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:28px}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.contact-card-icon{width:40px;height:40px;border-radius:10px;background:rgba(99,102,241,0.1);color:#6366f1;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.contact-card h3{font-size:1rem;font-weight:600;margin:0;color:var(--text)}.contact-card p{font-size:0.85rem;color:var(--text-muted);margin:0;line-height:1.5}.contact-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;margin-bottom:32px}.contact-form-card h2{font-size:1.25rem;font-weight:600;margin-bottom:18px;color:var(--text)}.about-lead{font-size:1.05rem;line-height:1.75;color:var(--text);margin-bottom:16px}.about-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:20px 0 28px}.about-cat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.about-cat-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 4px 16px rgba(0,85,255,0.08)}.about-cat-top{display:flex;align-items:center;gap:10px}.about-cat-icon{width:36px;height:36px;border-radius:8px;background:var(--brand-dim);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-cat-title{font-size:1rem;font-weight:600;color:var(--text);margin:0}.about-cat-desc{font-size:0.86rem;line-height:1.55;color:var(--text-muted);margin:0;flex:1}.about-cat-link{font-size:0.82rem;font-weight:600;color:var(--brand);display:inline-flex;align-items:center;gap:4px;margin-top:4px}[dir="rtl"] .about-cat-link svg{transform:scaleX(-1)}.about-info-box{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin:18px 0;font-size:0.88rem;line-height:1.65;color:var(--text-muted)}.about-info-box strong{color:var(--text)}.about-cta-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:28px 24px;text-align:center;margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:14px}.about-cta-title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0}.about-cta-desc{font-size:0.92rem;color:var(--text-muted);max-width:540px;margin:0;line-height:1.6}.about-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}@media (max-width:768px){.about-categories-grid{grid-template-columns:1fr}.about-cta-card{padding:22px 18px}}.pwa-install-sidebar{margin-top:14px;margin-bottom:6px;padding:0 4px;display:none}.pwa-install-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:var(--radius-sm,10px);border:1px solid rgba(59,130,246,0.4);background:linear-gradient(135deg,#0055FF 0%,#2563EB 50%,#1D4ED8 100%);color:#FFFFFF;font-family:inherit;font-size:0.84rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(0,85,255,0.28);transition:transform 0.18s ease,box-shadow 0.18s ease,filter 0.18s ease;user-select:none;text-decoration:none;outline:none}.pwa-install-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,85,255,0.4);filter:brightness(1.08)}.pwa-install-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,85,255,0.3)}.pwa-install-btn:focus-visible{box-shadow:0 0 0 3px rgba(59,130,246,0.5)}.pwa-install-icon{flex-shrink:0;display:inline-block}.pwa-install-text{letter-spacing:-0.01em}.pwa-badge{margin-left:auto;background:rgba(255,255,255,0.22);border:1px solid rgba(255,255,255,0.35);border-radius:6px;padding:2px 6px;font-size:0.65rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}.pwa-header-btn{display:none;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:var(--radius-sm,10px);border:1px solid rgba(0,85,255,0.25);background:var(--brand-dim,#EFF6FF);color:var(--brand,#0055FF);font-family:inherit;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.18s ease;white-space:nowrap;outline:none}[data-theme="dark"] .pwa-header-btn{background:rgba(0,85,255,0.15);border-color:rgba(59,130,246,0.4);color:#60A5FA}.pwa-header-btn:hover{background:var(--brand,#0055FF);color:#FFFFFF;box-shadow:0 3px 12px rgba(0,85,255,0.3);transform:translateY(-1px)}.pwa-header-btn:active{transform:translateY(0)}@media (max-width:768px){.pwa-header-btn span{display:none}.pwa-header-btn{padding:0 9px}}.status-header{margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:20px}.status-header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.status-header-top .legal-badge{margin-bottom:0}.status-refresh-btn{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);color:var(--text-muted);font-size:0.8rem;font-weight:500;padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;transition:all 0.2s ease}.status-refresh-btn:hover{background:var(--panel);color:var(--text);border-color:var(--brand)}.status-refresh-btn svg{transition:transform 0.4s ease}.status-refresh-btn.spinning svg{animation:statusSpin 0.8s linear infinite}@keyframes statusSpin{100%{transform:rotate(360deg)}}.status-banner{border-radius:var(--radius);padding:20px 24px;margin-bottom:28px;display:flex;align-items:flex-start;gap:16px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all 0.3s ease}.status-banner.operational{background:rgba(16,185,129,0.08);border-color:rgba(16,185,129,0.3)}.status-banner.degraded{background:rgba(245,158,11,0.08);border-color:rgba(245,158,11,0.3)}.status-banner.down{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.3)}.status-banner.unavailable{background:rgba(148,163,184,0.08);border-color:rgba(148,163,184,0.3)}.status-banner-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-banner.operational .status-banner-icon{background:rgba(16,185,129,0.15);color:var(--ok)}.status-banner.degraded .status-banner-icon{background:rgba(245,158,11,0.15);color:var(--warn)}.status-banner.down .status-banner-icon{background:rgba(239,68,68,0.15);color:var(--danger)}.status-banner.unavailable .status-banner-icon{background:rgba(148,163,184,0.15);color:var(--muted)}.status-banner-content{flex:1}.status-banner-content h2{font-size:1.15rem;font-weight:700;margin:0 0 4px;color:var(--text);border:none;padding:0}.status-banner-content p{font-size:0.88rem;line-height:1.5;color:var(--text-muted);margin:0}.status-monitors-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.status-monitor-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-xs);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.status-monitor-card:hover{border-color:var(--line-focus);box-shadow:var(--shadow-sm)}.status-monitor-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.status-monitor-info{display:flex;flex-direction:column;gap:3px}.status-monitor-name{font-size:1.02rem;font-weight:700;color:var(--text)}.status-monitor-url{font-size:0.82rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;font-weight:600;padding:5px 12px;border-radius:var(--radius-pill)}.status-pill.operational{background:var(--ok-dim);color:var(--c-finance-text,#065F46)}.status-pill.degraded{background:var(--warn-dim);color:var(--c-warning-text,#B45309)}.status-pill.down{background:var(--danger-dim);color:#B91C1C}.status-pill.unavailable{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--line)}.status-pill-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-pill.operational .status-pill-dot{box-shadow:0 0 0 2px rgba(16,185,129,0.25)}.status-monitor-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;padding-top:14px;border-top:1px solid var(--line-subtle)}.status-metric-item{display:flex;flex-direction:column;gap:2px}.status-metric-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted);font-weight:600}.status-metric-val{font-size:0.95rem;font-weight:700;color:var(--text)}.status-public-card{background:linear-gradient(135deg,rgba(0,85,255,0.04) 0%,rgba(99,102,241,0.04) 100%);border:1px solid rgba(0,85,255,0.2);border-radius:var(--radius);padding:24px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.status-public-info h3{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 6px}.status-public-info p{font-size:0.88rem;color:var(--text-muted);margin:0;max-width:520px;line-height:1.5}.status-info-box{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;margin-bottom:24px;font-size:0.86rem;line-height:1.6;color:var(--text-muted)}.status-info-box strong{color:var(--text)}@media (max-width:600px){.status-banner{padding:16px;gap:12px}.status-monitor-card{padding:16px}.status-public-card{padding:18px}}.tool-focused-workspace,.tool-workspace-container{width:100%;margin:0 auto;box-sizing:border-box}.tool-focused-workspace.tool-size-compact,.tool-workspace-container.tool-size-compact{max-width:760px}.tool-focused-workspace.tool-size-medium,.tool-workspace-container.tool-size-medium{max-width:980px}.tool-focused-workspace.tool-size-wide,.tool-workspace-container.tool-size-wide{max-width:1240px}.tool-workspace-container:not(.tool-size-compact):not(.tool-size-medium):not(.tool-size-wide),.tool-focused-workspace:not(.tool-size-compact):not(.tool-size-medium):not(.tool-size-wide){max-width:980px}.tool-header-block{margin:20px 0 18px}.breadcrumb-nav{display:flex;align-items:center;gap:8px;font-size:0.88rem;color:var(--muted);margin-bottom:14px;flex-wrap:wrap}.breadcrumb-nav a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color 0.15s ease}.breadcrumb-nav a:hover{color:#0055FF}.breadcrumb-nav .sep{color:var(--muted-2)}.breadcrumb-nav .cat-pill{color:var(--navy);font-weight:600}.breadcrumb-nav .cur{color:var(--navy);font-weight:700}[data-theme="dark"] .breadcrumb-nav .cat-pill,[data-theme="dark"] .breadcrumb-nav .cur{color:#F8FAFC}.tool-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tool-header-left{display:flex;align-items:center;gap:16px}.tool-large-icon{width:52px;height:52px;border-radius:12px;background:#0055FF;color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(0,85,255,0.25)}.tool-large-icon svg{width:28px;height:28px}.tool-heading-title{font-size:clamp(1.8rem,3.2vw,2.3rem);font-weight:800;color:var(--navy);letter-spacing:-0.025em;margin:0 0 4px;line-height:1.2}[data-theme="dark"] .tool-heading-title{color:#F8FAFC}.tool-heading-desc{font-size:0.98rem;color:var(--muted);margin:0;line-height:1.5}.focused-card-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px 28px;box-shadow:var(--shadow-sm);margin-bottom:24px;box-sizing:border-box;width:100%}.focused-card-panel>.card{border:none !important;background:transparent !important;padding:0 !important;box-shadow:none !important}.how-it-works-section{margin:36px 0 28px}.how-it-works-title{font-size:1.25rem;font-weight:700;color:var(--navy);margin:0 0 16px}[data-theme="dark"] .how-it-works-title{color:#F8FAFC}.how-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-step-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;align-items:flex-start;gap:14px;box-shadow:var(--shadow-xs)}.how-step-num{width:30px;height:30px;border-radius:50%;background:#0055FF;color:#FFFFFF;font-weight:700;font-size:0.88rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.how-step-body{flex:1}.how-step-title{font-size:0.96rem;font-weight:700;color:var(--navy);margin:0 0 4px}[data-theme="dark"] .how-step-title{color:#F8FAFC}.how-step-desc{font-size:0.82rem;color:var(--muted);line-height:1.45;margin:0}@media (max-width:1023px){.category-grid-4col,.category-grid-3col{grid-template-columns:repeat(2,1fr)}.featured-grid-3col{grid-template-columns:repeat(2,1fr)}.recent-grid-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-section{grid-template-columns:minmax(0,1fr) !important;gap:18px !important;padding:16px 0 16px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow:hidden}.hero-left{width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important}.hero-title{font-size:clamp(1.6rem,6.2vw,2.1rem) !important;line-height:1.15 !important;word-break:break-word !important;overflow-wrap:break-word !important;margin:0 0 6px !important}.hero-slogan-line{font-size:0.94rem !important;line-height:1.35 !important;margin:0 0 8px !important;min-height:22px !important;word-break:break-word !important}.hero-subtitle{font-size:0.88rem !important;line-height:1.45 !important;margin:0 0 14px !important;word-break:break-word !important;max-width:100% !important}.hero-search-form{width:100% !important;max-width:100% !important;margin:0 0 12px !important;box-sizing:border-box !important}.hero-search-input{width:100% !important;height:46px !important;padding:10px 84px 10px 38px !important;font-size:0.88rem !important;box-sizing:border-box !important}.hero-search-btn{height:36px !important;padding:0 14px !important;font-size:0.84rem !important;right:5px !important}.hero-quick-links{display:flex !important;flex-wrap:wrap !important;gap:6px !important;width:100% !important;max-width:100% !important}.hero-quick-pill{font-size:0.78rem !important;padding:5px 10px !important}.hero-right{min-height:auto !important;height:auto !important;display:flex !important;justify-content:center !important;width:100% !important;max-width:100% !important;min-width:0 !important;margin-top:4px !important;box-sizing:border-box !important}.hero-graphic-wrap{width:100% !important;max-width:100% !important;min-width:0 !important;min-height:auto !important;overflow:hidden !important;box-sizing:border-box !important}.hero-isometric-bg{display:none !important}.hero-cards-stage{grid-template-columns:minmax(0,1fr) !important;width:100% !important;max-width:100% !important;min-width:0 !important;gap:0 !important;box-sizing:border-box !important}.hero-cards-stage .hero-card:nth-child(n+2){display:none !important}.hero-cards-stage .hero-card{width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;padding:10px 12px !important}.hero-card-preview{min-height:42px !important;padding:4px 8px !important}.category-grid-4col,.category-grid-3col{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}.category-card{padding:8px 10px !important;min-height:64px !important;border-radius:10px !important;box-sizing:border-box !important}.category-card-top{margin-bottom:3px !important}.category-card-icon{width:28px !important;height:28px !important;border-radius:6px !important}.category-card-icon svg{width:17px !important;height:17px !important}.category-card-arrow{display:none !important}.category-card-title{font-size:0.82rem !important;font-weight:700 !important;line-height:1.2 !important;margin:0 0 2px !important;word-break:break-word !important}.category-card-desc{font-size:0.68rem !important;line-height:1.25 !important;margin:0 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.featured-grid-3col{grid-template-columns:1fr;gap:10px}.recent-grid-4col{grid-template-columns:1fr;gap:10px}.how-steps-grid{grid-template-columns:1fr;gap:12px}.focused-card-panel{padding:20px 16px}.tool-header-left{gap:12px}.tool-large-icon{width:44px;height:44px}.top-search{display:none}.main-inner{padding:0 16px}.topbar{padding:0 16px;height:64px;min-height:64px}.category-subnav-inner{padding:0 16px;gap:18px}}@media (max-width:349px){.category-grid-4col,.category-grid-3col{grid-template-columns:minmax(0,1fr) !important;gap:8px !important}}@media (prefers-reduced-motion:reduce){.hero-card{transition:none !important;transform:none !important}.hero-anim-toggle{display:none !important}}.searchbox{position:relative;margin-bottom:16px}.searchbox input{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px 10px 34px;font-size:0.84rem;color:var(--text);transition:border-color 0.2s ease,box-shadow 0.2s ease}.searchbox input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);outline:none}.searchbox svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted-2);pointer-events:none}.home-nav{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:10px !important;width:100% !important;padding:10px 14px !important;border-radius:var(--radius-sm) !important;background:var(--brand-dim) !important;color:var(--brand) !important;font-weight:700 !important;font-size:0.88rem !important;border:1px solid rgba(0,85,255,0.2) !important;cursor:pointer !important;margin-bottom:16px !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important}.home-nav:hover{background:var(--brand) !important;color:#FFFFFF !important;transform:translateY(-1px);box-shadow:0 4px 12px var(--brand-glow)}.navcat{margin-bottom:6px !important}.navcat-label{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;padding:8px 10px !important;border-radius:var(--radius-sm) !important;background:transparent !important;color:var(--text) !important;font-weight:700 !important;font-size:0.85rem !important;border:1px solid transparent !important;cursor:pointer !important;text-transform:none !important;letter-spacing:-0.01em !important;transition:all 0.15s ease !important;text-align:left !important;gap:8px !important}.navcat-label .cat-info{display:flex !important;align-items:center !important;gap:8px !important;flex:1 !important;min-width:0 !important;text-align:left !important}.navcat-label .cat-icon{display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;width:18px !important;height:18px !important}.navcat-label .cat-text{flex:1 !important;min-width:0 !important;font-size:0.85rem !important;line-height:1.25 !important;text-align:left !important;word-break:break-word !important}.navcat-label .cat-arrow{flex-shrink:0 !important;align-self:center !important}.navcat-label:hover{background:var(--panel-2) !important;color:var(--brand) !important}.navcat-items{display:flex;flex-direction:column;gap:2px;padding:2px 0 4px 6px;margin-left:10px;border-left:1px solid var(--line)}.navcat-items .navitem{display:flex !important;align-items:center !important;gap:8px !important;text-align:left !important;width:100% !important;padding:6px 10px !important;border-radius:var(--radius-sm) !important;background:transparent !important;color:var(--muted) !important;font-size:0.83rem !important;font-weight:500 !important;border:none !important;margin:0 !important;cursor:pointer !important;transition:all 0.15s ease !important;line-height:1.25 !important;word-break:break-word !important}.navcat-items .navitem:hover{background:var(--panel-2) !important;color:var(--text) !important}.navcat-items .navitem.active{background:var(--brand-dim) !important;color:var(--brand) !important;font-weight:700 !important}.navitem .ico{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:18px !important;height:18px !important;min-width:18px !important;flex-shrink:0 !important;font-size:0.95rem !important}.navitem span:not(.ico){flex:1 !important;min-width:0 !important;text-align:left !important;line-height:1.25 !important}.top-search{position:relative !important;display:flex !important;align-items:center !important;width:220px;min-width:140px;max-width:240px;margin:0 !important;box-sizing:border-box !important}.top-search input{width:100% !important;background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:var(--radius-pill) !important;padding:8px 14px 8px 36px !important;font-size:0.86rem !important;color:var(--text) !important;box-shadow:var(--shadow-xs) !important;transition:all 0.2s ease !important;box-sizing:border-box !important}.top-search input:focus{border-color:var(--brand) !important;box-shadow:0 0 0 3px var(--brand-glow) !important;outline:none !important}.top-search svg{position:absolute !important;left:14px !important;top:50% !important;transform:translateY(-50%) !important;color:var(--muted-2) !important;pointer-events:none !important;z-index:2 !important}.search-wrapper-rel{position:relative;width:100%;flex:1}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:420px;overflow-y:auto;z-index:9999;display:none;flex-direction:column}.search-dd-item{padding:12px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;border-bottom:1px solid var(--line);text-align:left;transition:background 0.12s ease}.search-dd-item:last-child{border-bottom:none}.search-dd-item:hover,.search-dd-item.highlighted{background:var(--panel-2)}.search-dd-item .icon,.search-dd-item .search-dd-icon,.search-result-icon{width:38px !important;height:38px !important;min-width:38px !important;border-radius:var(--radius-sm) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important}.search-dd-item .icon svg,.search-dd-item .search-dd-icon svg,.search-dd-item .tool-svg-icon,.search-result-icon svg{width:20px !important;height:20px !important;min-width:20px !important;stroke:currentColor !important;fill:none !important;display:block !important}.search-dd-item .texts{display:flex;flex-direction:column}.search-dd-item .title{font-weight:700;font-size:0.94rem;color:var(--text);margin-bottom:2px}.search-dd-item .cat{font-size:0.74rem;color:var(--muted);font-weight:600}.search-dd-empty{padding:24px;text-align:center;color:var(--muted);font-size:0.92rem}@media (max-width:880px){.sidebar .home-nav{font-size:15px !important;padding:12px 14px !important;min-height:44px !important;box-sizing:border-box !important;gap:10px !important}.sidebar .navcat{margin-bottom:8px !important}.sidebar .navcat-label{font-size:15px !important;padding:12px 12px !important;min-height:44px !important;box-sizing:border-box !important;gap:10px !important}.sidebar .navcat-label .cat-info{gap:10px !important}.sidebar .navcat-label .cat-text{font-size:15px !important;font-weight:700 !important;line-height:1.35 !important}.sidebar .navcat-label .cat-icon{width:20px !important;height:20px !important}.sidebar .navcat-items{gap:4px !important;padding:4px 0 6px 8px !important;margin-left:12px !important}.sidebar .navcat-items .navitem{font-size:14.5px !important;padding:11px 12px !important;min-height:44px !important;box-sizing:border-box !important;gap:10px !important;line-height:1.35 !important}.sidebar .navcat-items .navitem span:not(.ico){font-size:14.5px !important;line-height:1.35 !important}.sidebar .navitem .ico{width:20px !important;height:20px !important;min-width:20px !important;font-size:1.05rem !important}.sidebar .navitem .ico .tool-svg-icon{width:18px !important;height:18px !important}}@media (max-width:768px){#searchTools,#toolSearch,#topSearch,.searchbox input,.top-search input,input[type="search"],input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="tel"],input[type="password"],select,textarea{font-size:16px !important}#searchTools:focus,#toolSearch:focus,#topSearch:focus,.searchbox input:focus,.top-search input:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="url"]:focus,input[type="email"]:focus,input[type="tel"]:focus{font-size:16px !important}.field input[type=text],.field input[type=number],.field input[type=date],.field input[type=datetime-local],.field input[type=time],.field input[type=email],.field input[type=url],.field input[type=tel],.field input[type=password],.field input[type=search],.field select{min-height:44px;box-sizing:border-box}.sidebar .home-nav{font-size:15px !important;padding:12px 14px !important;min-height:44px !important;box-sizing:border-box !important}.sidebar .navcat-label{font-size:15px !important;padding:12px 12px !important;min-height:44px !important;box-sizing:border-box !important}.sidebar .navcat-label .cat-text{font-size:15px !important;line-height:1.35 !important}.sidebar .navcat-items .navitem{font-size:14.5px !important;padding:11px 12px !important;min-height:44px !important;box-sizing:border-box !important;line-height:1.35 !important}.sidebar .navcat-items .navitem span:not(.ico){font-size:14.5px !important;line-height:1.35 !important}.search-dropdown{position:fixed !important;top:70px !important;left:4% !important;right:4% !important;width:92% !important;max-height:65vh !important;z-index:999999 !important}}.btn{border-radius:var(--radius-sm);padding:10px 18px;font-weight:600;font-size:0.86rem;border:1px solid var(--line);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-xs);transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.btn:hover{background:var(--panel-2);border-color:var(--muted-2);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn:disabled,.btn.disabled{opacity:0.55;cursor:not-allowed;box-shadow:none;transform:none !important}.btn:disabled:hover,.btn.disabled:hover{background:var(--panel);border-color:var(--line);transform:none !important;box-shadow:none}.btn.primary{background:var(--brand) !important;color:#FFFFFF !important;border:1px solid var(--brand) !important;box-shadow:0 2px 8px var(--brand-glow) !important}.btn.primary:hover{background:var(--brand-2,#0044CC) !important;border-color:var(--brand-2,#0044CC) !important;filter:brightness(1.05) !important;transform:translateY(-1px) !important;box-shadow:0 4px 14px var(--brand-glow) !important}.btn.small,.btn.sm{padding:6px 12px !important;font-size:0.78rem !important;border-radius:var(--radius-sm,6px) !important}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.hero-btn{padding:12px 24px;border-radius:var(--radius-sm);font-weight:700;font-size:0.92rem;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);display:inline-flex;align-items:center;gap:8px}.hero-btn-primary{background:var(--brand);color:#FFFFFF;border:none;box-shadow:0 4px 16px var(--brand-glow)}.hero-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 24px var(--brand-glow)}.hero-btn-secondary{background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-xs)}.hero-btn-secondary:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);background:var(--brand-dim)}.icon-btn{height:36px !important;min-height:36px !important;max-height:36px !important;min-width:78px;box-sizing:border-box !important;border-radius:var(--radius-sm);padding:0 12px;font-weight:600;font-size:0.82rem;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;box-shadow:var(--shadow-xs);transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.icon-btn:hover{border-color:var(--brand);background:var(--panel-2)}.custom-select{height:36px !important;min-height:36px !important;max-height:36px !important;min-width:115px !important;box-sizing:border-box !important;background-color:var(--panel) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 10px center !important;background-size:11px !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;border:1px solid var(--line) !important;border-radius:var(--radius-sm) !important;padding:0 30px 0 12px !important;font-family:inherit !important;font-size:0.84rem !important;font-weight:600 !important;color:var(--text) !important;cursor:pointer !important;box-shadow:var(--shadow-xs) !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;display:inline-flex !important;align-items:center !important;line-height:34px !important;visibility:visible !important;opacity:1 !important;flex-shrink:0 !important}.custom-select:hover{border-color:var(--brand) !important;background-color:var(--panel-2) !important;transform:translateY(-1px)}.custom-select:focus{border-color:var(--brand) !important;box-shadow:0 0 0 3px var(--brand-glow) !important;outline:none !important}.tool-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);text-align:left;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-xs);position:relative;min-width:0;overflow-wrap:break-word;word-break:break-word}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--card-color,var(--brand))}.tool-card .icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:var(--card-dim,var(--brand-dim));flex-shrink:0}.tool-card .tname{font-weight:700;font-size:0.98rem;color:var(--text);line-height:1.35;min-width:0;overflow-wrap:break-word;word-break:break-word}.tool-card .tsub{font-size:0.82rem;color:var(--muted);line-height:1.5;min-width:0;overflow-wrap:break-word;word-break:break-word}.tool-card a.tool-card-body{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit;gap:12px}.tool-card a.tool-card-body:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:var(--radius-sm)}.tool-card .card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:6px}.tool-card .arrow{font-size:0.85rem;color:var(--card-text,var(--card-color,var(--brand)));font-weight:700;display:inline-flex;align-items:center;gap:4px}.tool-card .fav-btn{background:transparent;border:none;cursor:pointer;color:var(--muted);width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:-8px -8px -8px 0;border-radius:var(--radius-sm);transition:transform 0.2s ease,color 0.2s ease,background-color 0.2s ease;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation}.tool-card .fav-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tool-card .fav-btn:hover{transform:scale(1.12);color:var(--warn);background:var(--warn-dim)}.tool-card .fav-btn.active{color:#F59E0B;fill:#F59E0B}.tool-card .fav-btn svg{width:18px;height:18px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-card{padding:18px 16px;gap:10px}.tool-card .icon{width:40px;height:40px;border-radius:10px;font-size:1.25rem}.tool-card .icon svg,.tool-card .icon .tool-svg-icon{width:20px;height:20px}.tool-card .tname{font-size:0.94rem}.tool-card .tsub{font-size:0.80rem;line-height:1.45}.tool-card .arrow{font-size:0.80rem}}@media (max-width:600px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{padding:12px 10px;gap:8px;border-radius:var(--radius-sm,8px)}.tool-card:hover{transform:translateY(-2px)}.tool-card .icon{width:32px;height:32px;border-radius:8px;font-size:1.05rem}.tool-card .icon svg,.tool-card .icon .tool-svg-icon{width:16px;height:16px}.tool-card .fav-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}.tool-card .fav-btn svg{width:17px;height:17px}.tool-card .tname{font-size:0.82rem;line-height:1.25}.tool-card .tsub{font-size:0.72rem;line-height:1.35}.tool-card .card-footer{padding-top:4px}.tool-card .arrow{font-size:0.78rem;font-weight:700}}@media (max-width:360px){.tools-grid{gap:8px}.tool-card{padding:10px 8px;gap:6px}.tool-card .icon{width:28px;height:28px;border-radius:7px;font-size:0.95rem}.tool-card .icon svg,.tool-card .icon .tool-svg-icon{width:15px;height:15px}.tool-card .fav-btn{width:40px;height:40px;min-width:40px;min-height:40px;padding:0}.tool-card .fav-btn svg{width:16px;height:16px}.tool-card .tname{font-size:0.78rem}.tool-card .tsub{font-size:0.68rem}.tool-card .arrow{font-size:0.68rem}}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:var(--muted);margin-bottom:16px;flex-wrap:wrap}.breadcrumb a{color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:6px}.breadcrumb a:hover{color:var(--brand)}.breadcrumb a svg{width:14px;height:14px}.breadcrumb .cur{color:var(--text);font-weight:700}.tool-head{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.tool-title{font-size:2rem;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:12px;line-height:1.25}.tool-title .ticon,.tool-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:var(--cat-dim,var(--brand-dim));color:var(--brand);flex-shrink:0}.tool-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%}.tool-title-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.tool-title-text{min-width:0;flex:1}.tool-title-text h1{font-size:1.85rem;font-weight:800;margin:0 0 4px;line-height:1.25}.tool-title-text p{color:var(--muted);font-size:0.95rem;margin:0;line-height:1.45}.fav-star{min-width:44px !important;min-height:44px !important;width:44px !important;height:44px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;cursor:pointer;flex-shrink:0}.tool-sub{color:var(--muted);font-size:0.96rem;max-width:650px;margin:0;line-height:1.55}.tool-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;font-weight:600;color:var(--c-finance-text,#065F46);background:var(--ok-dim);border:1px solid rgba(16,185,129,0.2);padding:6px 14px;border-radius:var(--radius-pill)}.tool-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media (max-width:900px){.tool-columns{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.02rem;margin-bottom:18px;color:var(--text)}.grid2,.tool-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid2>*,.tool-card-grid>*{min-width:0}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid3>*{min-width:0}@media (max-width:768px){.grid2,.grid3,.tool-card-grid{grid-template-columns:1fr;gap:16px}}.field,.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label,.form-group label{font-size:0.8rem;color:var(--text-secondary);font-weight:600;overflow-wrap:break-word;word-break:break-word}.field input[type=text],.form-group input[type=text],.field input[type=number],.form-group input[type=number],.field input[type=date],.form-group input[type=date],.field input[type=datetime-local],.form-group input[type=datetime-local],.field input[type=time],.form-group input[type=time],.field input[type=email],.form-group input[type=email],.field input[type=url],.form-group input[type=url],.field input[type=tel],.form-group input[type=tel],.field input[type=password],.form-group input[type=password],.field input[type=search],.form-group input[type=search],.field select,.form-group select,.field textarea,.form-group textarea{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;font-size:0.92rem;color:var(--text);width:100%;box-sizing:border-box;transition:all 0.15s ease}.field input[type=color],.form-group input[type=color]{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);height:40px;padding:3px 4px;width:100%;box-sizing:border-box;cursor:pointer;transition:all 0.15s ease}.field textarea,.form-group textarea{resize:vertical;min-height:110px;font-family:'JetBrains Mono',monospace;font-size:0.86rem}.field input:focus,.form-group input:focus,.field select:focus,.form-group select:focus,.field textarea:focus,.form-group textarea:focus{border-color:var(--cat-color,var(--brand));box-shadow:0 0 0 3px var(--brand-glow);outline:none}.field-currency{position:relative}.field-currency .cur-sym{position:absolute;left:14px;top:36px;font-size:0.92rem;color:var(--muted);font-weight:600;pointer-events:none}.field-currency input{padding-left:28px !important}.checkline{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:0.88rem;cursor:pointer;color:var(--text-secondary)}.result-panel{background:linear-gradient(180deg,var(--panel) 0%,var(--cat-dim,var(--brand-dim)) 260%);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;box-shadow:var(--shadow-sm)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.result-item .k{font-size:0.72rem;color:var(--muted);text-transform:uppercase;font-weight:700;letter-spacing:0.04em;margin-bottom:4px}.result-item .v{font-family:'JetBrains Mono',monospace;font-size:1.5rem;font-weight:700;color:var(--text)}.result-item .v.warn{color:var(--warn)}.status-strip{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:0.73rem;color:var(--muted);margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.status-strip .sdot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.notice{font-size:0.84rem;padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:14px;border:1px solid var(--line);color:var(--muted);background:var(--panel-2);line-height:1.55}.notice.error{border-color:rgba(239,68,68,0.3);background:var(--danger-dim);color:#DC2626}.notice.ok{border-color:rgba(16,185,129,0.3);background:var(--ok-dim);color:#059669}.notice.warn{border-color:rgba(245,158,11,0.3);background:var(--warn-dim);color:#D97706}.tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.tab{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:0.84rem;cursor:pointer;transition:all 0.15s ease;font-weight:500}.tab:focus-visible{outline:2px solid var(--line-focus);outline-offset:2px}.tab.active{background:var(--cat-dim,var(--brand-dim));color:var(--cat-color,var(--brand));border-color:var(--cat-color,var(--brand));font-weight:700}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}.modal-overlay.show{display:flex}.modal-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-width:560px;width:100%;padding:32px;box-shadow:var(--shadow-lg);animation:modalScaleIn 0.2s cubic-bezier(0.16,1,0.3,1)}.cookie-modal-box{max-width:580px;padding:26px 28px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.cookie-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cookie-modal-title-wrap{display:flex;align-items:center;gap:10px}.cookie-modal-icon{color:var(--brand);flex-shrink:0}.cookie-modal-title-wrap h3{margin:0;font-size:1.22rem;font-weight:700;color:var(--text);letter-spacing:-0.01em}.cookie-modal-close{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.cookie-modal-close:hover{color:var(--text);background:var(--panel-2)}.cookie-modal-desc{font-size:0.85rem;line-height:1.55;color:var(--muted);margin:0 0 18px}.cookie-categories{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.cookie-category-card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 16px;transition:border-color 0.2s ease,box-shadow 0.2s ease}.cookie-category-card:hover{border-color:var(--muted-2)}.cookie-cat-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.cookie-cat-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cookie-cat-info strong{font-size:0.92rem;font-weight:600;color:var(--text)}.cookie-cat-badge{font-size:0.7rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-pill);background:var(--ok-dim);color:var(--c-finance-text,#065F46);text-transform:uppercase;letter-spacing:0.04em}.cookie-cat-desc{font-size:0.8rem;line-height:1.45;color:var(--muted);margin:0}.cookie-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.cookie-switch input{opacity:0;width:0;height:0;position:absolute}.cookie-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--line);transition:background-color 0.2s cubic-bezier(0.4,0,0.2,1);border-radius:24px}.cookie-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#FFFFFF;transition:transform 0.2s cubic-bezier(0.4,0,0.2,1);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.cookie-switch input:checked + .cookie-slider{background-color:var(--brand)}.cookie-switch input:checked + .cookie-slider:before{transform:translateX(20px)}.cookie-switch input:focus-visible + .cookie-slider{outline:2px solid var(--brand);outline-offset:2px}.cookie-switch.is-locked{cursor:not-allowed;opacity:0.85}.cookie-switch.is-locked .cookie-slider{cursor:not-allowed}.cookie-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}@media (max-width:560px){.cookie-modal-box{padding:20px 16px}.cookie-modal-actions{flex-direction:column-reverse;align-items:stretch}.cookie-modal-actions .btn{width:100%;text-align:center}}@keyframes modalScaleIn{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--text);color:var(--bg);padding:10px 20px;border-radius:var(--radius-pill);font-size:0.84rem;font-weight:600;opacity:0;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);z-index:100000;pointer-events:none;box-shadow:var(--shadow-md)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.toast-error{background:#DC2626;color:#FFFFFF;border:1px solid rgba(255,255,255,0.25);box-shadow:0 10px 25px -5px rgba(220,38,38,0.45),0 8px 10px -6px rgba(220,38,38,0.25)}.toast.toast-success{background:#16A34A;color:#FFFFFF;border:1px solid rgba(255,255,255,0.25);box-shadow:0 10px 25px -5px rgba(22,163,74,0.45)}.toast.toast-warning{background:#D97706;color:#FFFFFF;border:1px solid rgba(255,255,255,0.25);box-shadow:0 10px 25px -5px rgba(217,119,6,0.45)}.toast.toast-info{background:var(--text);color:var(--bg)}.fade-in{animation:fadeIn 0.22s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner-inline{display:inline-block;vertical-align:middle;animation:spin 0.85s linear infinite}.search-kbd-badge{display:none !important}.back-to-top-btn{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;background:var(--panel);color:var(--text);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity 0.25s ease,transform 0.25s ease,visibility 0.25s ease,background 0.15s ease,border-color 0.15s ease,color 0.15s ease}.back-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top-btn:hover{background:var(--brand);color:#FFFFFF;border-color:var(--brand);transform:translateY(-3px);box-shadow:0 8px 24px var(--brand-glow)}.back-to-top-btn:active{transform:translateY(0)}@media (max-width:900px){.back-to-top-btn{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:16px}}.lang-selector-wrapper{position:relative;display:inline-flex;align-items:center}.lang-globe-icon{position:absolute;left:9px;pointer-events:none;color:var(--muted);z-index:1;opacity:0.85}.lang-select{appearance:none;-webkit-appearance:none;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 26px 6px 28px;font-size:0.82rem;font-weight:600;cursor:pointer;outline:none;transition:all 0.2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.lang-select option{background:var(--panel-2,#18191c);color:var(--text,#f0f0f2);padding:6px 10px}.lang-select:hover{border-color:var(--brand);background-color:var(--panel)}.lang-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}[dir="rtl"] .lang-globe-icon{left:auto;right:9px}[dir="rtl"] .lang-select{padding:6px 28px 6px 26px;background-position:left 8px center}@media (max-width:640px){.lang-select{padding:8px 24px 8px 28px;font-size:16px;min-height:44px;box-sizing:border-box}[dir="rtl"] .lang-select{padding:8px 28px 8px 24px}}.cro-trust-bar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px 0;align-items:center}.cro-trust-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:9999px;box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);color:var(--text);user-select:none}.cro-trust-pill:hover{background:var(--panel);border-color:var(--brand);transform:translateY(-1px);box-shadow:0 4px 12px var(--brand-glow,rgba(0,85,255,0.12))}.cro-trust-pill svg{flex-shrink:0;color:var(--ok)}.cro-trust-pill.cro-pill-nolimit svg{color:#f59e0b}.cro-trust-pill.cro-pill-free svg{color:#3b82f6}.cro-trust-pill.cro-pill-nosignup svg{color:#8b5cf6}.cro-trust-pill.cro-pill-batch svg{color:#ec4899}.cro-pill-text{display:flex;align-items:baseline;gap:5px;line-height:1.25}.cro-pill-title{font-size:0.8rem;font-weight:700;color:var(--text);white-space:nowrap}.cro-pill-desc{font-size:0.74rem;color:var(--muted);white-space:nowrap}.drop-hint{display:block;font-size:0.76rem;color:var(--muted);margin-top:6px;letter-spacing:0.2px}@media (max-width:768px){.cro-trust-bar{margin:8px 0 12px 0;gap:6px}.cro-pill-desc{display:none}.cro-trust-pill{padding:4px 8px;font-size:0.74rem}}.fp-container{display:flex;flex-direction:column;gap:20px}.fp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:border-color 0.2s ease}.fp-top-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.fp-selectors-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end;margin-bottom:20px}@media (max-width:768px){.fp-selectors-grid{grid-template-columns:1fr}}.fp-swap-btn{display:flex;align-items:center;justify-content:center;height:42px;width:42px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:all 0.2s ease;font-size:1.1rem}.fp-swap-btn:hover{background:var(--brand-dim);border-color:var(--brand);color:var(--brand);transform:rotate(180deg)}.fp-sliders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:22px}.fp-slider-group{display:flex;flex-direction:column;gap:6px}.fp-slider-label{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px}.fp-slider-val{font-family:var(--font-mono,monospace);font-size:0.82rem;font-weight:700;color:var(--brand);background:var(--brand-dim);padding:2px 7px;border-radius:4px}.fp-slider-group input[type="range"]{width:100%;accent-color:var(--brand);cursor:pointer}.fp-preview-wrapper{display:flex;flex-direction:column;gap:10px}.fp-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.fp-theme-group{display:flex;gap:6px;background:var(--surface-2);border:1px solid var(--border);padding:4px;border-radius:var(--radius-md)}.fp-theme-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:0.78rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.fp-theme-btn:hover{color:var(--text)}.fp-theme-btn.active{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm)}.fp-editable-badge{display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:500;color:var(--muted);background:var(--surface-2);padding:5px 10px;border-radius:999px;border:1px dashed var(--border)}#fp_preview{position:relative;padding:36px 32px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease,filter 0.2s ease,opacity 0.2s ease;min-height:280px}#fp_preview.theme-light{background:#ffffff !important;color:#0f172a !important;border-color:#e2e8f0 !important}#fp_preview.theme-light .fp-font-tag{color:#64748b !important}#fp_preview.theme-dark{background:#0f172a !important;color:#f8fafc !important;border-color:#334155 !important}#fp_preview.theme-dark .fp-font-tag{color:#94a3b8 !important}#fp_preview.theme-sepia{background:#fdfbf7 !important;color:#292524 !important;border-color:#e7e5e4 !important}#fp_preview.theme-sepia .fp-font-tag{color:#78716c !important}#fp_preview.theme-midnight{background:#080e1a !important;color:#e0e7ff !important;border-color:#1e293b !important}#fp_preview.theme-midnight .fp-font-tag{color:#818cf8 !important}#fp_preview.fp-loading{opacity:0.65;filter:blur(0.6px);pointer-events:none}.fp-font-tag{display:flex;align-items:center;gap:6px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}#fp_h,#fp_b{outline:none;border-radius:4px;transition:background-color 0.15s ease,box-shadow 0.15s ease}#fp_h:focus,#fp_b:focus{background:rgba(0,85,255,0.05);box-shadow:0 0 0 2px rgba(0,85,255,0.2)}.fp-code-drawer{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-top:10px}.fp-code-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.fp-tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px}.fp-tab-btn{padding:6px 14px;border-radius:6px;border:none;background:transparent;color:var(--muted);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.15s ease}.fp-tab-btn.active{background:var(--brand);color:#ffffff}.fp-code-pre{background:#090d16;color:#e2e8f0;font-family:var(--font-mono,monospace);font-size:0.84rem;line-height:1.55;padding:16px;border-radius:var(--radius-md);overflow-x:auto;margin:0;border:1px solid rgba(255,255,255,0.08);white-space:pre-wrap;word-break:break-all}.sub-container{display:flex;flex-direction:column;gap:16px}.sub-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 20px;background:var(--surface-2);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all 0.2s ease;position:relative}.sub-dropzone:hover,.sub-dropzone.dragover{border-color:var(--brand);background:var(--brand-dim)}.sub-dropzone-icon{width:44px;height:44px;color:var(--brand);margin-bottom:10px}.sub-dropzone-title{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:4px}.sub-dropzone-sub{font-size:0.82rem;color:var(--muted);max-width:460px;margin-bottom:14px}.sub-dropzone-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sub-player-stage{background:#090d16;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:none;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm);animation:subFadeIn 0.25s ease-out}@keyframes subFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sub-video-wrapper{display:flex;justify-content:center;align-items:center;background:#000;border-radius:var(--radius-md);overflow:hidden;max-height:280px}.sub-video-wrapper video{max-height:280px;width:100%;object-fit:contain;background:#000}.sub-media-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:4px;border-top:1px solid rgba(255,255,255,0.1);color:#e2e8f0;font-size:0.82rem}.sub-media-info{display:flex;align-items:center;gap:8px;font-weight:600}.sub-sync-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:14px}.sub-sync-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.sub-shift-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sub-diagnostics-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sub-diag-chip{display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text)}.sub-diag-chip.warn{background:rgba(245,158,11,0.12);border-color:rgba(245,158,11,0.4);color:#b45309}.sub-diag-chip.good{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.3);color:#047857}.sub-cues-container{display:flex;flex-direction:column;gap:12px}.sub-cues-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.sub-cues-list{display:flex;flex-direction:column;gap:10px;max-height:540px;overflow-y:auto;padding-right:6px}.sub-cue-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:all 0.2s ease;position:relative}.sub-cue-card:hover{border-color:var(--border-hover,var(--brand))}.sub-cue-card.active-cue{border-color:var(--brand);background:var(--surface-2);box-shadow:0 0 0 2px var(--brand-dim)}.sub-cue-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.sub-cue-left{display:flex;align-items:center;gap:8px}.sub-cue-idx{font-weight:700;font-size:0.78rem;color:var(--brand);min-width:28px}.sub-cue-times{display:flex;align-items:center;gap:4px}.sub-time-input{width:108px;font-family:var(--font-mono,monospace);font-size:0.78rem;padding:4px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:center}.sub-cue-badges{display:flex;align-items:center;gap:6px}.sub-cue-actions{display:flex;align-items:center;gap:4px}.sub-cue-textarea{width:100%;min-height:48px;font-size:0.9rem;line-height:1.45;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);resize:vertical}.sub-cue-textarea:focus{outline:none;border-color:var(--brand)}.sub-export-drawer{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.sub-export-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.grid-split-container{display:flex;flex-direction:column;gap:18px}.grid-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 20px;background:var(--surface-2);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all 0.2s ease}.grid-dropzone:hover,.grid-dropzone.dragover{border-color:var(--brand);background:var(--brand-dim)}.grid-dropzone-icon{width:44px;height:44px;color:var(--brand);margin-bottom:10px}.grid-dropzone-title{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:4px}.grid-dropzone-sub{font-size:0.82rem;color:var(--muted);max-width:480px;margin-bottom:14px}.grid-controls-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:16px}.grid-tabs-row{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--border);padding-bottom:10px}.grid-tab-btn{padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--surface);color:var(--muted);font-size:0.84rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:6px}.grid-tab-btn:hover{color:var(--text);border-color:var(--border)}.grid-tab-btn.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-sm)}.grid-presets-flex{display:flex;flex-wrap:wrap;gap:8px}.grid-preset-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.15s ease}.grid-preset-chip:hover{border-color:var(--brand);color:var(--brand)}.grid-preset-chip.active{background:var(--brand-dim);border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.grid-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}.grid-sequence-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px 6px;font-size:0.8rem;font-weight:600}.grid-order-btn{padding:4px 10px;border-radius:4px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:all 0.15s ease;font-size:0.78rem}.grid-order-btn.active{background:var(--brand);color:#fff}.grid-zoom-group{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:var(--muted)}.grid-canvas-stage{position:relative;width:100%;min-height:320px;max-height:520px;background:#090d16;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;touch-action:none}.grid-canvas-stage.grabbing{cursor:grabbing}.grid-canvas-stage canvas{max-width:100%;max-height:520px;display:block;object-fit:contain}.grid-pan-hint{position:absolute;bottom:12px;left:12px;background:rgba(9,13,22,0.75);backdrop-filter:blur(4px);color:#e2e8f0;font-size:0.74rem;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);pointer-events:none}.grid-export-drawer{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.grid-export-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.grid-slices-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:14px}.grid-slice-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;display:flex;flex-direction:column;gap:6px;text-align:center;transition:all 0.2s ease;position:relative}.grid-slice-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.grid-slice-thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-sm);background:#000;cursor:pointer}.grid-slice-badge{font-size:0.72rem;font-weight:700;color:var(--brand)}.grid-slice-badge.first{color:#10b981}.grid-slice-badge.last{color:#f59e0b}.bg-progress-card{padding:18px 20px;background:var(--surface-2,rgba(255,255,255,0.05));border:1px solid var(--line,rgba(255,255,255,0.1));border-radius:var(--radius-md,12px);margin-top:14px}.bg-stage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.bg-stage-info{display:flex;align-items:center;gap:10px;min-width:0}.bg-stage-spinner{width:18px;height:18px;border:2.5px solid var(--line,rgba(255,255,255,0.2));border-top-color:var(--brand,#3b82f6);border-radius:50%;animation:bgSpin 0.8s linear infinite;flex-shrink:0}@keyframes bgSpin{to{transform:rotate(360deg)}}.bg-stage-title{font-size:0.92rem;font-weight:600;color:var(--text,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-stage-pct{font-size:0.88rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--brand,#3b82f6);flex-shrink:0}.bg-progress-track{width:100%;height:8px;background:var(--line,rgba(255,255,255,0.1));border-radius:999px;overflow:hidden;position:relative}.bg-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--brand,#3b82f6),#60a5fa);border-radius:999px;transition:width 0.25s ease-out;position:relative}.bg-progress-bar.pulse{animation:bgProgressPulse 1.5s ease-in-out infinite}@keyframes bgProgressPulse{0%,100%{opacity:1}50%{opacity:0.6}}.bg-stage-sub{margin-top:8px;font-size:0.78rem;color:var(--muted-2,#94a3b8);display:flex;justify-content:space-between;align-items:center}.bg-error-box{padding:14px 16px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:var(--radius-sm,8px);margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bg-error-text{font-size:0.84rem;color:#f87171;flex:1}.bg-compare-card{margin-top:16px}.bg-compare-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px;flex-wrap:wrap}.bg-zoom-group{display:flex;align-items:center;background:var(--surface-2,rgba(255,255,255,0.05));border:1px solid var(--line,rgba(255,255,255,0.1));border-radius:var(--radius-sm,6px);padding:2px;gap:2px}.bg-zoom-btn{background:transparent;border:none;color:var(--muted-2,#94a3b8);font-size:0.75rem;font-weight:600;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all 0.15s ease}.bg-zoom-btn:hover{color:var(--text,#fff);background:rgba(255,255,255,0.05)}.bg-zoom-btn.active{background:var(--brand,#3b82f6);color:#fff}.bg-compare-viewport{position:relative;width:100%;height:440px;background-color:#1e293b;background-image:linear-gradient(45deg,rgba(255,255,255,0.07) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,0.07) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,0.07) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,0.07) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:var(--radius-md,10px);border:1px solid var(--line,rgba(255,255,255,0.1));overflow:hidden;user-select:none;touch-action:none;cursor:ew-resize}.bg-compare-pan-area{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform 0.1s cubic-bezier(0.2,0,0,1)}.bg-compare-pan-area.panning{cursor:grabbing}.bg-compare-layer{position:absolute;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;user-select:none}.bg-compare-after-canvas{position:absolute;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;user-select:none}.bg-compare-before-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:polygon(0 0,var(--split-x,50%) 0,var(--split-x,50%) 100%,0 100%);pointer-events:none}.bg-compare-before-img{position:absolute;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;user-select:none}.bg-compare-line{position:absolute;top:0;bottom:0;left:var(--split-x,50%);width:2px;background:#ffffff;box-shadow:0 0 10px rgba(0,0,0,0.5);pointer-events:none;transform:translateX(-50%)}.bg-compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#ffffff;color:#0f172a;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.35);pointer-events:auto;cursor:ew-resize;transition:transform 0.15s ease,background 0.15s ease}.bg-compare-handle:hover,.bg-compare-viewport:active .bg-compare-handle{transform:translate(-50%,-50%) scale(1.1);background:var(--brand,#3b82f6);color:#fff}.bg-badge-pill{position:absolute;top:12px;padding:4px 10px;border-radius:20px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;background:rgba(15,23,42,0.75);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,0.15);pointer-events:none}.bg-badge-pill.left{left:12px}.bg-badge-pill.right{right:12px}.bg-studio-wrap{margin-top:16px;padding:16px;background:var(--surface-2,rgba(255,255,255,0.03));border:1px solid var(--line,rgba(255,255,255,0.08));border-radius:var(--radius-md,10px)}.bg-studio-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line,rgba(255,255,255,0.1));padding-bottom:10px;margin-bottom:14px}.bg-studio-tab{background:transparent;border:none;padding:6px 14px;border-radius:var(--radius-sm,6px);color:var(--muted-2,#94a3b8);font-size:0.84rem;font-weight:600;cursor:pointer;transition:all 0.15s ease}.bg-studio-tab:hover{color:var(--text,#fff);background:rgba(255,255,255,0.05)}.bg-studio-tab.active{background:var(--brand,#3b82f6);color:#ffffff}.bg-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;margin-bottom:14px}.bg-preset-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.bg-preset-btn{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:transform 0.15s ease,border-color 0.15s ease;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1)}.bg-preset-btn:hover{transform:translateY(-2px)}.bg-preset-btn.active{border-color:var(--brand,#3b82f6);box-shadow:0 0 0 2px var(--brand-glow,rgba(59,130,246,0.4))}.bg-preset-label{font-size:0.70rem;color:var(--muted-2,#94a3b8);text-align:center;white-space:nowrap}.bg-custom-color-row{display:flex;align-items:center;gap:12px;margin-top:10px}.bg-color-picker-input{width:36px;height:36px;padding:0;border:none;border-radius:8px;cursor:pointer;background:transparent}.bg-control-row{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,0.08))}.bg-control-header{display:flex;justify-content:space-between;align-items:center}.bg-control-title{font-size:0.84rem;font-weight:600;color:var(--text,#fff)}.bg-control-val{font-size:0.80rem;font-weight:700;color:var(--brand,#3b82f6)}.bg-range-slider{width:100%;accent-color:var(--brand,#3b82f6);cursor:pointer}.bg-batch-card{margin-top:16px;padding:14px 16px;background:var(--surface-2,rgba(255,255,255,0.03));border:1px solid var(--line,rgba(255,255,255,0.08));border-radius:var(--radius-md,10px)}.bg-batch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.bg-batch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;max-height:220px;overflow-y:auto}.bg-batch-item{position:relative;background:var(--surface-1,rgba(0,0,0,0.2));border:1px solid var(--line,rgba(255,255,255,0.1));border-radius:var(--radius-sm,6px);padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all 0.15s ease}.bg-batch-item:hover{border-color:var(--brand,#3b82f6);transform:translateY(-1px)}.bg-batch-item.active{border-color:var(--brand,#3b82f6);background:rgba(59,130,246,0.1);box-shadow:0 0 0 1px var(--brand,#3b82f6)}.bg-batch-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;background:#111}.bg-batch-name{font-size:0.70rem;color:var(--text,#fff);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-batch-status{font-size:0.65rem;font-weight:700;padding:2px 6px;border-radius:10px}.bg-batch-status.queued{background:rgba(148,163,184,0.2);color:#94a3b8}.bg-batch-status.processing{background:rgba(59,130,246,0.2);color:#60a5fa}.bg-batch-status.ready{background:rgba(34,197,94,0.2);color:#4ade80}.bg-batch-status.failed{background:rgba(239,68,68,0.2);color:#f87171}.vc-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface-2,rgba(255,255,255,0.04));border:1px solid var(--line,rgba(255,255,255,0.08));border-radius:var(--radius-sm,8px);margin-top:14px}.vc-toggle-label{display:flex;flex-direction:column;gap:2px}.vc-toggle-title{font-size:0.88rem;font-weight:600;color:var(--text,#fff)}.vc-toggle-hint{font-size:0.75rem;color:var(--muted-2,#94a3b8)}.vc-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.vc-switch input{opacity:0;width:0;height:0}.vc-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--line,rgba(255,255,255,0.2));transition:0.2s cubic-bezier(0.4,0,0.2,1);border-radius:24px}.vc-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.2s cubic-bezier(0.4,0,0.2,1);border-radius:50%}.vc-switch input:checked + .vc-slider{background-color:var(--brand,#3b82f6)}.vc-switch input:checked + .vc-slider:before{transform:translateX(20px)}.vc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}.vc-field{display:flex;flex-direction:column;gap:6px}.vc-field label{font-size:0.82rem;font-weight:600;color:var(--text,#fff)}.vc-progress-card{padding:16px 18px;background:var(--surface-2,rgba(255,255,255,0.05));border:1px solid var(--line,rgba(255,255,255,0.1));border-radius:var(--radius-md,10px);margin-top:16px}.vc-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:0.84rem;font-weight:600}.vc-progress-track{width:100%;height:8px;background:var(--line,rgba(255,255,255,0.1));border-radius:999px;overflow:hidden}.vc-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--brand,#3b82f6),#60a5fa);border-radius:999px;transition:width 0.2s ease-out}.vc-progress-sub{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:0.75rem;color:var(--muted-2,#94a3b8)}.vc-terminal-card{margin-top:16px;background:#0b0f19;border:1px solid var(--line,rgba(255,255,255,0.12));border-radius:var(--radius-md,10px);overflow:hidden}.vc-terminal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#111827;border-bottom:1px solid var(--line,rgba(255,255,255,0.1));cursor:pointer;user-select:none}.vc-terminal-title{display:flex;align-items:center;gap:8px;font-size:0.80rem;font-weight:700;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace}.vc-terminal-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.vc-terminal-dot.active{animation:vcDotPulse 1.2s ease-in-out infinite}@keyframes vcDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.85)}}.vc-terminal-body{padding:12px 14px;max-height:180px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace;font-size:0.74rem;line-height:1.5;color:#94a3b8;white-space:pre-wrap;word-break:break-all}.vc-terminal-body::-webkit-scrollbar{width:6px}.vc-terminal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:3px}.file-upload-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-sm,8px);border:1px solid var(--brand,#2563eb);background:var(--brand-dim,rgba(37,99,235,0.08));color:var(--brand,#2563eb);font-size:0.84rem;font-weight:600;cursor:pointer;user-select:none;white-space:nowrap;transition:background 0.18s ease,box-shadow 0.18s ease,transform 0.12s ease;line-height:1}.file-upload-btn:hover{background:var(--brand,#2563eb);color:#ffffff;box-shadow:0 3px 10px var(--brand-glow,rgba(37,99,235,0.25));transform:translateY(-1px)}.file-upload-btn:active{transform:translateY(0);box-shadow:none}.file-upload-btn:focus-visible{outline:2px solid var(--brand,#2563eb);outline-offset:2px}.file-upload-btn svg{flex-shrink:0;pointer-events:none}[dir="rtl"] .file-upload-btn{flex-direction:row-reverse}.pwa-install-sidebar{margin:12px 0 8px;padding:0 4px}.pwa-install-btn{display:inline-flex;align-items:center;gap:9px;width:100%;padding:11px 14px;border-radius:var(--radius-sm,8px);border:1.5px solid rgba(0,85,255,0.35);background:linear-gradient(135deg,var(--brand-dim,rgba(0,85,255,0.08)) 0%,rgba(99,102,241,0.1) 100%);color:var(--brand,#0055FF);font-size:0.85rem;font-weight:700;cursor:pointer;user-select:none;white-space:nowrap;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;letter-spacing:-0.01em}.pwa-install-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.07) 50%,transparent 100%);transform:translateX(-100%);animation:pwaShimmer 2.8s ease-in-out infinite}@keyframes pwaShimmer{0%{transform:translateX(-100%)}40%{transform:translateX(100%)}100%{transform:translateX(100%)}}.pwa-install-btn:hover{background:var(--brand,#0055FF);color:#FFFFFF;border-color:transparent;box-shadow:0 4px 16px rgba(0,85,255,0.35);transform:translateY(-1px)}.pwa-install-btn:hover::before{animation:none}.pwa-install-btn:active{transform:translateY(0);box-shadow:none}.pwa-install-icon{flex-shrink:0}.pwa-install-text{flex:1;text-align:left}.pwa-badge{font-size:0.67rem;font-weight:800;padding:2px 6px;border-radius:4px;background:var(--brand,#0055FF);color:#fff;letter-spacing:0.04em;margin-left:auto;opacity:0.85}.pwa-install-btn:hover .pwa-badge{background:rgba(255,255,255,0.25)}.pwa-header-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--radius-sm,8px);border:1.5px solid rgba(0,85,255,0.4);background:var(--brand-dim,rgba(0,85,255,0.08));color:var(--brand,#0055FF);font-size:0.82rem;font-weight:700;cursor:pointer;user-select:none;white-space:nowrap;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);letter-spacing:-0.01em;animation:pwaHeaderPulse 3s ease-in-out infinite}@keyframes pwaHeaderPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,85,255,0)}50%{box-shadow:0 0 0 4px rgba(0,85,255,0.15)}}.pwa-header-btn:hover{background:var(--brand,#0055FF);color:#FFFFFF;border-color:transparent;box-shadow:0 4px 14px rgba(0,85,255,0.35);transform:translateY(-1px);animation:none}.pwa-header-btn:active{transform:translateY(0);box-shadow:none}.pwa-header-btn svg{flex-shrink:0}.ios-pwa-modal .modal-box,.ios-pwa-modal-box{position:relative;max-width:440px;width:94%;padding:28px 26px 24px;border-radius:20px;background:var(--panel,#ffffff);border:1px solid var(--line,rgba(0,0,0,0.08));box-shadow:0 24px 64px rgba(0,0,0,0.18),0 8px 24px rgba(0,0,0,0.1);animation:iosPwaSlideUp 0.38s cubic-bezier(0.16,1,0.3,1)}[data-theme="dark"] .ios-pwa-modal .modal-box,[data-theme="dark"] .ios-pwa-modal-box{background:var(--panel,#1e2234);border-color:var(--line,rgba(255,255,255,0.1));box-shadow:0 24px 64px rgba(0,0,0,0.5),0 8px 24px rgba(0,0,0,0.3)}@keyframes iosPwaSlideUp{from{opacity:0;transform:translateY(24px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ios-pwa-close-btn{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:var(--panel-2,rgba(0,0,0,0.06));color:var(--muted,#64748b);cursor:pointer;transition:background 0.15s ease,color 0.15s ease;padding:0;flex-shrink:0}.ios-pwa-close-btn:hover{background:var(--line,rgba(0,0,0,0.12));color:var(--text,#0f172a)}.ios-pwa-header{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding-right:32px}.ios-pwa-app-icon{width:64px;height:64px;border-radius:16px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.ios-pwa-title{font-size:1.12rem;font-weight:800;color:var(--text,#0f172a);margin:0 0 4px;line-height:1.2;letter-spacing:-0.02em}.ios-pwa-subtitle{font-size:0.82rem;color:var(--muted,#64748b);margin:0;line-height:1.4}.ios-pwa-steps{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:12px;counter-reset:pwa-step}.ios-pwa-step{display:flex;align-items:flex-start;gap:13px;padding:12px 14px;border-radius:12px;background:var(--panel-2,rgba(0,0,0,0.03));border:1px solid var(--line,rgba(0,0,0,0.06));counter-increment:pwa-step;position:relative}.ios-pwa-step-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--brand-dim,rgba(0,85,255,0.1)) 0%,rgba(99,102,241,0.12) 100%);color:var(--brand,#0055FF);flex-shrink:0}.ios-pwa-step-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ios-pwa-step-text strong{display:block;font-size:0.88rem;font-weight:700;color:var(--text,#0f172a);line-height:1.3}.ios-pwa-step-text span{font-size:0.78rem;color:var(--muted,#64748b);line-height:1.4}.ios-pwa-step-text em{font-style:normal;font-weight:600;color:var(--brand,#0055FF)}.ios-share-inline-icon{display:inline-block;font-size:1.1em;line-height:1;margin:0 2px;color:#007aff;font-weight:700}.ios-pwa-hint-bar{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:10px;background:rgba(16,185,129,0.07);border:1px solid rgba(16,185,129,0.2);color:var(--c-finance-text,#065F46);font-size:0.79rem;font-weight:600;margin-bottom:18px;line-height:1.4}.ios-pwa-hint-bar svg{flex-shrink:0;color:currentColor}.ios-pwa-dismiss-btn{width:100%;justify-content:center;font-size:0.9rem;padding:12px 20px;border-radius:12px}@media (max-width:400px){.ios-pwa-modal-box{padding:22px 16px 20px}.ios-pwa-header{gap:12px}.ios-pwa-app-icon{width:52px;height:52px}.ios-pwa-title{font-size:1rem}}.sw-update-banner{position:fixed;bottom:24px;right:24px;z-index:100000;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,85,255,0.22);border-radius:var(--radius-sm,12px);box-shadow:0 10px 30px rgba(0,0,0,0.12),0 2px 8px rgba(0,85,255,0.1);color:var(--text,#0f172a);font-family:inherit;font-size:0.88rem;font-weight:500;max-width:440px;animation:swBannerSlideUp 0.35s cubic-bezier(0.16,1,0.3,1) forwards;transition:opacity 0.25s ease,transform 0.25s ease}[data-theme="dark"] .sw-update-banner{background:rgba(15,23,42,0.92);border-color:rgba(59,130,246,0.3);box-shadow:0 10px 30px rgba(0,0,0,0.45),0 2px 8px rgba(59,130,246,0.15);color:#f8fafc}[dir="rtl"] .sw-update-banner{right:auto;left:24px}@keyframes swBannerSlideUp{from{opacity:0;transform:translateY(20px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sw-update-banner.sw-hiding{opacity:0;transform:translateY(16px) scale(0.96);pointer-events:none}.sw-update-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:8px;background:var(--brand-dim,#eff6ff);color:var(--brand,#0055ff)}[data-theme="dark"] .sw-update-icon{background:rgba(59,130,246,0.15);color:#60a5fa}.sw-update-icon svg{animation:swRotateSlow 8s linear infinite}@keyframes swRotateSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sw-update-text{flex:1;line-height:1.4;margin:0}.sw-update-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border:none;border-radius:8px;background:var(--brand,#0055ff);color:#ffffff;font-size:0.84rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:0 2px 6px var(--brand-glow,rgba(0,85,255,0.25))}.sw-update-btn:hover{background:var(--brand-2,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px var(--brand-glow,rgba(0,85,255,0.35))}.sw-update-btn:active{transform:translateY(0)}.sw-update-btn:disabled{opacity:0.7;cursor:not-allowed}.sw-update-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border:none;background:transparent;color:var(--muted,#64748b);border-radius:6px;cursor:pointer;font-size:1.1rem;line-height:1;padding:0;transition:all 0.18s ease}.sw-update-close:hover{background:var(--line-subtle,rgba(0,0,0,0.06));color:var(--text,#0f172a)}[data-theme="dark"] .sw-update-close:hover{background:rgba(255,255,255,0.1);color:#ffffff}@media (max-width:900px){.sw-update-banner{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (max-width:580px){.sw-update-banner{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:16px;left:16px;max-width:calc(100% - 32px);padding:10px 14px}}:where(.card,.tool-panel,.field,.form-group) select:not([multiple]),:where(.card,.tool-panel,.field,.form-group):where( input[type="text"],input[type="number"],input[type="date"],input[type="datetime-local"],input[type="time"],input[type="email"],input[type="url"],input[type="tel"],input[type="password"],input[type="search"] ),:where(select,input[type=text],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=email],input[type=url],input[type=tel],input[type=password],input[type=search],textarea).input,:where(select).select,.vc-field select,.fp-top-bar select,.fp-selectors-grid select,select.md-ftype,input.md-fname{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;font-size:0.92rem;font-family:inherit;color:var(--text);width:100%;box-sizing:border-box;transition:border-color 0.15s ease,box-shadow 0.15s ease,background 0.15s ease}:where(.card,.tool-panel,.field,.form-group) select:not([multiple]),:where(select).input,:where(select).select,.vc-field select,.fp-top-bar select,.fp-selectors-grid select,select.md-ftype{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:34px;cursor:pointer}[data-theme="dark"]:where(.card,.tool-panel,.field,.form-group) select:not([multiple]),[data-theme="dark"]:where(select).input,[data-theme="dark"]:where(select).select,[data-theme="dark"] .vc-field select,[data-theme="dark"] .fp-top-bar select,[data-theme="dark"] .fp-selectors-grid select,[data-theme="dark"] select.md-ftype{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[dir="rtl"]:where(.card,.tool-panel,.field,.form-group) select:not([multiple]),[dir="rtl"]:where(select).input,[dir="rtl"]:where(select).select,[dir="rtl"] .vc-field select,[dir="rtl"] .fp-top-bar select,[dir="rtl"] .fp-selectors-grid select,[dir="rtl"] select.md-ftype{background-position:left 12px center;padding-right:14px;padding-left:34px}:where(.card,.tool-panel,.field,.form-group) input[type="file"],input[type="file"].form-file-input{font-family:inherit;font-size:0.88rem;color:var(--text-secondary);background:var(--panel-2);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;width:100%;box-sizing:border-box;display:flex;align-items:center;transition:border-color 0.15s ease,background 0.15s ease,box-shadow 0.15s ease}:where(.card,.tool-panel,.field,.form-group) input[type="file"]:hover:not(:disabled){border-color:var(--brand);background:var(--brand-dim)}:where(.card,.tool-panel,.field,.form-group) input[type="file"]:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);outline:none}:where(.card,.tool-panel,.field,.form-group) input[type="file"]:disabled{opacity:0.6;cursor:not-allowed}:where(.card,.tool-panel,.field,.form-group) input[type="file"]::file-selector-button,:where(.card,.tool-panel,.field,.form-group) input[type="file"]::-webkit-file-upload-button{padding:7px 14px;border-radius:6px;border:1px solid var(--brand);background:var(--brand);color:#FFFFFF;font-family:inherit;font-size:0.84rem;font-weight:600;cursor:pointer;margin-right:12px;transition:background 0.18s ease,transform 0.12s ease,box-shadow 0.18s ease}:where(.card,.tool-panel,.field,.form-group) input[type="file"]::file-selector-button:hover,:where(.card,.tool-panel,.field,.form-group) input[type="file"]::-webkit-file-upload-button:hover{background:var(--brand-2,#1d4ed8);box-shadow:0 2px 8px var(--brand-glow)}[dir="rtl"]:where(.card,.tool-panel,.field,.form-group) input[type="file"]::file-selector-button,[dir="rtl"]:where(.card,.tool-panel,.field,.form-group) input[type="file"]::-webkit-file-upload-button{margin-right:0;margin-left:12px}:where(.card,.tool-panel,.field,.form-group) select:not([multiple]):focus,:where(.card,.tool-panel,.field,.form-group):where( input[type="text"],input[type="number"],input[type="date"],input[type="datetime-local"],input[type="time"],input[type="email"],input[type="url"],input[type="tel"],input[type="password"],input[type="search"] ):focus,:where(select,input).input:focus,:where(select).select:focus,:where(textarea).input:focus,.vc-field select:focus,.fp-top-bar select:focus,.fp-selectors-grid select:focus,select.md-ftype:focus,input.md-fname:focus{border-color:var(--cat-color,var(--brand));box-shadow:0 0 0 3px var(--brand-glow);outline:none}:where(.card,.tool-panel,.field,.form-group) select:not([multiple]):hover:not(:focus),:where(.card,.tool-panel,.field,.form-group):where( input[type="text"],input[type="number"],input[type="date"],input[type="datetime-local"],input[type="time"],input[type="email"],input[type="url"],input[type="tel"],input[type="password"],input[type="search"] ):hover:not(:focus),:where(select,input).input:hover:not(:focus),:where(select).select:hover:not(:focus),.vc-field select:hover:not(:focus),.fp-top-bar select:hover:not(:focus),.fp-selectors-grid select:hover:not(:focus),select.md-ftype:hover:not(:focus),input.md-fname:hover:not(:focus){border-color:var(--muted-2)}:where(.card,.tool-panel,.field,.form-group) select:not([multiple]):disabled,:where(.card,.tool-panel,.field,.form-group):where(input,textarea):disabled,:where(select,input,textarea).input:disabled,:where(select).select:disabled,.vc-field select:disabled,select.md-ftype:disabled{opacity:0.5;cursor:not-allowed;background:var(--bg-subtle)}.error:where(.card,.tool-panel,.field,.form-group) select:not([multiple]),.error:where(.card,.tool-panel,.field,.form-group):where(input,textarea),.error:where(select,input,textarea).input,.error:where(select).select,:where(select,input,textarea).input.error,:where(select).select.error{border-color:var(--danger);box-shadow:0 0 0 3px rgba(239,68,68,0.15)}:where(select,input).input.sm{padding:6px 30px 6px 10px;font-size:0.84rem;height:auto}textarea.input{resize:vertical;min-height:100px;padding-right:14px;background-image:none}[dir="rtl"]:where(select).input,[dir="rtl"]:where(select).select,[dir="rtl"] .vc-field select,[dir="rtl"] .fp-top-bar select,[dir="rtl"] .fp-selectors-grid select,[dir="rtl"] select.md-ftype{background-position:left 12px center;padding-right:14px;padding-left:34px}@media (max-width:768px){:where(select,input[type=text],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=email],input[type=url],input[type=tel],input[type=password],input[type=search]),:where(select,input[type=text],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=email],input[type=url],input[type=tel],input[type=password],input[type=search]).input,:where(select).select,.custom-select,.vc-field select,.fp-top-bar select,.fp-selectors-grid select,select.md-ftype,input.md-fname,.field select,.field input,.form-group select,.form-group input{min-height:44px;font-size:16px;box-sizing:border-box}.btn,button.btn,.btn.primary,.btn.secondary,.action-btn,.btn-row .btn,.tool-head-actions .btn,.hero-btn{min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}}:where(select).input option,:where(select).select option,.vc-field select option,.fp-top-bar select option,.fp-selectors-grid select option,select.md-ftype option{white-space:normal;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.tool-title{font-size:1.45rem}.tool-sub{font-size:0.86rem;line-height:1.45}.tool-head{margin-bottom:12px;gap:8px}.tool-head-actions{gap:6px}.tool-head-actions .btn{padding:6px 12px;font-size:0.82rem}.card{padding:18px 16px}.knowledge-hub{padding:20px 16px;margin-top:24px}}@media (max-width:480px){.tool-title{font-size:1.22rem;gap:8px}.tool-title .ticon{width:34px;height:34px;border-radius:8px;font-size:1.05rem}.tool-sub{font-size:0.82rem;line-height:1.4}.card{padding:14px 12px}.btn-row{gap:8px}.btn-row .btn{flex:1 1 auto}}.table-wrap,table.amort,table{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}pre,code,.code-box,.json-editor,textarea.mono{max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.filelist>div{min-width:0;max-width:100%;box-sizing:border-box}.breadcrumb{flex-wrap:wrap;gap:4px 6px}[data-ads-enabled="true"] .main-inner{align-items:flex-start}[data-ads-enabled="true"] .content-col{min-width:0;overflow:visible}[data-ads-enabled="true"] .right-rail{top:84px;max-height:calc(100vh - 104px);overflow-y:auto;overflow-x:hidden}@media (min-width:1201px) and (max-width:1440px){[data-ads-enabled="true"] .main-inner{gap:24px;padding:0 24px}}@media (max-width:1200px){.main-inner{gap:0}}@media (max-width:640px){.vc-grid{grid-template-columns:1fr;gap:10px}.fp-selectors-grid{grid-template-columns:1fr;gap:10px}.fp-sliders-grid{grid-template-columns:1fr;gap:12px}}[dir="rtl"] input[type="number"],[dir="rtl"] .mono,[dir="rtl"] textarea.mono,[dir="rtl"] code,[dir="rtl"] pre,[dir="rtl"] .code-box,[dir="rtl"] .json-editor{direction:ltr;text-align:left}.gts-file-status{margin-top:14px;border-radius:var(--radius-sm,8px);padding:12px 14px;font-size:0.85rem;line-height:1.45;background:var(--surface-2,rgba(255,255,255,0.04));border:1px solid var(--line,rgba(255,255,255,0.1));color:var(--text,#f1f5f9);transition:border-color 0.2s,background 0.2s}.gts-file-status.gts-ok{border-color:rgba(16,185,129,0.35);background:var(--ok-dim,rgba(16,185,129,0.08))}.gts-file-status.gts-error{border-color:rgba(239,68,68,0.35);background:var(--danger-dim,rgba(239,68,68,0.08));color:#ef4444}.gts-file-status.gts-warn{border-color:rgba(245,158,11,0.35);background:var(--warn-dim,rgba(245,158,11,0.08));color:#f59e0b}.gts-file-status.gts-busy{border-color:rgba(59,130,246,0.35);background:var(--surface-2,rgba(255,255,255,0.04))}.gts-file-row{margin-bottom:8px}.gts-file-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 8px;background:var(--surface-3,rgba(255,255,255,0.06));border:1px solid var(--line,rgba(255,255,255,0.1));border-radius:6px;font-size:0.8rem}.gts-file-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.gts-file-size{color:var(--muted,#94a3b8);font-variant-numeric:tabular-nums;flex-shrink:0}.gts-status-meta{color:var(--brand,#3b82f6);font-weight:600;font-size:0.75rem}.gts-feedback-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.gts-label-group{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.gts-status-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.gts-right-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.gts-pct{font-weight:700;font-size:0.85rem;color:var(--brand,#3b82f6);font-variant-numeric:tabular-nums}.gts-cancel-btn{padding:2px 8px;font-size:0.75rem;border-color:rgba(239,68,68,0.4);color:#ef4444}.gts-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gts-status-dot.ok{background:#10b981}.gts-status-dot.error{background:#ef4444}.gts-status-dot.warn{background:#f59e0b}.gts-status-dot.info{background:#3b82f6}.gts-spinner{width:14px;height:14px;border:2px solid var(--line,rgba(255,255,255,0.2));border-top-color:var(--brand,#3b82f6);border-radius:50%;animation:gtsSpin 0.75s linear infinite;flex-shrink:0}@keyframes gtsSpin{to{transform:rotate(360deg)}}.gts-progress-wrap{margin-top:8px;width:100%;height:5px;background:var(--line,rgba(255,255,255,0.1));border-radius:999px;overflow:hidden;position:relative}.gts-progress-bar{height:100%;background:var(--brand,#3b82f6);border-radius:999px;transition:width 0.2s ease-out}.gts-progress-bar.indeterminate{width:40%;animation:gtsIndeterminate 1.4s ease-in-out infinite}@keyframes gtsIndeterminate{0%{transform:translateX(-100%)}50%{transform:translateX(120%)}100%{transform:translateX(250%)}}@media (prefers-reduced-motion:reduce){.gts-spinner{animation:none}.gts-progress-bar.indeterminate{animation:none;width:100%;opacity:0.6}}[dir="rtl"] .gts-file-status{text-align:right}[dir="rtl"] .gts-file-chip{direction:rtl}.gts-ws-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;padding:8px 12px;border-top:1px solid var(--line,rgba(255,255,255,0.08));background:transparent}.gts-ws-btn{display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;padding:4px 10px;border-radius:var(--radius-sm,6px);border:1px solid var(--line,rgba(255,255,255,0.12));background:var(--surface-2,rgba(255,255,255,0.04));color:var(--muted,#94a3b8);cursor:pointer;transition:background 0.15s,color 0.15s,border-color 0.15s;line-height:1.4;white-space:nowrap}.gts-ws-btn:hover,.gts-ws-btn:focus-visible{background:var(--surface-3,rgba(255,255,255,0.08));color:var(--text,#f1f5f9);border-color:var(--border,rgba(255,255,255,0.2));outline:none}.gts-ws-btn:focus-visible{box-shadow:0 0 0 2px var(--brand,#3b82f6)}.gts-ws-btn-all{color:var(--c-danger,#ef4444);border-color:rgba(239,68,68,0.25)}.gts-ws-btn-all:hover,.gts-ws-btn-all:focus-visible{background:rgba(239,68,68,0.08);color:#ef4444;border-color:rgba(239,68,68,0.4)}@media (prefers-reduced-motion:reduce){.gts-ws-btn{transition:none}}[dir="rtl"] .gts-ws-bar{flex-direction:row-reverse}.hero-search-form{position:relative !important}.hero-search-form .search-dropdown{position:absolute !important;top:calc(100% + 8px) !important;left:0 !important;width:100% !important;background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:var(--radius,12px) !important;box-shadow:var(--shadow-lg,0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1)) !important;max-height:380px !important;overflow-y:auto !important;z-index:9999 !important;display:none;flex-direction:column}.code-output-area,.tool-result textarea,.tool-form textarea.code-font{width:100% !important;box-sizing:border-box !important;font-family:'JetBrains Mono','Fira Code',Menlo,Monaco,Consolas,monospace !important;font-size:0.85rem !important;line-height:1.55 !important;padding:12px 14px !important;border-radius:var(--radius-sm,8px) !important;border:1px solid var(--line) !important;background:var(--panel-2) !important;color:var(--text) !important;tab-size:2 !important;white-space:pre !important;overflow:auto !important;resize:vertical !important;transition:border-color 0.2s ease,box-shadow 0.2s ease !important}.code-output-area:focus,.tool-result textarea:focus{border-color:var(--brand) !important;box-shadow:0 0 0 3px var(--brand-glow) !important;outline:none !important}[data-theme="dark"] .code-output-area,[data-theme="dark"] .tool-result textarea{background:#0B1020 !important;border-color:rgba(255,255,255,0.12) !important;color:#E2E8F0 !important}.tool-header-actions{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important}.share-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;height:36px !important;padding:0 12px !important;border-radius:var(--radius-sm,8px) !important;border:1px solid var(--line) !important;background:var(--panel) !important;color:var(--text) !important;font-size:0.82rem !important;font-weight:600 !important;text-decoration:none !important;cursor:pointer !important;transition:all 0.15s ease !important;box-shadow:var(--shadow-xs) !important;box-sizing:border-box !important}.share-btn:hover{background:var(--panel-2) !important;border-color:var(--brand) !important;color:var(--brand) !important;transform:translateY(-1px) !important}.share-btn-whatsapp:hover{border-color:#25D366 !important;color:#25D366 !important}.share-btn-x:hover{border-color:var(--text) !important}@media (max-width:580px){.share-btn{padding:0 8px !important;min-width:36px !important}.share-btn .share-btn-text{display:none !important}}.recent-grid-2col{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:16px !important;width:100% !important;box-sizing:border-box !important}@media (max-width:640px){.recent-grid-2col{grid-template-columns:1fr !important;gap:10px !important}}.recent-card{min-width:0 !important;box-sizing:border-box !important}.recent-card-info{min-width:0 !important;overflow:hidden !important}.recent-card-title{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.appearance-wrapper{position:relative;display:inline-flex}.appearance-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px;display:flex;flex-direction:column;gap:4px;z-index:1000;box-sizing:border-box}[dir="rtl"] .appearance-menu{right:auto;left:0}.appearance-menu[hidden]{display:none !important}.appearance-menu-header{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);padding:6px 10px 4px}.appearance-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);font-size:0.85rem;font-weight:500;cursor:pointer;text-align:left;transition:background 0.15s ease,border-color 0.15s ease;box-sizing:border-box}[dir="rtl"] .appearance-menu-item{text-align:right}.appearance-menu-item:hover,.appearance-menu-item:focus-visible{background:var(--panel-2);border-color:var(--line);outline:none}.appearance-menu-icon{width:28px;height:28px;border-radius:6px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;color:var(--navy);flex-shrink:0}[data-theme="dark"] .appearance-menu-icon{color:#F8FAFC}.appearance-menu-text{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}.appearance-menu-title{font-weight:600}.appearance-menu-state{font-size:0.78rem;font-weight:600;color:var(--brand);background:var(--brand-dim);padding:2px 8px;border-radius:12px}.theme-icon-sun,[data-theme="dark"] .theme-icon-moon{display:none !important}.theme-icon-moon,[data-theme="dark"] .theme-icon-sun{display:block !important}@media (max-width:1023px){.header-nav{display:none !important}}.blog-hub-container{max-width:1040px;margin:0 auto;padding:16px 16px 40px}.blog-hub-hero{text-align:center;padding:24px 0 20px}.blog-hub-badge{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--brand);background:var(--brand-dim);border-radius:20px;padding:4px 12px;margin-bottom:12px}.blog-hub-title{font-size:2.1rem;font-weight:800;color:var(--text);margin:0 0 10px;letter-spacing:-0.02em;line-height:1.25}.blog-hub-desc{max-width:680px;margin:0 auto;font-size:0.95rem;color:var(--muted);line-height:1.6}.blog-lang-notice{margin:18px auto 0;max-width:680px;background:var(--panel-2);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius-sm);padding:12px 16px;display:flex;gap:12px;align-items:center;font-size:0.85rem;text-align:left;color:var(--text)}.blog-notice-icon{flex-shrink:0;color:var(--brand)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:28px}.blog-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.blog-card:hover{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.blog-card-tag{font-size:0.72rem;font-weight:700;color:var(--brand);background:var(--brand-dim);padding:3px 8px;border-radius:4px}.blog-card-meta{font-size:0.75rem;color:var(--muted)}.blog-card-title{font-size:1.15rem;font-weight:700;margin:0 0 10px;line-height:1.4}.blog-card-title a{color:var(--text);text-decoration:none;transition:color 0.15s ease}.blog-card-title a:hover{color:var(--brand)}.blog-card-desc{font-size:0.88rem;color:var(--muted);line-height:1.6;flex:1;margin:0 0 16px}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line);font-size:0.84rem;gap:8px;flex-wrap:wrap}.blog-read-btn{font-weight:600;color:var(--brand);text-decoration:none}.blog-read-btn:hover{text-decoration:underline}.blog-tool-link{color:var(--muted);text-decoration:none;font-size:0.8rem}.blog-tool-link strong{color:var(--text)}.blog-article{max-width:820px;margin:0 auto;padding:16px 16px 48px}.blog-breadcrumbs{font-size:0.82rem;color:var(--muted);margin-bottom:14px}.blog-breadcrumbs a{color:var(--brand);text-decoration:none}.blog-tag{display:inline-block;font-size:0.72rem;font-weight:700;text-transform:uppercase;color:var(--brand);background:var(--brand-dim);padding:3px 10px;border-radius:4px;margin-bottom:12px}.blog-title{font-size:clamp(1.45rem,5.5vw,2.2rem);font-weight:800;color:var(--text);line-height:1.25;margin:0 0 14px;letter-spacing:-0.02em;word-break:break-word;overflow-wrap:break-word}.blog-meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:0.82rem;color:var(--muted);margin-bottom:24px}.blog-meta-sep{color:var(--line)}.blog-tool-cta{background:var(--panel-2);border:1px solid var(--brand);border-radius:var(--radius);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.blog-tool-cta-info{font-size:0.9rem;color:var(--text)}.blog-section{margin-bottom:34px}.blog-section h2{font-size:1.35rem;font-weight:750;color:var(--text);margin:0 0 14px;border-bottom:1px solid var(--line);padding-bottom:8px;word-break:break-word}.blog-section p{font-size:0.95rem;line-height:1.7;color:var(--text);margin:0 0 14px;word-break:break-word}.blog-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;box-sizing:border-box}.blog-table{width:100%;max-width:100%;border-collapse:collapse;font-size:0.85rem;margin:14px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-table th,.blog-table td{padding:10px 12px;border:1px solid var(--line);text-align:left}.blog-table th{background:var(--panel-2);font-weight:700;color:var(--text)}.blog-steps{padding-left:20px;font-size:0.95rem;line-height:1.75;color:var(--text)}.blog-steps li{margin-bottom:12px}.blog-code-box{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--font-mono,monospace);font-size:0.84rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:12px 0;color:var(--text)}.blog-notice{background:var(--panel-2);border-left:4px solid var(--warning,#f59e0b);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:12px 16px;margin:16px 0;font-size:0.9rem;line-height:1.6}.blog-checklist{padding-left:20px;font-size:0.93rem;line-height:1.7;color:var(--text)}.blog-checklist li{margin-bottom:8px}.blog-error-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px}.blog-error-card h3{font-size:1rem;font-weight:700;margin:0 0 10px;color:var(--text)}.blog-code-bad{color:var(--danger,#ef4444);font-weight:600;font-size:0.8rem;margin:0 0 4px}.blog-code-good{color:var(--success,#10b981);font-weight:600;font-size:0.84rem;margin:8px 0 0}.blog-related-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center;margin-top:36px}.blog-related-card h3{font-size:1.2rem;font-weight:700;margin:0 0 8px}.blog-related-card p{color:var(--muted);font-size:0.9rem;margin:0 0 16px}@media (max-width:640px){.blog-title{font-size:1.6rem}.blog-hub-title{font-size:1.6rem}.blog-meta-row{font-size:0.76rem}.blog-tool-cta{flex-direction:column;align-items:flex-start}.blog-tool-cta .btn{width:100%;text-align:center}}.hub-article-banner{margin:24px 0;padding:16px 20px;background:var(--surface-2,#f8f9fa);border:1px solid var(--border,#e5e7eb);border-left:4px solid var(--brand,#0055ff);border-radius:var(--radius,8px);display:flex;flex-direction:column;gap:8px}.hub-article-banner .hub-article-badge{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--brand,#0055ff)}.hub-article-banner h4{margin:0;font-size:1.05rem;font-weight:700;color:var(--text,#111827)}.hub-article-banner p{margin:0;font-size:0.88rem;color:var(--muted,#6b7280);line-height:1.5}.hub-article-banner .hub-article-btn{align-self:flex-start;margin-top:4px}.tool-svg-icon{display:inline-block;vertical-align:middle;width:20px;height:20px;stroke-width:2;transition:transform 0.2s ease,stroke 0.2s ease}.ticon .tool-svg-icon{width:24px;height:24px;stroke:var(--cat-color,var(--brand))}.tool-card .icon .tool-svg-icon{width:22px;height:22px;stroke:var(--card-color,var(--brand))}@media (max-width:1024px){.tool-card .icon .tool-svg-icon{width:20px;height:20px}}@media (max-width:600px){.tool-card .icon .tool-svg-icon{width:16px;height:16px}}@media (max-width:360px){.tool-card .icon .tool-svg-icon{width:15px;height:15px}}.navitem .ico .tool-svg-icon{width:17px;height:17px}.drop{border:2px dashed var(--line);border-radius:var(--radius);padding:30px 24px;text-align:center;color:var(--muted);cursor:pointer;background:var(--panel-2);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);font-weight:600;font-size:0.94rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}@media (max-width:768px){.drop{padding:20px 16px;font-size:0.88rem;gap:10px}}@media (max-width:480px){.drop{padding:16px 12px;font-size:0.84rem;gap:8px}}.drop:hover,.drop.drag{border-color:var(--cat-color,var(--brand));background:var(--cat-dim,var(--brand-dim));color:var(--cat-color,var(--brand));transform:translateY(-2px);box-shadow:var(--shadow-sm)}.drop svg{color:var(--muted);transition:transform 0.2s ease,color 0.2s ease}.drop:hover svg{transform:scale(1.1);color:var(--cat-color,var(--brand))}.filelist{margin-top:16px;display:flex;flex-direction:column;gap:8px}.filelist>div{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:0.84rem;font-weight:500}.md-preview{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;min-height:280px;font-size:0.94rem;line-height:1.7;overflow-y:auto}.md-preview mark{background:#FEF08A;color:#000000;padding:2px 6px;border-radius:4px}[data-theme="dark"] .md-preview mark{background:#CA8A04;color:#FFFFFF}.md-preview pre{background:var(--panel);padding:14px;border-radius:var(--radius-sm);overflow-x:auto;border:1px solid var(--line)}.md-preview code{font-family:'JetBrains Mono',monospace;font-size:0.86rem}.table-wrap{width:100%;overflow-x:auto;max-height:480px;border-radius:var(--radius-sm);border:1px solid var(--line);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}table.amort{width:100%;border-collapse:collapse;font-family:'JetBrains Mono',monospace;font-size:0.8rem}table.amort th{text-align:right;color:var(--muted);padding:12px 14px;border-bottom:1.5px solid var(--line);background:var(--panel-2);position:sticky;top:0;font-weight:600}table.amort td{text-align:right;padding:10px 14px;border-bottom:1px solid var(--line)}table.amort tr:hover td{background:var(--panel-2)}.clock-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);transition:background 0.15s ease}.clock-row:hover{background:var(--panel-2)}.clock-row:last-child{border-bottom:none}.clock-row .place{font-weight:700;font-size:0.98rem;color:var(--text);margin-bottom:4px}.clock-row .tz{font-size:0.76rem;color:var(--muted);letter-spacing:0.02em}.clock-row .time{font-family:'JetBrains Mono',monospace;font-size:1.55rem;font-weight:800;color:var(--cat-color,var(--brand));text-shadow:0 4px 12px color-mix(in srgb,var(--cat-color,var(--brand)) 30%,transparent)}.swatches{display:flex;gap:10px;flex-wrap:wrap}.pw-display{font-family:'JetBrains Mono',monospace;font-size:1.4rem;font-weight:700;padding:18px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);text-align:center;word-break:break-all;letter-spacing:2px;color:var(--brand)}.strength-bar{width:100%;height:6px;background:var(--line);border-radius:999px;margin-top:12px;overflow:hidden}.strength-fill{height:100%;width:0%;transition:width 0.3s ease,background 0.3s ease}.pomodoro-face{text-align:center;padding:28px 0 16px;display:flex;flex-direction:column;align-items:center;gap:16px}.pomo-mode{font-size:0.88rem;font-weight:800;letter-spacing:0.15em;color:var(--brand);text-transform:uppercase}.pomo-time{font-family:'JetBrains Mono',monospace;font-size:4.2rem;font-weight:800;color:var(--text);letter-spacing:-0.04em}input[type=range],input[type=range].range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:5px;background:var(--line);outline:none;padding:0;border:none;margin:10px 0;cursor:pointer}input[type=range]::-webkit-slider-thumb,input[type=range].range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cat-color,var(--brand));cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.2);transition:transform 0.1s ease,box-shadow 0.15s ease}input[type=range]::-moz-range-thumb,input[type=range].range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:none;background:var(--cat-color,var(--brand));cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.2);transition:transform 0.1s ease,box-shadow 0.15s ease}input[type=range]::-webkit-slider-thumb:hover,input[type=range].range::-webkit-slider-thumb:hover,input[type=range]::-moz-range-thumb:hover,input[type=range].range::-moz-range-thumb:hover{transform:scale(1.15)}input[type=range]:focus-visible::-webkit-slider-thumb,input[type=range].range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--brand-glow)}input[type=range]:focus-visible::-moz-range-thumb,input[type=range].range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--brand-glow)}.knowledge-hub{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:36px 40px;margin-top:36px;box-shadow:var(--shadow-sm);line-height:1.75}.hub-badge{display:inline-flex;align-items:center;gap:8px;font-size:0.8rem;font-weight:700;color:var(--cat-color,var(--brand));background:var(--cat-dim,var(--brand-dim));padding:5px 14px;border-radius:var(--radius-pill);margin-bottom:16px;letter-spacing:0.02em}.knowledge-hub h2{font-size:1.6rem;font-weight:800;color:var(--text);margin:0 0 16px;line-height:1.35;letter-spacing:-0.02em}.knowledge-hub h3{font-size:1.18rem;font-weight:700;color:var(--text);margin:28px 0 12px;display:flex;align-items:center;gap:8px}.knowledge-hub p{color:var(--text-secondary,var(--text));font-size:0.95rem;margin:0 0 14px;line-height:1.7}.knowledge-hub p strong,.knowledge-hub p b{color:var(--text);font-weight:700}.cl_item_card code,.knowledge-hub code:not(.hub-formula-card code){font-family:'JetBrains Mono',ui-monospace,monospace;font-size:0.84em;background:var(--line,rgba(0,0,0,0.06));padding:1px 5px;border-radius:4px;color:var(--brand,#3b82f6);font-weight:600}.hub-formula-card{background:var(--panel-2);border:1px solid var(--line);border-left:4px solid var(--cat-color,var(--brand));border-radius:var(--radius-sm);padding:16px 20px;margin:14px 0 12px;font-family:'JetBrains Mono',monospace;font-size:0.95rem;font-weight:700;color:var(--cat-color,var(--brand));display:flex;align-items:center;gap:12px;overflow-x:auto}.hub-formula-desc{font-size:0.88rem !important;color:var(--muted) !important;margin-bottom:20px !important}.hub-practice-list{list-style:none;padding:0;margin:14px 0 24px;display:flex;flex-direction:column;gap:12px}.hub-practice-list li{position:relative;padding-left:28px;font-size:0.93rem;color:var(--text-secondary,var(--text));line-height:1.65}.hub-practice-list li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--ok);font-weight:800;font-size:1.05rem}.hub-faq-group{display:flex;flex-direction:column;gap:12px;margin-top:16px}.hub-faq-item{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease}.hub-faq-item[open]{border-color:var(--cat-color,var(--brand));box-shadow:var(--shadow-xs)}.hub-faq-question{padding:16px 20px;font-size:0.95rem;font-weight:700;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;list-style:none}.hub-faq-question::-webkit-details-marker{display:none}.hub-faq-question svg{transition:transform 0.2s ease;color:var(--muted-2);flex-shrink:0}.hub-faq-item[open] .hub-faq-question svg{transform:rotate(180deg);color:var(--cat-color,var(--brand))}.hub-faq-answer{padding:0 20px 18px;font-size:0.91rem;color:var(--muted);line-height:1.7}@media (max-width:768px){.knowledge-hub{padding:24px 20px}.knowledge-hub h2{font-size:1.35rem}.hub-formula-card{font-size:0.85rem;padding:12px 14px}}.sub-cue-row input:focus{border-color:var(--brand);outline:none}#glass_preview_card{box-shadow:0 8px 32px 0 rgba(0,0,0,0.37)}#grid_canvas{border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.holiday-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.holiday-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm,10px);transition:all 0.2s ease;gap:12px}.holiday-item:hover{border-color:var(--brand);transform:translateY(-1px);background:var(--surface);box-shadow:0 4px 12px rgba(0,0,0,0.05)}.holiday-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.holiday-leaf{width:48px;height:52px;border-radius:8px;overflow:hidden;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;text-align:center;flex-shrink:0;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.holiday-leaf-m{background:var(--brand);color:#ffffff;font-size:0.65rem;font-weight:700;text-transform:uppercase;padding:2px 0;letter-spacing:0.5px}.holiday-leaf-d{font-size:1.25rem;font-weight:800;color:var(--text);display:flex;align-items:center;justify-content:center;flex:1;line-height:1;font-family:'JetBrains Mono',monospace}.holiday-leaf.dynamic{border-color:rgba(16,185,129,0.35)}.holiday-leaf.dynamic .holiday-leaf-m{background:#10B981}.holiday-leaf.dynamic .holiday-leaf-d{color:#10B981;font-size:1rem}.holiday-info{display:flex;flex-direction:column;gap:3px;min-width:0}.holiday-name{font-weight:700;font-size:0.92rem;color:var(--text);line-height:1.3}.holiday-date-sub{font-size:0.76rem;color:var(--muted)}.holiday-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:0.72rem;font-weight:700;letter-spacing:0.2px;flex-shrink:0}.holiday-badge.national{background:rgba(59,130,246,0.12);color:#3B82F6;border:1px solid rgba(59,130,246,0.25)}.holiday-badge.religious{background:rgba(16,185,129,0.12);color:#10B981;border:1px solid rgba(16,185,129,0.25)}.ac-container{display:flex;flex-direction:column;gap:16px}.ac-presets-label{font-size:0.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.ac-presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}.ac-preset-btn{background:var(--panel-2);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;text-align:left;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.ac-preset-btn:hover{border-color:var(--brand);transform:translateY(-2px);background:var(--brand-dim);box-shadow:var(--shadow-sm)}.ac-preset-btn.active{border-color:var(--brand);background:var(--brand-dim);box-shadow:0 0 0 2px var(--brand-glow),var(--shadow-sm)}.ac-preset-btn.active::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand)}.ac-preset-title{font-size:0.88rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}.ac-preset-desc{font-size:0.74rem;color:var(--muted);line-height:1.35}.ac-waveform-card{background:#090D16;color:#F1F5F9;border-radius:var(--radius);border:1px solid rgba(255,255,255,0.1);padding:16px;box-shadow:0 12px 32px rgba(0,0,0,0.35);position:relative;overflow:hidden}.ac-waveform-hud{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:0.78rem;flex-wrap:wrap;gap:8px}.ac-legend{display:flex;align-items:center;gap:14px}.ac-legend-item{display:flex;align-items:center;gap:6px;font-size:0.75rem;font-weight:600}.ac-dot-original{width:9px;height:9px;border-radius:50%;background:#64748B;box-shadow:0 0 8px rgba(100,116,139,0.5)}.ac-dot-cleaned{width:9px;height:9px;border-radius:50%;background:#06B6D4;box-shadow:0 0 8px rgba(6,182,212,0.8)}.ac-dot-diff{width:9px;height:9px;border-radius:50%;background:#F59E0B;box-shadow:0 0 8px rgba(245,158,11,0.7)}.ac-time-badge{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:0.84rem;font-weight:700;background:rgba(255,255,255,0.08);padding:4px 10px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,0.12);color:#38BDF8}.ac-canvas-wrap{position:relative;width:100%;height:120px;background:rgba(15,23,42,0.6);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,0.08);cursor:crosshair;user-select:none;touch-action:none}.ac-canvas-wrap canvas{width:100%;height:100%;display:block}.ac-hover-tag{position:absolute;top:6px;pointer-events:none;background:rgba(0,0,0,0.85);color:#F8FAFC;font-family:'JetBrains Mono',monospace;font-size:0.7rem;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,0.2);transform:translateX(-50%);display:none;z-index:5}.ac-transport-bar{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.1);flex-wrap:wrap;gap:12px}.ac-transport-left{display:flex;align-items:center;gap:8px}.ac-btn-icon{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#F8FAFC;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.18s ease}.ac-btn-icon:hover{background:rgba(255,255,255,0.16);transform:scale(1.05)}.ac-btn-play{width:44px;height:44px;background:#0284C7;border-color:#38BDF8;color:#FFFFFF}.ac-btn-play:hover{background:#0369A1;box-shadow:0 0 16px rgba(14,165,233,0.5)}.ac-ab-container{display:flex;align-items:center;background:rgba(255,255,255,0.06);padding:4px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,0.12);gap:4px}.ac-ab-btn{padding:7px 16px;border-radius:var(--radius-pill);font-size:0.8rem;font-weight:700;border:none;background:transparent;color:#94A3B8;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);display:flex;align-items:center;gap:6px}.ac-ab-btn:hover{color:#F8FAFC}.ac-ab-btn.active.state-a{background:#E2E8F0;color:#0F172A;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.ac-ab-btn.active.state-b{background:linear-gradient(135deg,#06B6D4 0%,#10B981 100%);color:#FFFFFF;box-shadow:0 2px 12px rgba(6,182,212,0.5)}.ac-transport-right{display:flex;align-items:center;gap:12px}.ac-vol-wrap{display:flex;align-items:center;gap:8px;color:#94A3B8}.ac-vol-slider{width:80px;accent-color:#06B6D4}.ac-drawer{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow 0.2s ease}.ac-drawer-header{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:var(--panel-2);border-bottom:1px solid transparent;user-select:none;transition:background 0.15s ease}.ac-drawer-header:hover{background:var(--bg-subtle)}.ac-drawer.open .ac-drawer-header{border-bottom-color:var(--line)}.ac-drawer-title{font-size:0.92rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text)}.ac-drawer-chevron{transition:transform 0.25s cubic-bezier(0.16,1,0.3,1);color:var(--muted)}.ac-drawer.open .ac-drawer-chevron{transform:rotate(180deg)}.ac-drawer-body{padding:18px;display:none}.ac-drawer.open .ac-drawer-body{display:block}.ac-tuning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.ac-field-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:0.84rem;font-weight:600;color:var(--text)}.ac-field-val{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--brand);font-size:0.8rem}.ac-export-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:14px}.ac-export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px}.ac-export-format-pills{display:flex;gap:6px;flex-wrap:wrap}.ac-format-pill{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.15s ease}.ac-format-pill:hover{border-color:var(--brand)}.ac-format-pill.active{background:var(--brand);color:#FFFFFF;border-color:var(--brand);box-shadow:var(--shadow-sm)}.tts-controls-card{display:flex;flex-direction:column;gap:16px}.tts-stats-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:0.85rem;color:var(--muted)}.tts-stat-chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel);padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--line);font-weight:600;color:var(--text)}.tts-stat-chip span.val{color:var(--brand);font-family:'JetBrains Mono',monospace}.tts-slider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;background:var(--panel-2);padding:16px;border-radius:var(--radius);border:1px solid var(--line)}.tts-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tts-val-badge{font-family:'JetBrains Mono',monospace;font-size:0.82rem;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--brand-dim);color:var(--brand);border:1px solid var(--brand)}.tts-playback-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}.tts-karaoke-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:16px;position:relative;overflow:hidden}.tts-karaoke-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.tts-karaoke-title{display:flex;align-items:center;gap:8px;font-size:0.92rem;font-weight:700;color:var(--text)}.tts-karaoke-content{min-height:90px;max-height:240px;overflow-y:auto;line-height:1.85;font-size:1.05rem;color:var(--text);padding:12px 14px;background:var(--panel-2);border-radius:var(--radius-sm);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word}.tts-karaoke-word{display:inline;padding:2px 3px;border-radius:4px;transition:all 0.12s cubic-bezier(0.16,1,0.3,1);cursor:default}.tts-karaoke-word.active{background:var(--brand);color:#FFFFFF !important;font-weight:700;border-radius:4px;box-shadow:0 0 10px rgba(59,130,246,0.45);transform:scale(1.05);display:inline-block}.tts-pulse-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:ttsPulse 1.5s infinite}@keyframes ttsPulse{0%{transform:scale(0.9);opacity:0.7}50%{transform:scale(1.3);opacity:1}100%{transform:scale(0.9);opacity:0.7}}.sizes-container{display:flex;flex-direction:column;gap:20px}.sizes-segment-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sizes-tab-btn{padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:0.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all 0.15s ease}.sizes-tab-btn:hover{border-color:var(--brand);background:var(--panel)}.sizes-tab-btn.active{background:var(--brand);color:#FFFFFF;border-color:var(--brand);box-shadow:var(--shadow-sm)}.sizes-gender-btn{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.15s ease}.sizes-gender-btn:hover{color:var(--text);border-color:var(--brand)}.sizes-gender-btn.active{background:var(--brand-dim);color:var(--brand);border-color:var(--brand);font-weight:700}.sizes-finder-card{background:linear-gradient(135deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.sizes-finder-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.sizes-finder-result{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.sizes-metric-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;text-align:center;transition:transform 0.15s ease}.sizes-metric-box:hover{transform:translateY(-2px);border-color:var(--brand)}.sizes-metric-box .reg{font-size:0.76rem;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:4px}.sizes-metric-box .val{font-size:1.45rem;font-weight:800;color:var(--brand);font-family:'JetBrains Mono',monospace}.sizes-fit-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-size:0.82rem;font-weight:600;margin-top:10px}.sizes-fit-exact{background:rgba(16,185,129,0.12);color:#10B981;border:1px solid rgba(16,185,129,0.3)}.sizes-fit-between{background:rgba(245,158,11,0.12);color:#F59E0B;border:1px solid rgba(245,158,11,0.3)}.sizes-table-wrapper{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm)}.sizes-table{width:100%;border-collapse:collapse;font-size:0.88rem;text-align:left}.sizes-table th{background:var(--panel-2);padding:12px 14px;font-weight:700;color:var(--text);border-bottom:2px solid var(--line);white-space:nowrap}.sizes-table td{padding:10px 14px;border-bottom:1px solid var(--line);color:var(--text);white-space:nowrap;font-family:'JetBrains Mono',monospace}.sizes-table tbody tr{cursor:pointer;transition:all 0.12s ease}.sizes-table tbody tr:hover{background:var(--panel-2)}.sizes-table tbody tr.active-size-row{background:var(--brand-dim) !important;color:var(--brand) !important;font-weight:800;position:relative;box-shadow:inset 3px 0 0 0 var(--brand)}.sizes-table tbody tr.active-size-row td{color:var(--brand) !important;font-weight:800}.sizes-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px}.sizes-guide-item{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.sizes-guide-item .title{font-size:0.88rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.sizes-guide-item .desc{font-size:0.82rem;color:var(--muted);line-height:1.55}@media print{header,footer,nav,.btn,.btn-row,.notice,#cookieBanner,.theme-toggle,.no-print,.status-strip,.sidebar,#ig_notice,.file-upload-btn{display:none !important}body{background:#ffffff !important;color:#000000 !important;margin:0 !important;padding:0 !important}.card,.panel,.tool-layout,.tool-columns{box-shadow:none !important;border:none !important;background:transparent !important;padding:0 !important;margin:0 !important}.invoice-sheet,#ig_preview_sheet{box-shadow:none !important;border:none !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:10mm !important;background:#ffffff !important;color:#000000 !important}#sizes_print_area{display:block !important;width:100% !important;margin:0 !important;padding:10px !important;background:#fff !important;color:#000 !important}#ln_result,#ma_result_panel,#th_result{display:block !important;box-shadow:none !important;border:none !important;margin-top:10px !important}.table-wrap{overflow:visible !important;max-height:none !important}table{width:100% !important;border-collapse:collapse !important}tr{page-break-inside:avoid !important;break-inside:avoid !important}th,td{color:#000 !important;border-color:#ddd !important;background:transparent !important}}.metro-stage{position:relative;transition:border-color 0.1s ease}.metro-dot{display:inline-block;cursor:default}.metro-dot.accent{border-color:#ffaa00 !important}@keyframes recPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:0.7}100%{transform:scale(1);opacity:1}}#rec_pulse_dot.recording{animation:recPulse 1.2s infinite ease-in-out}.filelist>div{transition:transform 0.15s ease,border-color 0.15s ease}.filelist>div:hover{border-color:var(--cat-color,var(--brand))}