:root{color-scheme:light;--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);--surface-card:var(--panel);--surface-border:var(--line);--surface-hover:var(--panel-2);--card-bg:var(--panel);--input-bg:var(--panel-2);--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="light"]{color-scheme:light}[data-theme="dark"]{color-scheme: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);--surface-card:var(--panel);--surface-border:var(--line);--surface-hover:var(--panel-2);--card-bg:var(--panel);--input-bg:var(--panel-2);--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) !important;border-right:1px solid var(--line);padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));padding-left:calc(14px + env(safe-area-inset-left,0px));padding-right:14px;box-sizing:border-box;z-index:10050;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;flex-direction:column;transform:translateX(-100%);-webkit-transform:translateX(-100%);visibility:hidden;transition:transform 0.28s cubic-bezier(0.16,1,0.3,1),visibility 0.28s,background-color 0.2s ease;box-shadow:var(--shadow-lg);isolation:isolate;-webkit-backface-visibility:hidden;backface-visibility:hidden}.sidebar:not(.open){display:none !important}.sidebar.open{display:flex !important;transform:translateX(0);-webkit-transform:translateX(0);visibility:visible}[dir="rtl"] .sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--line);padding-right:calc(14px + env(safe-area-inset-right,0px));padding-left:14px;transform:translateX(100%);-webkit-transform:translateX(100%);visibility:hidden}[dir="rtl"] .sidebar.open{display:flex !important;transform:translateX(0);-webkit-transform:translateX(0);visibility:visible}}.sidebar-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin-bottom:16px;box-sizing:border-box;flex-shrink:0}.sidebar-header-row .brand{display:inline-flex;align-items:center;min-height:44px;max-width:calc(100% - 56px);text-decoration:none;cursor:pointer}.sidebar-header-row .brand svg{width:152px;max-width:100%;height:auto;aspect-ratio:996 / 220;display:block;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.sidebar-close-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--line);color:var(--muted);cursor:pointer;padding:0;box-sizing:border-box;flex-shrink:0;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:44px;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:10040;display:none;opacity:0;transition:opacity 0.2s ease;touch-action:none}.sidebar-overlay.active{display:block;opacity:1}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;direction:ltr}.brand-header{padding:0;display:inline-flex;align-items:center;min-height:44px}.brand-header svg{width:185px !important;max-width:195px;min-width:175px;height:auto !important;aspect-ratio:996 / 220;display:block;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:44px}.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:105;width:100%;height:calc(72px + env(safe-area-inset-top,0px));min-height:calc(72px + env(safe-area-inset-top,0px));max-height:calc(72px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);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:72px;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-search{position:relative;display:flex;align-items:center;flex:0 1 280px;min-width:180px;max-width:320px;margin:0}.header-search-form{position:relative;width:100%;margin:0;display:flex;align-items:center}.header-search-box{position:relative;display:flex;align-items:center;width:100%;height:40px;padding:0 10px;background:var(--surface2,#f1f5f9);border:1px solid var(--line,#e2e8f0);border-radius:var(--radius,10px);box-sizing:border-box;transition:border-color 0.15s ease,box-shadow 0.15s ease,background 0.15s ease}[data-theme="dark"] .header-search-box{background:rgba(30,41,59,0.7);border-color:rgba(255,255,255,0.12)}.header-search-box:focus-within{border-color:var(--brand,#0055ff);background:var(--surface,#ffffff);box-shadow:0 0 0 3px rgba(0,85,255,0.15)}[data-theme="dark"] .header-search-box:focus-within{background:#1e293b;border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,0.2)}.header-search-icon{width:16px;height:16px;min-width:16px;color:var(--muted,#64748b);flex-shrink:0;pointer-events:none}.header-search-input{flex:1;min-width:0;height:100%;border:none;background:transparent;padding:0 8px;font-size:0.88rem;font-family:inherit;color:var(--text,#0f172a);outline:none;box-sizing:border-box}.header-search-box .header-search-input:focus,.header-search-box .header-search-input:focus-visible{outline:none !important;box-shadow:none !important}@media (forced-colors:active){.header-search-box:focus-within{outline:2px solid Highlight !important;outline-offset:1px !important}}.header-search-input::placeholder{color:var(--muted,#94a3b8);opacity:1}.header-search-clear{display:none;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--muted,#64748b);border-radius:4px;cursor:pointer;flex-shrink:0;transition:color 0.15s ease,background 0.15s ease}.header-search-clear:hover{color:var(--text,#0f172a);background:rgba(0,0,0,0.05)}[data-theme="dark"] .header-search-clear:hover{background:rgba(255,255,255,0.1)}.header-search-kbd{display:inline-flex;align-items:center;justify-content:center;font-size:0.72rem;font-family:inherit;font-weight:600;color:var(--muted,#64748b);background:var(--surface,#ffffff);border:1px solid var(--line,#e2e8f0);border-radius:4px;padding:1px 6px;line-height:1.2;flex-shrink:0;pointer-events:none}[data-theme="dark"] .header-search-kbd{background:#0f172a;border-color:rgba(255,255,255,0.12);color:#94a3b8}.header-search-close-mobile{display:none}.header-search-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--line,#e2e8f0);border-radius:var(--radius-sm,8px);background:var(--surface,#ffffff);color:var(--navy,#0f172a);cursor:pointer;box-sizing:border-box;flex-shrink:0;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease}[data-theme="dark"] .header-search-toggle{background:rgba(30,41,59,0.7);border-color:rgba(255,255,255,0.12);color:var(--text,#f8fafc)}.header-search-toggle:hover{border-color:var(--brand,#0055ff);color:var(--brand,#0055ff)}.header-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;min-width:280px;max-width:400px;background:var(--surface,#ffffff);border:1px solid var(--line,#e2e8f0);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.06);max-height:420px;overflow-y:auto;z-index:1000;padding:6px;box-sizing:border-box;display:none}[data-theme="dark"] .header-search-dropdown{background:#1e293b;border-color:rgba(255,255,255,0.14);box-shadow:0 16px 36px rgba(0,0,0,0.45)}.header-search-dropdown .search-dd-item{border-radius:8px;border-bottom:none;padding:6px 8px;margin-bottom:2px;transition:background 0.12s ease}.header-search-dropdown .search-dd-item:hover,.header-search-dropdown .search-dd-item.highlighted{background:var(--brand-dim,rgba(0,85,255,0.08))}[data-theme="dark"] .header-search-dropdown .search-dd-item:hover,[data-theme="dark"] .header-search-dropdown .search-dd-item.highlighted{background:rgba(56,189,248,0.15)}.header-search-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,0.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:102;transition:opacity 0.2s ease}[dir="rtl"] .header-search-box{direction:rtl}[dir="rtl"] .header-search-input{text-align:right}[dir="rtl"] .header-search-dropdown{direction:rtl;text-align:right}.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:100px;flex-shrink:0;margin:6px auto 10px;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;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:#0369A1;font-size:0.72rem}[data-theme="dark"] .preview-dims-box{color:#38BDF8}.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)}.social-platform-filter-bar{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap;align-items:center}.platform-filter-pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;user-select:none}.platform-filter-pill:hover{background:var(--panel);color:var(--text);border-color:var(--brand)}.platform-filter-pill.active{background:var(--brand);color:#FFFFFF;border-color:var(--brand);box-shadow:0 2px 8px 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}.header-search{flex:0 1 220px !important;min-width:160px !important;max-width:260px !important}.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){.menu-btn{display:inline-flex !important;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;font-size:1.25rem;box-sizing:border-box;padding:0;flex-shrink:0}.topbar{position:sticky;top:0;z-index:105;flex-wrap:nowrap !important;height:calc(60px + env(safe-area-inset-top,0px)) !important;min-height:calc(60px + env(safe-area-inset-top,0px)) !important;max-height:calc(60px + env(safe-area-inset-top,0px)) !important;padding-top:env(safe-area-inset-top,0px) !important;padding-bottom:0 !important;padding-left:calc(14px + env(safe-area-inset-left,0px)) !important;padding-right:calc(14px + env(safe-area-inset-right,0px)) !important;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 !important;justify-content:space-between !important}[data-theme="dark"] .topbar{background:rgba(15,23,42,0.94)}.topbar-inner{height:60px !important;padding:0 !important;margin:0 !important;max-width:100% !important;width:100% !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;min-width:0 !important;box-sizing:border-box !important}.header-left{display:flex !important;align-items:center !important;gap:10px !important;min-width:0 !important;flex-shrink:0 !important}.header-nav{display:none !important}.brand-header{display:inline-flex !important;align-items:center !important;min-height:44px !important}.brand-header svg{aspect-ratio:996 / 220;width:148px !important;max-width:155px !important;min-width:130px !important;height:auto !important;display:block;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.header-left{display:flex !important;align-items:center !important;gap:8px !important;min-height:44px !important;flex-shrink:0 !important}.top-right .lang-selector-wrapper{display:inline-flex !important;align-items:center !important;flex-shrink:0 !important}.top-right .lang-btn{min-width:44px !important;min-height:44px !important;height:44px !important;padding:0 8px !important;box-sizing:border-box !important;flex-shrink:0 !important}.top-right{display:flex !important;align-items:center !important;gap:8px !important;margin-left:auto;flex-wrap:nowrap !important;flex-shrink:0 !important;min-width:0 !important}.top-right .top-search,.topbar .top-search{display:none !important}.header-search-toggle{display:inline-flex !important}.header-search{display:none !important}.header-search.is-open{display:block !important;position:absolute !important;top:calc(60px + env(safe-area-inset-top,0px)) !important;left:0 !important;right:0 !important;width:100% !important;max-width:100% !important;min-width:100% !important;padding:10px 14px 12px 14px !important;background:var(--surface,#ffffff) !important;border-bottom:1px solid var(--line,#e2e8f0) !important;box-shadow:0 8px 24px rgba(0,0,0,0.12) !important;box-sizing:border-box !important;z-index:105 !important}[data-theme="dark"] .header-search.is-open{background:#0f172a !important;border-bottom-color:rgba(255,255,255,0.12) !important}.header-search.is-open .header-search-form{display:flex !important;align-items:center !important;gap:8px !important;width:100% !important}.header-search.is-open .header-search-box{flex:1 !important;height:44px !important}.header-search.is-open .header-search-kbd{display:none !important}.header-search.is-open .header-search-close-mobile{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;padding:0 !important;border:1px solid var(--line,#e2e8f0) !important;border-radius:var(--radius-sm,8px) !important;background:var(--surface2,#f1f5f9) !important;color:var(--text,#0f172a) !important;cursor:pointer !important;flex-shrink:0 !important;box-sizing:border-box !important}[data-theme="dark"] .header-search.is-open .header-search-close-mobile{background:rgba(30,41,59,0.8) !important;border-color:rgba(255,255,255,0.12) !important;color:#f8fafc !important}.header-search.is-open .header-search-dropdown{position:absolute !important;top:100% !important;left:0 !important;right:0 !important;width:100% !important;max-width:100% !important;min-width:100% !important;border-radius:0 0 12px 12px !important;max-height:calc(100vh - 140px) !important;box-shadow:0 16px 36px rgba(0,0,0,0.22) !important;z-index:106 !important}.header-search-overlay.is-open{display:block !important}.top-right #themeBtn,.top-right .theme-toggle{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;flex-shrink:0 !important}.top-right #themeBtn #themeBtnLabel,.top-right #themeBtn .sr-only,.top-right .theme-toggle span:not(.theme-switch-track):not(.theme-switch-icon):not(.theme-switch-thumb){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:136px !important;max-width:140px !important;min-width:120px !important}.topbar{padding-top:env(safe-area-inset-top,0px) !important;padding-bottom:0 !important;padding-left:calc(10px + env(safe-area-inset-left,0px)) !important;padding-right:calc(10px + env(safe-area-inset-right,0px)) !important;gap:8px !important}.header-left{gap:6px !important}.top-right .lang-btn{min-width:44px !important;height:44px !important;padding:0 6px !important;gap:3px !important}.top-right{gap:6px !important}}@media (max-width:360px){.brand-header svg{width:122px !important;max-width:125px !important;min-width:115px !important}.topbar{padding-top:env(safe-area-inset-top,0px) !important;padding-bottom:0 !important;padding-left:calc(8px + env(safe-area-inset-left,0px)) !important;padding-right:calc(8px + env(safe-area-inset-right,0px)) !important;gap:4px !important}.header-left{gap:4px !important}.top-right .lang-btn{min-width:44px !important;height:44px !important;padding:0 5px !important;gap:2px !important}.top-right{gap:4px !important}.home-grid,.tools-grid,.related-tools-grid{gap:8px}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:10020;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;touch-action:manipulation}.cookie-banner-actions #acceptCookiesBtn{flex:1 1 100%;min-height:44px}}@media (max-width:390px){.cookie-banner-actions .btn{flex:1 1 100% !important;width:100%}}.cookie-banner:not([style*="display:none"]):not([style*="display:none"]) ~ .back-to-top-btn{bottom:calc(180px + env(safe-area-inset-bottom,0px)) !important}.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%;min-height:440px}.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;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}.category-subnav-inner{padding:0 16px;gap:18px}}@media (max-width:480px){.focused-card-panel{padding:16px 8px}.sz-container{padding:12px 0 !important}}@media (max-width:380px){.main-inner{padding:0 6px}.focused-card-panel{padding:14px 4px}}@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){html{scroll-behavior:auto !important}*,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important}.hero-card,.hero-cards-stage,.hero-slogan-line,.hero-card-preview,.hero-card-head,.back-to-top-btn,.cookie-banner,.sw-update-banner,.ad-skeleton,.gts-spinner,.gts-progress-bar,.status-refresh-btn.spinning svg,.toast,.modal,.sidebar{animation:none !important;transition:none !important;transform:none !important}}:focus-visible{outline:2px solid var(--brand,#0055FF) !important;outline-offset:2px !important}.btn:focus-visible,.menu-btn:focus-visible,.sidebar-close-btn:focus-visible,.lang-btn:focus-visible,#themeBtn:focus-visible,.subnav-tab:focus-visible,.header-nav-link:focus-visible,.sidebar-nav-link:focus-visible,a.brand:focus-visible,.hero-search-btn:focus-visible,.cookie-banner-actions .btn:focus-visible,.cookie-modal-actions .btn:focus-visible,.cookie-modal-close:focus-visible,#cookieSettingsBtn:focus-visible,.pwa-install-btn:focus-visible{outline:2px solid var(--brand,#0055FF) !important;outline-offset:2px !important;box-shadow:0 0 0 4px rgba(0,85,255,0.22) !important}:lang(ko){word-break:keep-all;line-break:strict}:lang(ja),:lang(zh){line-height:1.6}:lang(hi){line-height:1.65}:lang(vi){font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;text-rendering:optimizeLegibility}:lang(vi) h1,:lang(vi) h2,:lang(vi) h3,:lang(vi) h4,:lang(vi) h5,:lang(vi) h6,:lang(vi) .tool-title,:lang(vi) .card-head,:lang(vi) .tname,:lang(vi) .brand .name,:lang(vi) .hero-minimal h1,:lang(vi) .navcat-label{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;letter-spacing:normal !important}:lang(bn){font-family:'Inter','Noto Sans Bengali','Kohinoor Bangla','Nirmala UI','Bangla Sangam MN',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.65;text-rendering:optimizeLegibility}:lang(bn) h1,:lang(bn) h2,:lang(bn) h3,:lang(bn) h4,:lang(bn) h5,:lang(bn) h6,:lang(bn) .tool-title,:lang(bn) .card-head,:lang(bn) .tname,:lang(bn) .brand .name,:lang(bn) .hero-minimal h1,:lang(bn) .navcat-label{font-family:'Inter','Noto Sans Bengali','Kohinoor Bangla','Nirmala UI','Bangla Sangam MN',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;letter-spacing:normal !important}:lang(th){font-family:'Inter','Noto Sans Thai','Thonburi','Leelawadee UI','Tahoma',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.65;text-rendering:optimizeLegibility}:lang(th) h1,:lang(th) h2,:lang(th) h3,:lang(th) h4,:lang(th) h5,:lang(th) h6,:lang(th) .tool-title,:lang(th) .card-head,:lang(th) .tname,:lang(th) .brand .name,:lang(th) .hero-minimal h1,:lang(th) .navcat-label{font-family:'Inter','Noto Sans Thai','Thonburi','Leelawadee UI','Tahoma',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;letter-spacing:normal !important}:lang(pl){hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility}:lang(pl) h1,:lang(pl) h2,:lang(pl) h3,:lang(pl) h4,:lang(pl) h5,:lang(pl) h6,:lang(pl) .tool-title,:lang(pl) .card-head,:lang(pl) .tname,:lang(pl) .brand .name,:lang(pl) .hero-minimal h1,:lang(pl) .navcat-label{letter-spacing:normal !important}:lang(nl){-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-rendering:optimizeLegibility}:lang(nl) h1,:lang(nl) h2,:lang(nl) h3,:lang(nl) h4,:lang(nl) h5,:lang(nl) h6,:lang(nl) .tool-title,:lang(nl) .card-head,:lang(nl) .tname,:lang(nl) .brand .name,:lang(nl) .hero-minimal h1,:lang(nl) .navcat-label{letter-spacing:normal !important}:lang(de),:lang(ru){hyphens:auto;overflow-wrap:break-word}:lang(ur){font-family:'Noto Nastaliq Urdu','Noto Sans Arabic','Segoe UI Historic','Segoe UI','Tahoma',system-ui,-apple-system,sans-serif;line-height:1.7;text-rendering:optimizeLegibility;overflow-wrap:break-word}:lang(ur) h1,:lang(ur) h2,:lang(ur) h3,:lang(ur) h4,:lang(ur) h5,:lang(ur) h6,:lang(ur) .tool-title,:lang(ur) .card-head,:lang(ur) .tname,:lang(ur) .brand .name,:lang(ur) .hero-minimal h1,:lang(ur) .navcat-label{font-family:'Noto Nastaliq Urdu','Noto Sans Arabic','Segoe UI Historic','Segoe UI','Tahoma',system-ui,-apple-system,sans-serif !important;letter-spacing:normal !important}[dir="rtl"]{line-height:1.65}.category-hub-page{padding:12px 0 48px;max-width:1240px;margin:0 auto}.category-hero-header{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px 32px;margin-bottom:32px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.category-badge-row{margin-bottom:14px}.category-hub-badge{display:inline-flex;align-items:center;font-size:0.76rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:5px 12px;border-radius:9999px;background:var(--brand-dim);color:var(--brand);border:1px solid rgba(0,85,255,0.2)}.category-title-row{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.category-icon-large{width:52px;height:52px;border-radius:12px;background:var(--brand-dim);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon-large svg{width:28px;height:28px}.category-title-text{flex:1;min-width:0}.category-main-heading{font-size:1.85rem;font-weight:800;color:var(--navy);letter-spacing:-0.02em;line-height:1.25;margin:0 0 10px}[data-theme="dark"] .category-main-heading{color:#F8FAFC}.category-lead-intro{font-size:0.98rem;color:var(--muted);line-height:1.6;margin:0}.category-trust-bar{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding-top:18px;border-top:1px solid var(--line);font-size:0.85rem;font-weight:600;color:var(--muted)}.trust-bar-item{display:inline-flex;align-items:center;gap:8px}.trust-bar-item svg{color:var(--brand);flex-shrink:0}.category-section{margin-bottom:28px}.selection-table-wrapper{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto;box-shadow:var(--shadow-xs);-webkit-overflow-scrolling:touch}.selection-matrix-table{width:100%;border-collapse:collapse;text-align:left;font-size:0.9rem}.selection-matrix-table th{background:var(--panel-2);padding:12px 16px;font-weight:700;color:var(--navy);border-bottom:1px solid var(--line);letter-spacing:-0.01em}[data-theme="dark"] .selection-matrix-table th{color:#F8FAFC}.selection-matrix-table td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--text);line-height:1.5;vertical-align:middle}.selection-matrix-table tr:last-child td{border-bottom:none}.selection-matrix-table tr:hover td{background:rgba(0,85,255,0.02)}.selection-tool-link{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:700;text-decoration:none;padding:4px 10px;background:var(--brand-dim);border-radius:var(--radius-sm);transition:all 0.15s ease;white-space:nowrap}.selection-tool-link:hover{background:var(--brand);color:#FFFFFF}.intent-group-block{margin-bottom:24px}.intent-group-header{margin-bottom:10px}.intent-group-title{font-size:1.15rem;font-weight:700;color:var(--navy);margin:0 0 4px;letter-spacing:-0.01em}[data-theme="dark"] .intent-group-title{color:#F8FAFC}.intent-group-desc{font-size:0.86rem;color:var(--muted);margin:0;line-height:1.45}.category-hub-page .home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-hub-page .tool-card{padding:16px 18px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),box-shadow 0.2s ease,border-color 0.2s ease;min-width:0;height:100%;box-sizing:border-box}.category-hub-page .tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--brand)}.category-hub-page .tool-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.category-hub-page .tool-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}.category-hub-page .tool-icon svg,.category-hub-page .tool-icon .tool-svg-icon{width:18px;height:18px}.category-hub-page .fav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--muted-2);cursor:pointer;padding:0;transition:all 0.15s ease;flex-shrink:0}.category-hub-page .fav-btn:hover{color:#F59E0B;background:rgba(245,158,11,0.1)}.category-hub-page .fav-btn.active{color:#F59E0B}.category-hub-page .tool-card .tool-title{font-size:1.05rem;font-weight:700;color:var(--navy);line-height:1.35;margin:0 0 6px;display:block;word-break:normal;overflow-wrap:break-word;letter-spacing:-0.01em}[data-theme="dark"] .category-hub-page .tool-card .tool-title{color:#F8FAFC}.category-hub-page .tool-card .tool-desc{font-size:0.88rem;color:var(--muted);line-height:1.5;margin:0 0 12px;flex:1;word-break:normal;overflow-wrap:break-word}.category-hub-page .tool-card .tool-card-link{display:inline-flex;align-items:center;gap:4px;font-size:0.86rem;font-weight:700;color:var(--brand);text-decoration:none;margin-top:auto;padding-top:4px;transition:all 0.15s ease}.category-hub-page .tool-card .tool-card-link:hover{color:#0044CC;text-decoration:underline}.category-hub-page .tool-card .tool-card-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--radius-sm)}.category-hub-page .tool-action-label{display:inline-flex;align-items:center;gap:4px}.workflow-card-container{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-xs)}.workflow-lead-summary{font-size:0.9rem;color:var(--muted);margin:0 0 14px;line-height:1.5}.workflow-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workflow-step-card{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;min-width:0;box-sizing:border-box}.step-badge{display:inline-flex;align-items:center;font-size:0.68rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--brand);margin-bottom:6px}.step-title{font-size:0.92rem;font-weight:700;color:var(--navy);margin:0 0 8px;line-height:1.35}[data-theme="dark"] .step-title{color:#F8FAFC}.step-tool-badge{margin-bottom:8px}.step-tool-badge a{display:inline-flex;align-items:center;gap:4px;font-size:0.78rem;font-weight:700;color:var(--brand);background:var(--panel);padding:3px 8px;border-radius:6px;border:1px solid var(--line);text-decoration:none;transition:all 0.15s ease}.step-tool-badge a:hover{background:var(--brand);color:#FFFFFF}.step-action{font-size:0.83rem;color:var(--muted);line-height:1.45;margin:0 0 8px;flex:1}.step-result{font-size:0.8rem;color:var(--text);line-height:1.4;padding-top:8px;border-top:1px dashed var(--line);margin-top:auto}.limits-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.limits-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;box-shadow:var(--shadow-xs);min-width:0;box-sizing:border-box}.limits-card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.limits-card-head svg{width:18px;height:18px;flex-shrink:0}.limits-title{font-size:0.92rem;font-weight:700;color:var(--navy);margin:0;line-height:1.35}[data-theme="dark"] .limits-title{color:#F8FAFC}.limits-text{font-size:0.84rem;color:var(--muted);line-height:1.48;margin:0}.category-hub-page .category-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-hub-page .category-card{padding:12px 14px;border-radius:var(--radius-sm)}.category-hub-page .category-card-top{margin-bottom:6px}.category-hub-page .category-card-icon{width:30px;height:30px;border-radius:6px}.category-hub-page .category-card-icon svg{width:16px;height:16px}.category-hub-page .category-card-title{font-size:0.94rem;margin:0 0 3px}.category-hub-page .category-card-desc{font-size:0.8rem;line-height:1.4}.cat-filter-hub-banner{background:var(--brand-dim);border:1px solid rgba(0,85,255,0.25);border-radius:var(--radius-sm);padding:12px 18px;margin:16px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cat-filter-hub-banner span{font-size:0.88rem;font-weight:600;color:var(--navy)}[data-theme="dark"] .cat-filter-hub-banner span{color:#F8FAFC}.cat-hub-pill-btn{display:inline-flex;align-items:center;gap:6px;font-size:0.84rem;font-weight:700;color:#FFFFFF;background:var(--brand);padding:6px 14px;border-radius:9999px;text-decoration:none;transition:all 0.15s ease;white-space:nowrap}.cat-hub-pill-btn:hover{background:#0044CC;transform:translateY(-1px)}.platform-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px}.platform-card{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;text-decoration:none;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.platform-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}.platform-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--brand-dim);color:var(--brand);transition:transform 0.2s ease}.platform-card-icon svg{width:24px;height:24px}.platform-card-youtube .platform-card-icon{background:rgba(255,0,0,0.1);color:#FF0000}.platform-card-instagram .platform-card-icon{background:rgba(225,48,108,0.1);color:#E1306C}.platform-card-facebook .platform-card-icon{background:rgba(24,119,242,0.1);color:#1877F2}.platform-card-tiktok .platform-card-icon{background:rgba(0,0,0,0.08);color:var(--navy)}[data-theme="dark"] .platform-card-tiktok .platform-card-icon{background:rgba(255,255,255,0.12);color:#FFFFFF}.platform-card:hover .platform-card-icon{transform:scale(1.08)}.platform-card-body{flex:1;min-width:0}.platform-card-title{font-size:1.05rem;font-weight:700;color:var(--navy);margin:0 0 4px;line-height:1.3}[data-theme="dark"] .platform-card-title{color:#F8FAFC}.platform-card-desc{font-size:0.82rem;color:var(--muted);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.platform-card-arrow{font-size:1.15rem;font-weight:700;color:var(--brand);opacity:0.7;transition:transform 0.2s ease,opacity 0.2s ease;flex-shrink:0}.platform-card:hover .platform-card-arrow{opacity:1;transform:translateX(4px)}.starter-shortcuts-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.starter-pill-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:var(--panel);border:1px solid var(--line);border-radius:9999px;font-size:0.88rem;font-weight:600;color:var(--navy);text-decoration:none;box-shadow:var(--shadow-sm);transition:all 0.15s ease}[data-theme="dark"] .starter-pill-btn{color:#F8FAFC}.starter-pill-btn svg{color:var(--brand)}.starter-pill-btn:hover{border-color:var(--brand);background:var(--brand-dim);color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow-md)}.platform-subnav-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 16px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.platform-subnav-all{display:inline-flex;align-items:center;gap:6px;font-size:0.86rem;font-weight:700;color:var(--brand);text-decoration:none;padding:6px 12px;border-radius:8px;background:var(--brand-dim);transition:all 0.15s ease;white-space:nowrap}.platform-subnav-all:hover{background:rgba(0,85,255,0.18);transform:translateX(-2px)}.platform-subnav-siblings{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.platform-subnav-link{display:inline-flex;align-items:center;gap:6px;font-size:0.84rem;font-weight:600;color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:8px;transition:all 0.15s ease;white-space:nowrap}.platform-subnav-link svg{width:16px;height:16px}.platform-subnav-link:hover{color:var(--navy);background:rgba(0,0,0,0.04)}[data-theme="dark"] .platform-subnav-link:hover{color:#F8FAFC;background:rgba(255,255,255,0.06)}.platform-subnav-link.active{color:var(--brand);font-weight:700;background:var(--brand-dim);border:1px solid rgba(0,85,255,0.2)}.tool-platforms-strip{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.tool-platforms-label{font-size:0.76rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted)}.tool-platform-badge{display:inline-flex;align-items:center;gap:5px;font-size:0.78rem;font-weight:600;color:var(--navy);background:var(--panel);border:1px solid var(--line);padding:3px 10px;border-radius:9999px;text-decoration:none;transition:all 0.15s ease}[data-theme="dark"] .tool-platform-badge{color:#F8FAFC}.tool-platform-badge svg{width:13px;height:13px}.tool-platform-badge:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-dim);transform:translateY(-1px)}.related-tools-section{margin-top:28px}.related-tools-head{margin-bottom:14px}.related-tools-head h3{font-size:1.2rem;font-weight:700;color:var(--navy);margin:0 0 4px;letter-spacing:-0.01em}[data-theme="dark"] .related-tools-head h3{color:#F8FAFC}.related-tools-head p{color:var(--muted);font-size:0.88rem;margin:0;line-height:1.45}.category-hub-related-banner{background:var(--brand-dim);border:1px solid rgba(0,85,255,0.22);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-sizing:border-box;min-width:0;transition:border-color 0.15s ease,box-shadow 0.15s ease}.category-hub-related-banner:hover{border-color:rgba(0,85,255,0.4);box-shadow:0 2px 8px rgba(0,85,255,0.08)}.cat-hub-banner-content{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.cat-hub-banner-icon{width:36px;height:36px;border-radius:8px;background:rgba(0,85,255,0.12);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-hub-banner-icon svg{width:18px;height:18px}.cat-hub-banner-text{min-width:0;flex:1}.cat-hub-banner-title{font-size:0.94rem;font-weight:700;color:var(--navy);line-height:1.35;margin:0 0 2px;letter-spacing:-0.01em}[data-theme="dark"] .cat-hub-banner-title{color:#F8FAFC}.cat-hub-banner-desc{font-size:0.84rem;color:var(--muted);line-height:1.4;margin:0}.cat-hub-banner-link,.category-hub-related-banner .cat-hub-link{display:inline-flex;align-items:center;gap:6px;font-size:0.84rem;font-weight:700;color:#FFFFFF !important;background:var(--brand);padding:7px 14px;border-radius:6px;text-decoration:none !important;white-space:nowrap;flex-shrink:0;transition:all 0.15s ease}.cat-hub-banner-link:hover,.category-hub-related-banner .cat-hub-link:hover{background:#0044CC;transform:translateY(-1px)}.cat-hub-banner-link:focus-visible,.category-hub-related-banner .cat-hub-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.related-tools-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.related-tool-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);text-decoration:none;transition:all 0.15s cubic-bezier(0.16,1,0.3,1);box-shadow:var(--shadow-xs);min-width:0;box-sizing:border-box}.related-tool-item:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.related-tool-item:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.related-tool-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}.related-tool-icon svg,.related-tool-icon .tool-svg-icon{width:18px;height:18px}.related-tool-body{flex:1;min-width:0}.related-tool-title{font-size:0.96rem;font-weight:700;color:var(--navy);margin:0 0 2px;line-height:1.35;letter-spacing:-0.01em}[data-theme="dark"] .related-tool-title{color:#F8FAFC}.related-tool-desc{font-size:0.85rem;color:var(--muted);line-height:1.45;margin:0;word-break:normal;overflow-wrap:break-word}.related-tool-arrow-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted-2);transition:transform 0.2s ease,color 0.2s ease;margin-left:4px}.related-tool-item:hover .related-tool-arrow-wrap{transform:translateX(3px);color:var(--brand)}@media (max-width:1024px){.category-hub-page .home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-steps-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-hub-page .category-grid-3col{grid-template-columns:repeat(2,1fr);gap:12px}.platform-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.limits-cards-grid{grid-template-columns:1fr;gap:10px}.category-hero-header{padding:18px 16px;margin-bottom:20px}}@media (max-width:640px){.category-hub-page .home-grid{grid-template-columns:1fr;gap:10px}.workflow-steps-grid{grid-template-columns:1fr;gap:10px}.category-hub-page .category-grid-3col{grid-template-columns:1fr;gap:10px}.platform-cards-grid{grid-template-columns:1fr}.platform-subnav-strip{flex-direction:column;align-items:stretch;gap:8px}.platform-subnav-siblings{overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap}.category-hub-page .tool-card{padding:14px 16px}.category-hub-page .tool-card .tool-title{font-size:1.02rem;line-height:1.35}.category-hub-page .tool-card .tool-desc{font-size:0.86rem;line-height:1.45;margin-bottom:10px}.selection-matrix-table{font-size:0.84rem;min-width:480px}.selection-matrix-table th,.selection-matrix-table td{padding:10px 12px;line-height:1.45}.selection-tool-link{font-size:0.82rem;padding:4px 8px;white-space:normal}.category-hub-related-banner{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.cat-hub-banner-content{align-items:flex-start}.cat-hub-banner-link,.category-hub-related-banner .cat-hub-link{align-self:flex-start}.related-tool-item{align-items:flex-start;gap:12px;padding:12px 14px}.related-tool-arrow-wrap{margin-top:4px}}@media (max-width:480px){.category-main-heading{font-size:1.35rem}.category-icon-large{width:40px;height:40px}.category-title-row{gap:12px}.category-trust-bar{gap:10px;font-size:0.78rem}.cat-filter-hub-banner{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width:360px){.category-hero-header{padding:14px 12px}.category-main-heading{font-size:1.25rem}.category-hub-page .tool-card{padding:12px 14px}.category-hub-page .tool-card .tool-title{font-size:0.98rem}.category-hub-page .tool-card .tool-desc{font-size:0.84rem}.workflow-card-container{padding:14px 12px}.limits-card{padding:12px 12px}}[dir="rtl"] .selection-matrix-table,[dir="rtl"] .selection-matrix-table th,[dir="rtl"] .selection-matrix-table td{text-align:right}[dir="rtl"] .selection-tool-link svg,[dir="rtl"] .cat-hub-pill-btn svg,[dir="rtl"] .cat-hub-cta-btn svg{transform:scaleX(-1)}[dir="rtl"] .category-hub-page .tool-card{text-align:right}[dir="rtl"] .category-hub-page .tool-card-head{flex-direction:row}[dir="rtl"] .category-hub-page .tool-card .tool-card-link{justify-content:flex-start}[dir="rtl"] .category-hub-page .tool-action-label{flex-direction:row-reverse}[dir="rtl"] .step-tool-badge a svg{transform:scaleX(-1)}[dir="rtl"] .related-tool-arrow-wrap{margin-left:0;margin-right:4px}[dir="rtl"] .related-tool-arrow{transform:scaleX(-1)}[dir="rtl"] .related-tool-item:hover .related-tool-arrow-wrap{transform:translateX(-3px)}[dir="rtl"] .cat-hub-banner-link,[dir="rtl"] .category-hub-related-banner .cat-hub-link{flex-direction:row-reverse}[dir="rtl"] .category-hub-related-banner .cat-hub-link span:last-child{transform:scaleX(-1)}[dir="rtl"] .platform-card-arrow{transform:scaleX(-1)}[dir="rtl"] .platform-card:hover .platform-card-arrow{transform:scaleX(-1) translateX(-4px)}[dir="rtl"] .starter-pill-btn svg{margin-left:6px;margin-right:0}.category-tool-count-pill{font-size:0.72rem;font-weight:700;color:var(--brand);background:var(--brand-dim);padding:2px 8px;border-radius:9999px;line-height:1.4;white-space:nowrap}[data-theme="dark"] .category-tool-count-pill{background:rgba(0,85,255,0.18);color:#60A5FA}.category-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.category-explore-label{font-size:0.8rem;font-weight:700;color:var(--brand)}.category-tools-section{scroll-margin-top:90px}.hub-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 12px;flex-wrap:wrap}.hub-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hub-filter-chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:0.82rem;font-weight:600;padding:6px 14px;border-radius:9999px;cursor:pointer;transition:all 0.15s ease;font-family:inherit}.hub-filter-chip:hover{color:var(--navy);border-color:var(--muted-2)}[data-theme="dark"] .hub-filter-chip:hover{color:#F8FAFC}.hub-filter-chip.active{background:var(--brand);border-color:var(--brand);color:#FFFFFF;box-shadow:0 2px 8px rgba(0,85,255,0.25)}.hub-search-box{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 12px;min-width:240px;max-width:320px;flex:1;transition:border-color 0.15s ease,box-shadow 0.15s ease}.hub-search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,85,255,0.12)}.hub-search-box svg{color:var(--muted);flex-shrink:0}.hub-search-input{border:none;background:transparent;color:var(--navy);font-size:0.84rem;width:100%;outline:none;font-family:inherit}[data-theme="dark"] .hub-search-input{color:#F8FAFC}.hub-status-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.hub-results-count{font-size:0.8rem;font-weight:600;color:var(--muted)}.hub-empty-state{background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius);padding:36px 20px;text-align:center;margin:16px 0}.hub-empty-state p{font-size:0.92rem;color:var(--muted);margin:0 0 12px}.category-selection-guide{scroll-margin-top:90px}.selection-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.selection-need-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-sizing:border-box}.selection-need-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.need-card-badge{font-size:0.9rem;font-weight:700;color:var(--navy);margin-bottom:6px;line-height:1.35}[data-theme="dark"] .need-card-badge{color:#F8FAFC}.need-card-reason{font-size:0.82rem;color:var(--muted);line-height:1.48;margin:0 0 12px;flex:1}.need-card-link{display:inline-flex;align-items:center;gap:6px;font-size:0.84rem;font-weight:700;color:var(--brand);text-decoration:none;margin-top:auto}.need-card-link:hover{text-decoration:underline}.category-blog-section{scroll-margin-top:90px}.category-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.category-blog-section .category-blog-grid:has(>:only-child){grid-template-columns:minmax(300px,580px)}.category-blog-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),box-shadow 0.2s ease,border-color 0.2s ease}.category-blog-card:not(:has(.category-blog-body)){padding:20px 22px}.category-blog-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.category-blog-cover-link{display:block;overflow:hidden;aspect-ratio:16 / 9;background:var(--panel-2)}.category-blog-cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease}.category-blog-card:hover .category-blog-cover{transform:scale(1.03)}.category-blog-body{padding:14px 16px;display:flex;flex-direction:column;flex:1}.category-blog-top{display:flex;align-items:center;gap:8px;font-size:0.75rem;font-weight:600;margin-bottom:6px;color:var(--muted)}.category-blog-tag{color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:0.03em;font-size:0.72rem}.category-blog-dot{color:var(--muted-2)}.category-blog-readtime{color:var(--muted);font-size:0.75rem}.category-blog-title{font-size:0.95rem;font-weight:700;color:var(--navy);margin:0 0 6px;line-height:1.35}[data-theme="dark"] .category-blog-title{color:#F8FAFC}.category-blog-title a{color:inherit;text-decoration:none}.category-blog-title a:hover{color:var(--brand);text-decoration:underline}.category-blog-desc{font-size:0.8rem;color:var(--muted);line-height:1.45;margin:0 0 12px;flex:1}.category-blog-link{font-size:0.82rem;font-weight:700;color:var(--brand);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.category-blog-link:hover{text-decoration:underline}.tool-related-guides-section{margin-top:28px;width:100%}.tool-related-guides-section .tool-guides-head{margin-bottom:16px}.tool-related-guides-section .tool-guides-head h3{font-size:1.25rem;font-weight:700;color:var(--navy);margin:0 0 4px}[data-theme="dark"] .tool-related-guides-section .tool-guides-head h3{color:#F8FAFC}.tool-related-guides-section .tool-guides-head p{color:var(--muted);font-size:0.88rem;margin:0}.tool-related-guides-section .category-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:stretch}.tool-related-guides-section .category-blog-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),box-shadow 0.2s ease,border-color 0.2s ease;height:100%;box-sizing:border-box}.tool-related-guides-section .category-blog-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tool-related-guides-section .category-blog-card .category-blog-body{padding:0;display:flex;flex-direction:column;flex:1;height:100%}.tool-related-guides-section .category-blog-top{display:flex;align-items:center;gap:8px;font-size:0.75rem;font-weight:600;margin-bottom:8px;color:var(--muted)}.tool-related-guides-section .category-blog-title{font-size:1.05rem;font-weight:600;line-height:1.4;margin:0 0 8px;color:var(--navy)}[data-theme="dark"] .tool-related-guides-section .category-blog-title{color:#F8FAFC}.tool-related-guides-section .category-blog-title a{color:inherit;text-decoration:none;transition:color 0.15s ease}.tool-related-guides-section .category-blog-title a:hover{color:var(--brand);text-decoration:underline}.tool-related-guides-section .category-blog-excerpt{flex:1;margin:0 0 16px;color:var(--muted);font-size:0.88rem;line-height:1.5}[data-theme="dark"] .tool-related-guides-section .category-blog-excerpt{color:var(--muted-2)}.tool-related-guides-section .category-blog-footer{margin-top:auto;padding-top:4px}.tool-related-guides-section .category-blog-readmore{font-size:0.85rem;font-weight:600;color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:gap 0.15s ease,color 0.15s ease}.tool-related-guides-section .category-blog-card:hover .category-blog-readmore{gap:6px;color:var(--brand-2)}@media (max-width:640px){.tool-related-guides-section .category-blog-grid{grid-template-columns:1fr}}[dir="rtl"] .tool-related-guides-section .category-blog-readmore{flex-direction:row-reverse}.blog-card-cover-wrap{display:block;border-radius:var(--radius-sm) var(--radius-sm) 0 0;overflow:hidden;margin:-18px -20px 14px -20px;aspect-ratio:16 / 9;background:var(--panel-2)}.blog-card-cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.25s ease}.blog-card:hover .blog-card-cover{transform:scale(1.02)}@media (max-width:900px){.selection-guide-grid{grid-template-columns:repeat(2,1fr)}.category-blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hub-controls-bar{flex-direction:column;align-items:stretch}.hub-search-box{max-width:100%;min-width:0}.selection-guide-grid{grid-template-columns:1fr}.category-blog-grid{grid-template-columns:1fr}.category-card-footer{margin-top:10px}}[dir="rtl"] .category-explore-label,[dir="rtl"] .category-blog-link,[dir="rtl"] .need-card-link{flex-direction:row-reverse}[dir="rtl"] .category-card-footer .category-card-arrow{transform:scaleX(-1)}[dir="rtl"] .category-card:hover .category-card-arrow{transform:scaleX(-1) translateX(-4px)}@media (max-width:360px){.topbar{padding-left:calc(8px + env(safe-area-inset-left,0px)) !important;padding-right:calc(8px + env(safe-area-inset-right,0px)) !important}.topbar-inner{gap:4px !important}.header-left{gap:4px !important}.top-right{gap:4px !important}.brand-header svg{width:118px !important;min-width:108px !important}.menu-btn,.header-search-toggle,.top-right .lang-btn,.top-right #themeBtn{min-width:38px !important;width:38px !important;height:38px !important;min-height:38px !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;flex-shrink:0}.lang-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;min-height:44px;min-width:44px;padding:0 10px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:0.84rem;font-weight:600;cursor:pointer;transition:all 0.15s ease;user-select:none;-webkit-user-select:none;box-sizing:border-box;flex-shrink:0}.lang-btn:hover{border-color:var(--brand);background:var(--panel);color:var(--brand)}.lang-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.lang-globe-icon{flex-shrink:0;color:var(--muted);transition:color 0.15s ease}.lang-btn:hover .lang-globe-icon{color:var(--brand)}.lang-code-short{display:none;font-family:inherit;font-weight:700;letter-spacing:0.04em;font-size:0.82rem}.lang-code-full{display:inline;font-family:inherit;font-weight:600;font-size:0.84rem}.lang-chevron{flex-shrink:0;color:var(--muted-2,#888);transition:transform 0.2s ease,color 0.15s ease}.lang-btn[aria-expanded="true"] .lang-chevron{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;left:auto;min-width:200px;max-width:min(280px,88vw);max-height:min(360px,70vh);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1050;padding:6px;display:flex;flex-direction:column;gap:2px}.lang-menu[hidden]{display:none !important}[dir="rtl"] .lang-menu{left:0;right:auto}.lang-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:8px 12px;border-radius:6px;border:none;background:transparent;color:var(--text);font-size:0.88rem;font-weight:500;text-align:left;cursor:pointer;box-sizing:border-box;transition:background 0.12s ease,color 0.12s ease}[dir="rtl"] .lang-menu-item{text-align:right}.lang-menu-item:hover,.lang-menu-item:focus-visible{background:var(--brand-dim);color:var(--brand);outline:none}.lang-menu-item.active{background:var(--brand-dim);color:var(--brand);font-weight:700}.lang-opt-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-opt-badge{font-size:0.72rem;font-weight:700;color:var(--muted);background:var(--panel-2);padding:2px 6px;border-radius:4px;margin-left:8px;flex-shrink:0}[dir="rtl"] .lang-opt-badge{margin-left:0;margin-right:8px}.lang-menu-item.active .lang-opt-badge{color:var(--brand);background:rgba(0,85,255,0.12)}.lang-selector-wrapper .lang-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none}@media (max-width:1023px){.lang-code-short{display:inline !important}.lang-code-full{display:none !important}.lang-btn{min-width:44px !important;min-height:44px !important;height:44px !important;padding:0 8px !important;gap:4px !important}.lang-menu{left:auto;right:0;max-width:min(260px,calc(100vw - 16px))}[dir="rtl"] .lang-menu{left:0;right:auto}}.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,.sub-drift-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}.sub-waveform-stage{display:flex;flex-direction:column;gap:10px;background:#020617;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;position:relative;box-shadow:inset 0 2px 6px rgba(0,0,0,0.4)}.sub-waveform-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-size:0.82rem;color:#cbd5e1;background:rgba(15,23,42,0.7);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,0.08)}.sub-waveform-toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sub-ws-time-display{font-family:var(--font-mono,monospace);font-size:0.8rem;color:#38bdf8;background:rgba(15,23,42,0.9);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid rgba(56,189,248,0.25);letter-spacing:0.5px}.sub-zoom-slider{width:90px;height:6px;accent-color:var(--brand);cursor:pointer}.sub-waveform-box{width:100%;min-height:80px;background:#090d16;border-radius:var(--radius-sm);overflow:hidden;position:relative;border:1px solid rgba(255,255,255,0.05)}.sub-timeline-box{width:100%;height:20px;background:#020617;font-family:var(--font-mono,monospace);color:#94a3b8}.sub-waveform-notice{padding:10px 14px;border-radius:var(--radius-sm);background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.35);color:#fbbf24;font-size:0.8rem;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sub-shortcut-chips{display:flex;flex-wrap:wrap;gap:6px;font-size:0.72rem;color:var(--muted);padding-top:2px}.sub-shortcut-chip{background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:var(--font-mono,monospace)}.sub-drift-container{display:flex;flex-direction:column;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-top:4px;animation:subFadeIn 0.2s ease-out}.sub-drift-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.sub-drift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.sub-drift-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px}.sub-drift-card-title{font-size:0.82rem;font-weight:700;color:var(--brand);display:flex;align-items:center;gap:6px}.sub-drift-field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:0.78rem;color:var(--muted)}.sub-drift-field select,.sub-drift-field input{padding:4px 6px;font-size:0.78rem;font-family:var(--font-mono,monospace);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text)}.sub-drift-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px dashed var(--border)}.sub-drift-factor-chip{font-family:var(--font-mono,monospace);font-size:0.76rem;padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--brand);font-weight:600}.sub-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.sub-modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:680px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,0.5)}.sub-modal-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:0.95rem}.sub-modal-body{padding:16px 18px;overflow-y:auto;font-size:0.85rem}.sub-modal-footer{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--surface-2)}.sub-drift-table{width:100%;border-collapse:collapse;font-family:var(--font-mono,monospace);font-size:0.78rem}.sub-drift-table th,.sub-drift-table td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--border)}.sub-drift-table th{background:var(--surface-2);color:var(--muted);font-weight:600}.sub-cue-card.selected{border-color:var(--brand);background:var(--surface-2);box-shadow:0 0 0 2px var(--brand-dim)}.sub-selected-cue-badge{font-size:0.75rem;font-weight:700;color:var(--brand);background:var(--brand-dim);padding:2px 8px;border-radius:999px}.sub-cue-times,.sub-time-input,.sub-shift-controls,.sub-drift-field input,.sub-ws-time-display,.sub-drift-factor-chip{direction:ltr !important;text-align:center}.sub-cue-textarea{direction:auto;text-align:start}.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:10005;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,bottom 0.25s ease}body.has-cookie-banner .sw-update-banner{bottom:calc(var(--cookie-banner-height,90px) + 16px) !important}[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}@media (max-width:480px){.sw-update-banner{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:none;padding:10px 12px;font-size:0.82rem}body.has-cookie-banner .sw-update-banner{bottom:calc(var(--cookie-banner-height,240px) + 18px + env(safe-area-inset-bottom,0px)) !important}}@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){body:not(.has-cookie-banner) .sw-update-banner{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (max-width:580px){body:not(.has-cookie-banner) .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,.custom-input.is-invalid,input.is-invalid{border-color:var(--danger) !important;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}}select,input,textarea{color-scheme:light}[data-theme="dark"] select,[data-theme="dark"] select option,[data-theme="dark"] select optgroup,[data-theme="dark"] input,[data-theme="dark"] textarea{color-scheme:dark}[data-theme="light"] select,[data-theme="light"] select option,[data-theme="light"] select optgroup,[data-theme="light"] input,[data-theme="light"] textarea{color-scheme:light}select option,select optgroup{background-color:var(--panel);color:var(--text)}[data-theme="dark"] select option,[data-theme="dark"] select optgroup{background-color:var(--panel-2);color:var(--text)}[data-theme="light"] select option,[data-theme="light"] select optgroup{background-color:var(--panel);color:var(--text)}select option:checked{background-color:var(--brand);color:#ffffff}select option:disabled,select optgroup:disabled{color:var(--muted)}: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"] [dir="ltr"],[dir="rtl"] input[dir="ltr"],[dir="rtl"] textarea[dir="ltr"],[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,[dir="rtl"] .code-editor,[dir="rtl"] .code-output-area,[dir="rtl"] .tech-code,[dir="rtl"] .tech-output,[dir="rtl"] .diff-view,[dir="rtl"] .diff-pane,[dir="rtl"] textarea.code-font,[dir="rtl"] #js_input,[dir="rtl"] #js_output,[dir="rtl"] #sql_input,[dir="rtl"] #sql_output,[dir="rtl"] #rx_pattern,[dir="rtl"] #rx_flags,[dir="rtl"] #rx_test,[dir="rtl"] #rx_highlight,[dir="rtl"] #rx_match_details code,[dir="rtl"] #rx_match_details [dir="ltr"],[dir="rtl"] #rb_output,[dir="rtl"] #rb_pattern,[dir="rtl"] #rb_test,[dir="rtl"] #b64_output,[dir="rtl"] #b64_input[dir="ltr"],[dir="rtl"] #hs_input[dir="ltr"],[dir="rtl"] #hs_md5,[dir="rtl"] #hs_sha1,[dir="rtl"] #hs_sha256,[dir="rtl"] #hs_sha512,[dir="rtl"] #jw_input,[dir="rtl"] #jw_header,[dir="rtl"] #jw_payload,[dir="rtl"] #jw_secret,[dir="rtl"] #jc_in,[dir="rtl"] #jc_out,[dir="rtl"] #jc_preview_wrap table,[dir="rtl"] #jc_preview_wrap th,[dir="rtl"] #jc_preview_wrap td,[dir="rtl"] #ev_in,[dir="rtl"] #ev_out,[dir="rtl"] #mn_input,[dir="rtl"] #mn_output,[dir="rtl"] #df_a,[dir="rtl"] #df_b,[dir="rtl"] #df_diff,[dir="rtl"] #uu_out,[dir="rtl"] .uuid-list,[dir="rtl"] #sh_css,[dir="rtl"] #he_in,[dir="rtl"] #he_out,[dir="rtl"] #bc_val_dec,[dir="rtl"] #bc_val_hex,[dir="rtl"] #bc_val_bin,[dir="rtl"] #bc_val_oct,[dir="rtl"] #bc_val_ascii,[dir="rtl"] #bc_val_unicode,[dir="rtl"] #fb64_out_datauri,[dir="rtl"] #fb64_out_raw,[dir="rtl"] #fb64_out_css,[dir="rtl"] #fb64_out_html,[dir="rtl"] #fb64_decode_input,[dir="rtl"] #rsa_out_pub,[dir="rtl"] #rsa_out_priv,[dir="rtl"] #aes_output,[dir="rtl"] #mr_out,[dir="rtl"] #aa_out,[dir="rtl"] #blob_out_svg,[dir="rtl"] #blob_out_css,[dir="rtl"] #blob_out_react,[dir="rtl"] #blob_color_hex,[dir="rtl"] #utm_url,[dir="rtl"] #utm_result,[dir="rtl"] #mt_output,[dir="rtl"] #mt_url,[dir="rtl"] #mt_image,[dir="rtl"] #cr_expr,[dir="rtl"] #cr_output,[dir="rtl"] #cn_cron,[dir="rtl"] #cn_output,[dir="rtl"] #cr_min,[dir="rtl"] #cr_hour,[dir="rtl"] #cr_dom,[dir="rtl"] #cr_month,[dir="rtl"] #cr_dow,[dir="rtl"] #cc_hex_in,[dir="rtl"] #cc_rgb_in,[dir="rtl"] #cc_hsl_in,[dir="rtl"] #cc_cmyk_in,[dir="rtl"] #cc_hsv_in,[dir="rtl"] #cc_oklch_in,[dir="rtl"] #so_input,[dir="rtl"] #so_output{direction:ltr !important;text-align:left !important;unicode-bidi:isolate !important}.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}.theme-switch-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.theme-switch-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;min-width:44px;min-height:44px;height:44px;padding:6px;margin:0;cursor:pointer;border-radius:var(--radius-pill);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity 0.15s ease,transform 0.15s ease;box-sizing:border-box;flex-shrink:0}.theme-switch-btn:hover{opacity:0.95}.theme-switch-btn:focus-visible{outline:2px solid var(--line-focus);outline-offset:3px}.theme-switch-track{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:50px;height:28px;border-radius:999px;background:#E2E8F0;border:1px solid #CBD5E1;padding:0 4px;box-sizing:border-box;box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);transition:background-color 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease;pointer-events:none}[data-theme="dark"] .theme-switch-track{background:#1E293B;border-color:#334155;box-shadow:inset 0 1px 2px rgba(0,0,0,0.35)}.theme-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 3px rgba(15,23,42,0.22),0 1px 2px rgba(15,23,42,0.12);transition:transform 0.22s cubic-bezier(0.34,1.56,0.64,1),background-color 0.2s ease,box-shadow 0.2s ease;pointer-events:none;z-index:2}[data-theme="dark"] .theme-switch-thumb{transform:translateX(22px);background:#3B82F6;box-shadow:0 0 10px rgba(59,130,246,0.45),0 1px 3px rgba(0,0,0,0.4)}[dir="rtl"] .theme-switch-thumb{left:auto;right:3px}[dir="rtl"][data-theme="dark"] .theme-switch-thumb{transform:translateX(-22px)}.theme-switch-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;z-index:1;pointer-events:none;transition:opacity 0.2s ease,color 0.2s ease}.theme-switch-icon-sun{color:#D97706;opacity:1}[data-theme="dark"] .theme-switch-icon-sun{color:#64748B;opacity:0.45}.theme-switch-icon-moon{color:#94A3B8;opacity:0.45}[data-theme="dark"] .theme-switch-icon-moon{color:#F8FAFC;opacity:1}@media (max-width:1023px){.theme-switch-btn{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;padding:0 !important}.theme-switch-track{width:38px;height:22px;padding:0 3px}.theme-switch-thumb{width:16px;height:16px;top:2px;left:2px}[data-theme="dark"] .theme-switch-thumb{transform:translateX(16px)}[dir="rtl"] .theme-switch-thumb{left:auto;right:2px}[dir="rtl"][data-theme="dark"] .theme-switch-thumb{transform:translateX(-16px)}.theme-switch-icon{width:14px;height:14px}.theme-switch-icon svg{width:11px;height:11px}}@media (prefers-reduced-motion:reduce){.theme-switch-thumb,.theme-switch-track,.theme-switch-icon{transition:none !important}}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}input::placeholder,textarea::placeholder{color:var(--muted);opacity:0.85}[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#94A3B8;opacity:1}.error-msg,.form-error,.field-error,.invalid-feedback{color:var(--danger)}[data-theme="dark"] .error-msg,[data-theme="dark"] .form-error,[data-theme="dark"] .field-error,[data-theme="dark"] .invalid-feedback{color:#F87171}@media (max-width:1023px){.header-nav{display:none !important}}.blog-hub-container{max-width:1140px;margin:0 auto;padding:24px 20px 60px}.blog-hub-hero{text-align:center;padding:16px 0 24px}.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:var(--radius-pill);padding:4px 14px;margin-bottom:12px}.blog-hub-title{font-size:clamp(1.75rem,4vw,2.3rem);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.96rem;color:var(--muted);line-height:1.6}.blog-controls-bar{display:flex;flex-direction:column;gap:16px;margin:20px auto 16px;max-width:760px}.blog-search-wrap{position:relative;width:100%}.blog-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;display:flex;align-items:center}[dir="rtl"] .blog-search-icon{left:auto;right:14px}.blog-search-input{width:100%;padding:11px 38px 11px 40px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--panel);font-size:0.95rem;color:var(--text);outline:none;box-shadow:var(--shadow-xs);transition:border-color 0.2s ease,box-shadow 0.2s ease}[dir="rtl"] .blog-search-input{padding:11px 40px 11px 38px}.blog-search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.blog-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:1.2rem;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:50%;line-height:1}[dir="rtl"] .blog-search-clear{right:auto;left:12px}.blog-filter-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.blog-filter-btn{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-pill);padding:6px 14px;font-size:0.84rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all 0.15s ease}.blog-filter-btn:hover{border-color:var(--brand);color:var(--text)}.blog-filter-btn.active{background:var(--brand);border-color:var(--brand);color:#FFFFFF !important}.blog-status-bar{text-align:center;font-size:0.85rem;color:var(--muted);margin-bottom:24px}.blog-empty-state{text-align:center;padding:48px 20px;background:var(--panel-2);border:1px dashed var(--line);border-radius:var(--radius);margin:24px auto;max-width:600px}.blog-empty-state p{font-size:0.95rem;color:var(--muted);margin-bottom:16px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);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;flex-wrap:wrap}.blog-card-tag{font-size:0.72rem;font-weight:700;color:var(--brand);background:var(--brand-dim);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:0.02em}.blog-card-tag-pdf{color:#DC2626;background:#FEF2F2}.blog-card-tag-image,.blog-card-tag-catMedia{color:var(--c-media-text,#C2410C);background:var(--c-media-dim,#FFF7ED)}.blog-card-tag-dev,.blog-card-tag-catDev{color:var(--c-dev-text,#4338CA);background:var(--c-dev-dim,#EEF2FF)}.blog-card-tag-qr{color:#7C3AED;background:#F5F3FF}.blog-card-tag-finance,.blog-card-tag-catFinance{color:var(--c-finance-text,#065F46);background:var(--c-finance-dim,#ECFDF5)}.blog-card-tag-text,.blog-card-tag-catText,.blog-card-tag-catUtility{color:var(--c-utility-text,#0369A1);background:var(--c-utility-dim,#F0F9FF)}[data-theme="dark"] .blog-card-tag-pdf{color:#F87171;background:rgba(239,68,68,0.15)}[data-theme="dark"] .blog-card-tag-image,[data-theme="dark"] .blog-card-tag-catMedia{color:#FB923C;background:rgba(249,115,22,0.15)}[data-theme="dark"] .blog-card-tag-dev,[data-theme="dark"] .blog-card-tag-catDev{color:#818CF8;background:rgba(99,102,241,0.15)}[data-theme="dark"] .blog-card-tag-qr{color:#A78BFA;background:rgba(139,92,246,0.15)}[data-theme="dark"] .blog-card-tag-finance,[data-theme="dark"] .blog-card-tag-catFinance{color:#34D399;background:rgba(16,185,129,0.15)}[data-theme="dark"] .blog-card-tag-text,[data-theme="dark"] .blog-card-tag-catText,[data-theme="dark"] .blog-card-tag-catUtility{color:#38BDF8;background:rgba(14,165,233,0.15)}.blog-card-meta{font-size:0.76rem;color:var(--muted);white-space:nowrap}.blog-card-title{font-size:1.12rem;font-weight:700;margin:0 0 10px;line-height:1.38}.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;display:inline-flex;align-items:center;gap:4px}.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:1140px;margin:0 auto;padding:20px 20px 60px}.blog-article-header{width:100%;max-width:740px;margin:0 0 24px}.blog-breadcrumbs{font-size:0.84rem;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.blog-breadcrumbs a{color:var(--brand);text-decoration:none}.blog-breadcrumbs a:hover{text-decoration:underline}.blog-breadcrumbs span[aria-current="page"]{color:var(--text-secondary)}.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.6rem,3.8vw,2.15rem);font-weight:800;color:var(--text);line-height:1.28;margin:0 0 14px;letter-spacing:-0.02em}.blog-meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:0.82rem;color:var(--muted);margin-bottom:20px;line-height:1.5}.blog-meta-item{display:inline-flex;align-items:center}.blog-meta-sep{color:var(--line)}.blog-article-layout{display:flex;justify-content:center;gap:48px;position:relative;width:100%}@media (min-width:1200px){.blog-article-layout{display:grid;grid-template-columns:minmax(0,740px) 270px;justify-content:center;gap:48px;align-items:start}}@media (max-width:1199px){.blog-article-layout{display:block;max-width:740px;margin:0 auto}}.blog-article-main{width:100%;max-width:740px;min-width:0;flex:1}.blog-figure{margin:28px 0;max-width:100%;width:100%;box-sizing:border-box}.blog-figure img,.blog-figure picture,.blog-figure svg,.blog-article img{max-width:100%;width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--line);box-sizing:border-box}.blog-figure figcaption{margin-top:10px;font-size:0.84rem;color:var(--muted);text-align:center;line-height:1.45}.blog-toc{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin:20px 0 28px;box-shadow:var(--shadow-xs)}.blog-toc-header{display:flex;align-items:center;gap:8px;font-size:0.95rem;font-weight:700;color:var(--text);margin-bottom:12px}.blog-toc-icon{color:var(--brand);flex-shrink:0}.blog-toc-list{margin:0;padding-inline-start:22px;list-style-type:decimal}.blog-toc-list li{margin-bottom:8px;font-size:0.9rem;line-height:1.45}.blog-toc-link{color:var(--text-secondary);text-decoration:none;transition:color 0.15s ease}.blog-toc-link:hover,.blog-toc-link.active{color:var(--brand);text-decoration:underline}details.blog-toc-inline{cursor:default}details.blog-toc-inline summary.blog-toc-header{cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:2px 0}details.blog-toc-inline summary::-webkit-details-marker{display:none}details.blog-toc-inline[open] summary.blog-toc-header{margin-bottom:12px}details.blog-toc-inline .blog-toc-toggle{font-size:0.85rem;color:var(--muted);transition:transform 0.2s ease;margin-inline-start:auto}details.blog-toc-inline[open] .blog-toc-toggle{transform:rotate(180deg)}.blog-toc-sidebar{display:none}@media (min-width:1200px){.blog-toc-sidebar{display:block;width:270px;flex-shrink:0;position:sticky;top:88px;max-height:calc(100vh - 120px);overflow-y:auto;align-self:flex-start}.blog-toc-sidebar .blog-toc{margin:0;padding:16px;background:var(--panel)}.blog-toc-inline{display:none}}.blog-tool-cta{background:var(--panel-2);border:1px solid var(--line);border-inline-start:4px solid var(--brand);border-radius:var(--radius);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:28px}.blog-tool-cta-info{font-size:0.92rem;line-height:1.5;color:var(--text);flex:1;min-width:260px}.blog-tool-cta-info strong{color:var(--text)}.blog-tool-cta .btn{flex-shrink:0}.blog-section{margin-bottom:36px}.blog-section h2,.blog-article h2{font-size:1.35rem;font-weight:750;color:var(--text);margin:36px 0 14px;letter-spacing:-0.01em;line-height:1.35;scroll-margin-top:88px}.blog-section h3,.blog-article h3{font-size:1.12rem;font-weight:700;color:var(--text);margin:24px 0 10px;line-height:1.4;scroll-margin-top:88px}.blog-section p,.blog-article p{font-size:1.05rem;line-height:1.7;color:var(--text);margin:0 0 16px;word-break:normal;overflow-wrap:break-word}.blog-section p a,.blog-article p a{color:var(--brand);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(0,85,255,0.4);transition:color 0.15s,text-decoration-color 0.15s}.blog-section p a:hover,.blog-article p a:hover{color:var(--brand-2);text-decoration-color:var(--brand-2)}.blog-steps,.blog-checklist{font-size:1.02rem;line-height:1.72;color:var(--text);margin:12px 0 18px;padding-inline-start:24px}.blog-steps li,.blog-checklist li{margin-bottom:10px}.blog-table-wrap,.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}.blog-table-wrap:focus-visible,.table-responsive:focus-visible{outline:2px solid var(--primary,#0055ff);outline-offset:2px}.blog-table{width:100%;min-width:520px;border-collapse:collapse;font-size:0.9rem;text-align:left}[dir="rtl"] .blog-table{text-align:right}.blog-table th,.blog-table td{padding:11px 14px;border-bottom:1px solid var(--line)}.blog-table th{background:var(--panel-2);font-weight:700;color:var(--text);white-space:nowrap}.blog-table tr:last-child td{border-bottom:none}.blog-table tr:hover td{background:var(--panel-2)}.blog-code-container{position:relative;margin:16px 0;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line)}.blog-code-header{display:flex;justify-content:flex-end;padding:6px 10px;background:var(--panel-2);border-bottom:1px solid var(--line);border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.blog-copy-btn{display:inline-flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:3px 8px;font-size:0.76rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all 0.15s ease}.blog-copy-btn:hover{border-color:var(--brand);color:var(--text)}.blog-copy-btn.copied{color:var(--ok) !important;border-color:var(--ok) !important}.blog-code-box{background:transparent;border:none;padding:12px 16px;font-family:var(--font-mono,monospace);font-size:0.88rem;overflow-x:auto;white-space:pre-wrap;margin:0;color:var(--text);line-height:1.5}.blog-notice{background:var(--panel-2);border:1px solid var(--line);border-inline-start:4px solid var(--warn,#f59e0b);border-radius:var(--radius-sm);padding:14px 18px;margin:20px 0;font-size:0.95rem;line-height:1.65;color:var(--text)}.blog-error-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:18px;box-shadow:var(--shadow-xs)}.blog-error-card h3{font-size:1.05rem;font-weight:700;margin:0 0 12px;color:var(--text)}.blog-code-bad{background:var(--danger-dim);border:1px solid rgba(239,68,68,0.2);border-radius:6px;padding:10px 14px;font-family:var(--font-mono,monospace);color:var(--danger,#ef4444);font-size:0.86rem;margin:6px 0 10px;line-height:1.45}.blog-code-good{background:var(--ok-dim);border:1px solid rgba(16,185,129,0.2);border-radius:6px;padding:10px 14px;font-family:var(--font-mono,monospace);color:var(--ok,#10b981);font-size:0.86rem;margin:6px 0;line-height:1.45}.blog-related-guides-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.blog-related-guides-heading{font-size:1.35rem;font-weight:750;color:var(--text);margin-bottom:20px}.blog-related-guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.blog-card-compact{padding:18px}.blog-card-compact .blog-card-title{font-size:1.02rem;margin-bottom:8px}.blog-card-compact .blog-card-desc{font-size:0.85rem;margin-bottom:12px}:lang(ar) .blog-article,:lang(ar) .blog-hub-container,[dir="rtl"] .blog-article,[dir="rtl"] .blog-hub-container{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,Arial,sans-serif}:lang(ar) pre,:lang(ar) code,:lang(ur) pre,:lang(ur) code,[dir="rtl"] pre,[dir="rtl"] code{direction:ltr !important;text-align:left !important;unicode-bidi:isolate}:lang(ja) .blog-article,:lang(ja) .blog-hub-container{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif}:lang(ko) .blog-article,:lang(ko) .blog-hub-container{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Malgun Gothic","Apple SD Gothic Neo",sans-serif}:lang(zh) .blog-article,:lang(zh) .blog-hub-container{font-family:'Inter',-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}:lang(hi) .blog-article,:lang(hi) .blog-hub-container{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Noto Sans Devanagari","Mangal",sans-serif}@media (max-width:640px){.blog-hub-container,.blog-article{padding:16px 14px 40px}.blog-title{font-size:1.55rem}.blog-hub-title{font-size:1.55rem}.blog-section h2,.blog-article h2{font-size:1.25rem}.blog-section p,.blog-article p{font-size:1rem;line-height:1.65}.blog-tool-cta{flex-direction:column;align-items:stretch}.blog-tool-cta .btn{width:100%;text-align:center}}@media (max-width:480px){.blog-hub-container,.blog-article{padding:14px 12px 36px}.blog-card{padding:16px 14px}.blog-card-top{flex-wrap:wrap;gap:6px}.blog-filter-pills{gap:6px}.blog-filter-btn{padding:6px 12px;font-size:0.8rem}}.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}[dir="rtl"] .blog-article{direction:rtl;text-align:right}[dir="rtl"] .blog-table th,[dir="rtl"] .blog-table td{text-align:right}[dir="rtl"] .blog-notice{border-left:none;border-right:4px solid var(--warning,#f59e0b);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}[dir="rtl"] .blog-steps,[dir="rtl"] .blog-checklist{padding-left:0;padding-right:20px}[dir="rtl"] .blog-card{text-align:right}.stt-container{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.stt-card{background:var(--surface,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-lg,12px);padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.05);box-sizing:border-box;width:100%}.stt-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.stt-header-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--text,#111827);display:flex;align-items:center;gap:10px}.stt-hw-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;font-weight:600;padding:4px 12px;border-radius:9999px;border:1px solid var(--border,#e5e7eb);background:var(--surface-2,#f9fafb);color:var(--text-secondary,#4b5563)}.stt-hw-badge.webgpu{border-color:#10b981;background:rgba(16,185,129,0.1);color:#059669}.stt-hw-badge.wasm{border-color:#3b82f6;background:rgba(59,130,246,0.1);color:#2563eb}.stt-dropzone{border:2px dashed var(--border-focus,#3b82f6);border-radius:12px;padding:36px 20px;text-align:center;background:var(--surface-2,#f9fafb);cursor:pointer;transition:border-color 0.2s,background-color 0.2s;box-sizing:border-box}.stt-dropzone:hover,.stt-dropzone.dragover{border-color:var(--brand,#2563eb);background:rgba(59,130,246,0.06)}.stt-drop-icon{width:48px;height:48px;margin:0 auto 12px auto;color:var(--brand,#2563eb);opacity:0.85}.stt-drop-title{font-size:1.05rem;font-weight:600;margin-bottom:6px;color:var(--text,#111827)}.stt-drop-sub{font-size:0.85rem;color:var(--muted,#6b7280);margin-bottom:16px}.stt-sample-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:0.84rem;color:var(--muted,#6b7280)}.stt-sample-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:0.82rem;font-weight:500;border-radius:9999px;border:1px solid var(--border,#e5e7eb);background:var(--surface,#ffffff);color:var(--text,#111827);cursor:pointer;transition:all 0.15s ease}.stt-sample-pill:hover{border-color:var(--brand,#2563eb);color:var(--brand,#2563eb);background:var(--surface-2,#f9fafb)}.stt-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.stt-field{display:flex;flex-direction:column;gap:6px}.stt-field label{font-size:0.84rem;font-weight:600;color:var(--text-secondary,#374151)}.stt-progress-wrap{margin:20px 0;display:flex;flex-direction:column;gap:8px}.stt-progress-bar-bg{width:100%;height:8px;background:var(--border,#e5e7eb);border-radius:4px;overflow:hidden}.stt-progress-bar-fill{height:100%;background:var(--brand,#2563eb);width:0%;transition:width 0.25s ease;border-radius:4px}.stt-status-row{display:flex;justify-content:space-between;align-items:center;font-size:0.86rem;color:var(--muted,#6b7280)}.stt-actions-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.stt-results-wrap{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-md,8px);overflow:hidden;background:var(--surface,#ffffff);margin-top:24px}.stt-results-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-2,#f9fafb);border-bottom:1px solid var(--border,#e5e7eb);gap:10px}.stt-results-count{font-size:0.88rem;font-weight:600;color:var(--text,#111827)}.stt-btn-group{display:flex;flex-wrap:wrap;gap:8px}.stt-cues-table-container{max-height:480px;overflow-y:auto;overflow-x:auto}.stt-cues-table{width:100%;border-collapse:collapse}.stt-cues-table th{background:var(--surface-2,#f9fafb);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border,#e5e7eb);color:var(--muted,#6b7280);position:sticky;top:0;z-index:1}.stt-cues-table td{padding:10px 14px;border-bottom:1px solid var(--border,#e5e7eb);font-size:0.9rem;vertical-align:top}.stt-cue-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.82rem;color:var(--brand,#2563eb);white-space:nowrap}.stt-cue-input{width:100%;border:1px solid transparent;background:transparent;font-size:0.9rem;color:var(--text,#111827);padding:4px 8px;border-radius:4px;box-sizing:border-box;transition:all 0.15s ease}.stt-cue-input:focus{outline:none;border-color:var(--brand,#2563eb);background:var(--surface,#ffffff);box-shadow:0 0 0 2px rgba(37,99,235,0.15)}.stt-disclaimer-box{margin-top:18px;padding:12px 16px;border-radius:8px;background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.3);font-size:0.84rem;color:var(--text-secondary,#4b5563);line-height:1.5}.stt-modal-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.stt-modal{background:var(--surface,#ffffff);border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-lg,14px);max-width:520px;width:100%;padding:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.2),0 10px 10px -5px rgba(0,0,0,0.04);box-sizing:border-box;animation:sttModalFadeIn 0.2s ease-out}@keyframes sttModalFadeIn{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.stt-modal-title{margin:0 0 12px 0;font-size:1.2rem;font-weight:700;color:var(--text,#111827)}.stt-modal-desc{font-size:0.9rem;color:var(--text-secondary,#4b5563);line-height:1.55;margin-bottom:20px}.stt-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}[dir="rtl"] .stt-cues-table th,[dir="rtl"] .stt-cues-table td{text-align:right}[dir="rtl"] .stt-cue-time{direction:ltr;display:inline-block}[dir="rtl"] .stt-modal-actions{justify-content:flex-start}@media (max-width:640px){.stt-card{padding:16px}.stt-dropzone{padding:24px 12px}.stt-results-toolbar{flex-direction:column;align-items:stretch}.stt-btn-group{width:100%}.stt-btn-group .btn{flex:1 1 auto;font-size:0.82rem;padding:8px 10px}}.upscale-container{display:flex;flex-direction:column;gap:20px;width:100%}.upscale-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg,16px);padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,0.06));color:var(--text);scroll-margin-top:88px}.upscale-header-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.upscale-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.upscale-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;font-size:0.78rem;font-weight:600;letter-spacing:0.02em}.upscale-badge-gpu{background:var(--ok-dim,rgba(16,185,129,0.15));color:var(--ok,#10b981);border:1px solid rgba(16,185,129,0.3)}.upscale-badge-cpu{background:var(--warn-dim,rgba(245,158,11,0.15));color:var(--warn,#f59e0b);border:1px solid rgba(245,158,11,0.3)}.upscale-badge-mem{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);font-family:var(--font-mono,monospace)}.upscale-dropzone{border:2px dashed var(--line);border-radius:var(--radius-md,12px);padding:32px 20px;text-align:center;background:var(--panel-2);cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text);scroll-margin-top:88px}.upscale-dropzone:hover,.upscale-dropzone.dragover{border-color:var(--brand,#0055ff);background:var(--brand-dim,rgba(0,85,255,0.06))}.upscale-dropzone-icon{display:flex;align-items:center;justify-content:center;color:var(--brand,#0055ff);margin-bottom:4px}.upscale-dropzone-title{font-size:0.98rem;font-weight:600;color:var(--text)}.upscale-dropzone-hint{font-size:0.82rem;color:var(--muted);max-width:520px}.upscale-presets{display:flex;flex-direction:column;gap:8px}.upscale-presets-label{font-size:0.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em}.upscale-pills{display:flex;flex-wrap:wrap;gap:8px}.upscale-pill{padding:6px 14px;border-radius:9999px;font-size:0.82rem;font-weight:500;cursor:pointer;background:var(--panel-2);border:1px solid var(--line);color:var(--text-secondary);transition:all 0.15s ease;display:inline-flex;align-items:center;gap:6px}.upscale-pill:hover,.upscale-pill.active{background:var(--brand-dim,rgba(0,85,255,0.12));border-color:var(--brand,#0055ff);color:var(--brand,#0055ff);font-weight:600}.upscale-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.upscale-field{display:flex;flex-direction:column;gap:6px}.upscale-field label{font-size:0.82rem;font-weight:600;color:var(--text-secondary)}.upscale-field select,.upscale-field input{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm,8px);padding:9px 12px;color:var(--text);font-size:0.88rem;outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease}.upscale-field select:focus,.upscale-field input:focus{border-color:var(--brand,#0055ff);box-shadow:0 0 0 3px var(--brand-glow,rgba(0,85,255,0.15))}.upscale-budget-alert{background:var(--warn-dim,rgba(245,158,11,0.12));border:1px solid rgba(245,158,11,0.35);border-radius:var(--radius-md,12px);padding:16px 20px;display:none;flex-direction:column;gap:10px}.upscale-budget-title{font-weight:700;color:var(--warn,#f59e0b);font-size:0.92rem;display:flex;align-items:center;gap:8px}.upscale-budget-desc{font-size:0.84rem;color:var(--text-secondary);line-height:1.5}.upscale-budget-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.upscale-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.upscale-timing-label{font-size:0.84rem;color:var(--muted);font-family:var(--font-mono,monospace);margin-left:auto}.upscale-progress-box{display:none;flex-direction:column;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm,8px);padding:12px 16px}.upscale-progress-track{width:100%;height:8px;background:var(--line);border-radius:9999px;overflow:hidden}.upscale-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--brand,#0055ff),var(--ok,#10b981));border-radius:9999px;transition:width 0.15s ease}.upscale-progress-status{display:flex;justify-content:space-between;font-size:0.82rem;color:var(--brand,#0055ff);font-weight:600;font-family:var(--font-mono,monospace)}.upscale-compare-container{position:relative;width:100%;min-height:320px;max-height:540px;overflow:hidden;border-radius:var(--radius-md,12px);border:1px solid var(--line);background:repeating-conic-gradient(var(--panel-2) 0% 25%,var(--panel) 0% 50%) 50% / 16px 16px;display:flex;align-items:center;justify-content:center;user-select:none;touch-action:pan-y;cursor:ew-resize}.upscale-canvas-layer{display:block;max-width:100%;max-height:520px;object-fit:contain;pointer-events:none}.upscale-compare-before-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:inset(0 calc(100% - var(--slider-pos,50%)) 0 0);pointer-events:none;transition:none}.upscale-compare-divider{position:absolute;top:0;bottom:0;left:var(--slider-pos,50%);width:2px;background:var(--brand,#0055ff);box-shadow:0 0 10px var(--brand-glow,rgba(0,85,255,0.4));pointer-events:none;transform:translateX(-50%);z-index:8}.upscale-compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--panel);border:2px solid var(--brand,#0055ff);color:var(--brand,#0055ff);box-shadow:var(--shadow-md,0 4px 14px rgba(0,0,0,0.15));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;cursor:ew-resize;pointer-events:none}.upscale-compare-range{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:5;pointer-events:none;-webkit-appearance:none;appearance:none}.upscale-compare-range:focus-visible ~ .upscale-compare-divider .upscale-compare-handle{outline:3px solid var(--brand);outline-offset:3px;box-shadow:0 0 0 6px var(--brand-glow,rgba(0,85,255,0.25))}.upscale-label-badge{position:absolute;top:12px;padding:4px 10px;border-radius:6px;font-size:0.74rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;pointer-events:none;z-index:6;background:var(--panel-glass,rgba(255,255,255,0.85));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--line);box-shadow:var(--shadow-xs)}.upscale-label-before{left:12px;color:var(--muted)}.upscale-label-after{right:12px;color:var(--ok,#10b981)}.upscale-metrics-table{width:100%;border-collapse:collapse;font-size:0.85rem;background:var(--panel);border-radius:var(--radius-sm,8px);overflow:hidden;border:1px solid var(--line)}.upscale-metrics-table th,.upscale-metrics-table td{padding:10px 14px;border-bottom:1px solid var(--line)}.upscale-metrics-table th{background:var(--panel-2);color:var(--text-secondary);font-weight:600;text-align:left;width:25%}.upscale-metrics-table td{color:var(--text);font-family:var(--font-mono,monospace);font-size:0.82rem}.upscale-download-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-md,12px);padding:16px 20px}.upscale-download-info{display:flex;flex-direction:column;gap:4px}.upscale-download-dims{font-size:0.95rem;font-weight:700;color:var(--brand,#0055ff);font-family:var(--font-mono,monospace)}.upscale-download-meta{font-size:0.8rem;color:var(--muted)}.upscale-download-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.upscale-download-controls select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm,8px);padding:8px 12px;font-size:0.88rem;height:38px;outline:none;cursor:pointer;transition:border-color 0.15s ease,box-shadow 0.15s ease}.upscale-download-controls select:focus{border-color:var(--brand,#0055ff);box-shadow:0 0 0 3px var(--brand-glow,rgba(0,85,255,0.15))}.upscale-disclaimer{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm,8px);padding:12px 16px;font-size:0.8rem;line-height:1.5;color:var(--muted);display:flex;align-items:flex-start;gap:8px}.upscale-disclaimer-icon{flex-shrink:0;margin-top:2px;color:var(--muted)}.upscale-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,0.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:9999;padding:16px}.upscale-modal-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg,16px);max-width:500px;width:100%;padding:24px;box-shadow:var(--shadow-lg,0 20px 25px -5px rgba(0,0,0,0.25));display:flex;flex-direction:column;gap:14px;color:var(--text)}.upscale-modal-title{font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--navy)}.upscale-modal-desc{font-size:0.88rem;color:var(--text-secondary);line-height:1.55}.upscale-modal-specs{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm,8px);padding:12px 16px;display:flex;flex-direction:column;gap:6px;font-size:0.82rem;color:var(--text-secondary);font-family:var(--font-mono,monospace)}.upscale-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;flex-wrap:wrap}[dir="rtl"] .upscale-metrics-table th{text-align:right}[dir="rtl"] .upscale-label-before{left:auto;right:12px}[dir="rtl"] .upscale-label-after{right:auto;left:12px}[dir="rtl"] .upscale-compare-before-wrapper{clip-path:inset(0 0 0 calc(100% - var(--slider-pos,50%)))}[dir="rtl"] .upscale-modal-actions{justify-content:flex-start}@media (max-width:640px){.upscale-card{padding:16px}.upscale-options-grid{grid-template-columns:1fr}.upscale-compare-container{min-height:240px;max-height:380px}.upscale-download-bar{flex-direction:column;align-items:stretch}.upscale-download-controls{width:100%}.upscale-download-controls select,.upscale-download-controls button{flex:1 1 auto}.upscale-action-bar{flex-direction:column;align-items:stretch}.upscale-action-bar .btn{width:100%;justify-content:center}.upscale-timing-label{margin-left:0;text-align:center}}.wm-studio-container{display:flex;flex-direction:column;gap:16px;width:100%;margin-top:14px}.wm-top-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.wm-btn-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.wm-pill-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;background:var(--panel);border:1px solid var(--line);color:var(--text-muted)}.wm-preset-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;background:rgba(59,130,246,0.05);border:1px dashed var(--line);border-radius:10px}.wm-preset-chip{padding:4px 10px;font-size:12px;font-weight:500;border-radius:6px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:all 0.15s ease}.wm-preset-chip:hover{background:var(--primary);color:#ffffff;border-color:var(--primary)}.wm-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start;width:100%}@media (max-width:960px){.wm-workspace-grid{grid-template-columns:1fr}}.wm-stage-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);min-height:480px;overflow:hidden;position:relative}.wm-canvas-checkerboard{background-image:linear-gradient(45deg,var(--line) 25%,transparent 25%),linear-gradient(-45deg,var(--line) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--line) 75%),linear-gradient(-45deg,transparent 75%,var(--line) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;max-width:100%;position:relative;touch-action:manipulation}.wm-sidebar-card{display:flex;flex-direction:column;gap:16px}.wm-section-box{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.wm-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.wm-layer-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding-right:4px}.wm-layer-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--line);cursor:pointer;transition:border-color 0.15s ease,background 0.15s ease;user-select:none}.wm-layer-item:hover{background:var(--panel-hover,rgba(255,255,255,0.04))}.wm-layer-item.active{border-color:var(--primary);background:rgba(59,130,246,0.1)}.wm-layer-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-layer-actions{display:flex;align-items:center;gap:4px}.wm-icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:color 0.15s,background 0.15s}.wm-icon-btn:hover{color:var(--text);background:var(--line)}.wm-icon-btn.danger:hover{color:#ef4444;background:rgba(239,68,68,0.15)}.wm-grid-align{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wm-align-btn{padding:6px;font-size:11px;font-weight:600;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--text);cursor:pointer;transition:all 0.15s}.wm-align-btn:hover{border-color:var(--primary);color:var(--primary)}.wm-coords-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wm-coord-field{display:flex;flex-direction:column;gap:2px}.wm-coord-field label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.wm-coord-field input{height:32px;font-size:12px;padding:4px 6px;text-align:center}.wm-prop-grid{display:flex;flex-direction:column;gap:10px}.wm-prop-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.wm-prop-row label{font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap}.wm-hint-box{font-size:11px;line-height:1.4;color:var(--text-muted);margin-top:8px;padding:6px 10px;background:rgba(0,0,0,0.04);border-radius:6px}.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-voice-control-box{display:flex;flex-direction:column;gap:12px;background:var(--panel-2);padding:16px;border-radius:var(--radius);border:1px solid var(--line)}.tts-voice-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.tts-voice-search-wrap{display:flex;align-items:center;gap:6px;flex:1 1 200px;min-width:160px}.tts-voice-search-wrap input{width:100%;padding:6px 10px;font-size:0.88rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);outline:none;transition:border-color 0.15s ease}.tts-voice-search-wrap input:focus{border-color:var(--brand)}.tts-voice-actions-wrap{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:2px}.tts-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:all 0.15s ease;flex-shrink:0}.tts-icon-btn:hover{background:var(--panel-2);border-color:var(--brand);color:var(--brand)}.tts-synth-info-note{font-size:0.8rem;color:var(--muted);line-height:1.5;margin-top:6px;padding:8px 12px;background:var(--panel-2);border-left:3px solid var(--brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tts-slider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,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))}.ic-queue-card{margin-top:16px;padding:14px;background:var(--panel,#ffffff);border:1px solid var(--line);border-radius:var(--radius)}.ic-queue-list{display:flex;flex-direction:column;gap:8px}.ic-queue-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--panel-2,#f8fafc);border:1px solid var(--line);border-radius:var(--radius-sm,8px);transition:border-color 0.15s ease}.ic-queue-item:hover{border-color:var(--brand,#0055ff)}.ic-queue-item.status-error{border-color:var(--error,#ef4444);background:rgba(239,68,68,0.04)}.ic-queue-item.status-unmet{border-color:#f59e0b;background:rgba(245,158,11,0.04)}.ic-queue-thumb{width:48px;height:48px;min-width:48px;border-radius:6px;object-fit:cover;background:var(--panel,#ffffff);border:1px solid var(--line)}.ic-queue-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ic-queue-filename{font-weight:600;font-size:0.88rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-queue-meta{font-size:0.76rem;color:var(--muted)}.ic-queue-stats{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;min-width:100px}.ic-queue-size-orig{font-size:0.76rem;color:var(--muted)}.ic-queue-size-new{font-size:0.86rem;font-weight:600}.ic-queue-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ic-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10100;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.ic-modal-box{background:var(--panel,#ffffff);border:1px solid var(--line);border-radius:var(--radius,12px);width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.4)}.ic-modal-header{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--panel,#ffffff)}.ic-modal-toolbar{padding:8px 16px;background:var(--panel-2,#f8fafc);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.ic-cmp-viewport{flex:1;position:relative;overflow:auto;background:#090d16;min-height:340px;max-height:58vh;display:flex;align-items:center;justify-content:center;padding:12px}.ic-cmp-side-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;height:100%}.ic-cmp-pane{display:flex;flex-direction:column;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.12);border-radius:8px;overflow:hidden}.ic-cmp-pane-label{padding:8px 12px;font-size:0.78rem;font-weight:600;color:#e2e8f0;background:rgba(0,0,0,0.6);border-bottom:1px solid rgba(255,255,255,0.08)}.ic-cmp-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:260px;cursor:grab}.ic-cmp-img-wrap.panning{cursor:grabbing}.ic-cmp-img-wrap img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;transition:transform 0.08s ease-out;user-select:none;-webkit-user-drag:none;pointer-events:none}.ic-cmp-split-container{position:relative;width:100%;height:100%;min-height:340px;overflow:hidden;user-select:none}.ic-cmp-split-before,.ic-cmp-split-after{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ic-cmp-split-after{width:50%;border-right:2px solid var(--brand,#0055ff);background:#090d16}.ic-cmp-split-before img,.ic-cmp-split-after img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;user-select:none;-webkit-user-drag:none}.ic-cmp-split-divider{position:absolute;top:0;bottom:0;left:50%;width:6px;margin-left:-3px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:10}.ic-cmp-split-handle{width:30px;height:30px;border-radius:50%;background:var(--brand,#0055ff);color:#ffffff;font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,0.5);border:2px solid #ffffff}@media (max-width:640px){.ic-queue-item{flex-wrap:wrap}.ic-queue-stats{align-items:flex-start;text-align:left;width:100%}.ic-queue-actions{width:100%;justify-content:flex-end}.ic-cmp-side-container{grid-template-columns:1fr}.ic-cmp-pane{min-height:180px}}[dir="rtl"] .ic-queue-item{direction:rtl;text-align:right}[dir="rtl"] .ic-queue-stats{align-items:flex-start;text-align:left}[dir="rtl"] .ic-modal-box{direction:rtl;text-align:right}.irq-badge-pass{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:0.78rem;font-weight:700;background:rgba(16,185,129,0.12);color:#10b981;border:1px solid rgba(16,185,129,0.3);text-transform:uppercase}.irq-badge-fail{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:0.78rem;font-weight:700;background:rgba(239,68,68,0.12);color:#ef4444;border:1px solid rgba(239,68,68,0.3);text-transform:uppercase}.irq-banner-compliant{background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.3);color:var(--text)}.irq-banner-compliant #irq_overall_status{color:#10b981}.irq-banner-noncompliant{background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.3);color:var(--text)}.irq-banner-noncompliant #irq_overall_status{color:#ef4444}.irq-table td,.irq-table th{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.irq-table tr:last-child td{border-bottom:none}@media (max-width:640px){.irq-table td,.irq-table th{padding:8px 10px;font-size:0.82rem}}[dir="rtl"] .irq-table{text-align:right;direction:rtl}[dir="rtl"] #irq_overall_banner{direction:rtl;text-align:right}.ytc-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto 30px auto;box-sizing:border-box}.ytc-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;width:100%;box-sizing:border-box}@media (max-width:960px){.ytc-layout-grid{grid-template-columns:1fr;gap:20px}}.ytc-card{background:var(--surface,#ffffff);border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 3px rgba(0,0,0,0.04);box-sizing:border-box}.ytc-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.ytc-card-title{font-size:1.05rem;font-weight:700;color:var(--text,#1e293b);display:flex;align-items:center;gap:8px;margin:0}.ytc-tabs{display:inline-flex;background:var(--surface-hover,#f1f5f9);padding:3px;border-radius:8px;border:1px solid var(--border,#e2e8f0);gap:4px}.ytc-tab-btn{padding:6px 14px;font-size:0.85rem;font-weight:600;border:none;background:transparent;color:var(--muted,#64748b);border-radius:6px;cursor:pointer;transition:all 0.15s ease}.ytc-tab-btn.active{background:var(--surface,#ffffff);color:var(--brand,#2563eb);box-shadow:0 1px 2px rgba(0,0,0,0.08)}.ytc-field-group{display:flex;flex-direction:column;gap:6px}.ytc-field-label{font-size:0.88rem;font-weight:600;color:var(--text,#1e293b)}.ytc-field-hint{font-size:0.78rem;color:var(--muted,#64748b);line-height:1.4}.ytc-input{width:100%;padding:9px 12px;font-size:0.9rem;border-radius:8px;border:1px solid var(--border,#cbd5e1);background:var(--surface,#ffffff);color:var(--text,#1e293b);box-sizing:border-box;transition:border-color 0.15s ease,box-shadow 0.15s ease}.ytc-input:focus{outline:none;border-color:var(--brand,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,0.15)}.ytc-textarea{width:100%;min-height:250px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.9rem;line-height:1.55;padding:12px;border-radius:8px;border:1px solid var(--border,#cbd5e1);background:var(--surface,#ffffff);color:var(--text,#1e293b);resize:vertical;box-sizing:border-box}.ytc-textarea:focus{outline:none;border-color:var(--brand,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,0.15)}.ytc-table-wrap{overflow-x:auto;border:1px solid var(--border,#e2e8f0);border-radius:8px;max-height:380px;overflow-y:auto;width:100%;box-sizing:border-box}.ytc-table{width:100%;border-collapse:collapse;font-size:0.88rem}.ytc-table th{background:var(--surface-hover,#f8fafc);color:var(--muted,#64748b);font-weight:600;padding:8px 10px;text-align:left;border-bottom:1px solid var(--border,#e2e8f0);position:sticky;top:0;z-index:1;font-size:0.82rem}.ytc-table td{padding:6px 10px;border-bottom:1px solid var(--border,#e2e8f0);vertical-align:middle}.ytc-table tr:last-child td{border-bottom:none}.ytc-row-num{font-weight:700;color:var(--muted,#64748b);font-size:0.82rem;text-align:center;width:28px}.ytc-row-time{width:86px;font-family:monospace;font-size:0.88rem;padding:6px 8px;border-radius:6px;border:1px solid var(--border,#cbd5e1);background:var(--surface,#ffffff);color:var(--text,#1e293b);text-align:center;box-sizing:border-box}.ytc-row-title{width:100%;font-size:0.88rem;padding:6px 8px;border-radius:6px;border:1px solid var(--border,#cbd5e1);background:var(--surface,#ffffff);color:var(--text,#1e293b);box-sizing:border-box}.ytc-row-dur{font-family:monospace;font-size:0.82rem;color:var(--muted,#64748b);white-space:nowrap;font-weight:600}.ytc-row-dur.too-short{color:#dc2626;font-weight:700}.ytc-btn-del-row{background:transparent;border:1px solid transparent;color:var(--muted,#94a3b8);border-radius:6px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s ease;padding:0}.ytc-btn-del-row:hover{color:#dc2626;background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.2)}.ytc-btn-add-row{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:600;color:var(--brand,#2563eb);background:rgba(37,99,235,0.08);border:1px dashed var(--brand,#2563eb);padding:8px 14px;border-radius:8px;cursor:pointer;transition:all 0.15s ease;width:100%;justify-content:center;margin-top:6px}.ytc-btn-add-row:hover{background:rgba(37,99,235,0.14)}.ytc-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ytc-btn{display:inline-flex;align-items:center;gap:6px;font-size:0.88rem;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;border:1px solid var(--border,#cbd5e1);background:var(--surface,#ffffff);color:var(--text,#1e293b);transition:all 0.15s ease}.ytc-btn:hover{background:var(--surface-hover,#f8fafc);border-color:var(--muted,#94a3b8)}.ytc-btn.primary{background:var(--brand,#2563eb);color:#ffffff;border-color:var(--brand,#2563eb)}.ytc-btn.primary:hover{filter:brightness(1.08)}.ytc-status-banner{padding:12px 16px;border-radius:8px;display:flex;align-items:flex-start;gap:12px;font-size:0.92rem;font-weight:600;line-height:1.45;transition:all 0.2s ease}.ytc-status-banner.valid{background:rgba(22,163,74,0.1);border:1px solid rgba(22,163,74,0.3);color:#15803d}.ytc-status-banner.incomplete{background:rgba(202,138,4,0.1);border:1px solid rgba(202,138,4,0.3);color:#a16207}.ytc-status-banner.error{background:rgba(220,38,38,0.1);border:1px solid rgba(220,38,38,0.3);color:#b91c1c}.ytc-status-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.ytc-error-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding:10px 12px;background:rgba(220,38,38,0.05);border:1px solid rgba(220,38,38,0.2);border-radius:8px;list-style:none;margin:0}.ytc-error-item{font-size:0.82rem;color:#991b1b;display:flex;align-items:flex-start;gap:6px;line-height:1.4}.ytc-timeline-section{display:flex;flex-direction:column;gap:8px}.ytc-timeline-label{font-size:0.85rem;font-weight:600;color:var(--text,#1e293b);display:flex;justify-content:space-between;align-items:center}.ytc-timeline{width:100%;height:38px;border-radius:8px;overflow:hidden;display:flex;background:var(--surface-hover,#f1f5f9);border:1px solid var(--border,#cbd5e1);box-sizing:border-box}.ytc-timeline-seg{height:100%;position:relative;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;color:#ffffff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;box-sizing:border-box;border-right:1px solid rgba(255,255,255,0.3);transition:opacity 0.15s ease,filter 0.15s ease}.ytc-timeline-seg:last-child{border-right:none}.ytc-timeline-seg:hover{filter:brightness(1.15);z-index:2}.ytc-timeline-placeholder{width:100%;padding:10px 12px;background:var(--surface-hover,#f8fafc);border:1px dashed var(--border,#cbd5e1);border-radius:8px;font-size:0.82rem;color:var(--muted,#64748b);text-align:center}.ytc-output-box{width:100%;min-height:160px;max-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.88rem;line-height:1.5;padding:12px;border-radius:8px;border:1px solid var(--border,#cbd5e1);background:var(--surface-hover,#f8fafc);color:var(--text,#1e293b);resize:vertical;box-sizing:border-box}.ytc-disclaimer{font-size:0.78rem;color:var(--muted,#64748b);line-height:1.45;padding:8px 12px;background:var(--surface-hover,#f8fafc);border-radius:6px;border-left:3px solid var(--border,#cbd5e1);margin:0}[dir="rtl"] .ytc-row-time,[dir="rtl"] #ytc_output_text,[dir="rtl"] #ytc_total_duration{direction:ltr !important;text-align:center}[dir="rtl"] #ytc_output_text{text-align:left}[dir="rtl"] .ytc-row-title{direction:auto}[dir="rtl"] .ytc-table th{text-align:right}[dir="rtl"] .ytc-table th:first-child,[dir="rtl"] .ytc-table th:last-child{text-align:center}.ytt-workspace{display:flex;flex-direction:column;gap:16px;width:100%}.ytt-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface-2,#f8fafc);border:1px solid var(--line,#e2e8f0);border-radius:10px}.ytt-toolbar-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ytt-view-tabs{display:inline-flex;background:var(--surface-3,#e2e8f0);padding:3px;border-radius:8px;gap:2px}.ytt-view-tab{padding:6px 12px;border-radius:6px;font-size:0.82rem;font-weight:600;border:none;background:transparent;color:var(--text-muted,#64748b);cursor:pointer;transition:background 0.15s ease,color 0.15s ease}.ytt-view-tab:hover{color:var(--text,#1e293b)}.ytt-view-tab.active{background:var(--panel,#ffffff);color:var(--brand,#0055ff);box-shadow:0 1px 3px rgba(0,0,0,0.08)}.ytt-disclaimer{font-size:0.78rem;color:var(--muted,#64748b);line-height:1.45;padding:8px 12px;background:var(--surface-2,#f8fafc);border-radius:6px;border-left:3px solid var(--border,#cbd5e1);margin:0}.ytt-compare-grid{display:grid;grid-template-columns:repeat(var(--ytt-cols,1),minmax(0,1fr));gap:20px;align-items:stretch;width:100%}@media (max-width:960px){.ytt-compare-grid{grid-template-columns:1fr !important}}.ytt-candidate-card{background:var(--panel,#ffffff);border:2px solid var(--line,#e2e8f0);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;transition:border-color 0.2s ease,box-shadow 0.2s ease;min-width:0}.ytt-candidate-card.is-selected{border-color:var(--brand,#0055ff);box-shadow:0 0 0 2px var(--brand-dim,rgba(0,85,255,0.18))}.ytt-cand-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line,#e2e8f0)}.ytt-cand-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:0.02em}.ytt-badge-a{background:rgba(0,85,255,0.12);color:#0055ff;border:1px solid rgba(0,85,255,0.25)}.ytt-badge-b{background:rgba(234,88,12,0.12);color:#ea580c;border:1px solid rgba(234,88,12,0.25)}.ytt-badge-c{background:rgba(147,51,234,0.12);color:#9333ea;border:1px solid rgba(147,51,234,0.25)}.ytt-dropzone{border:2px dashed var(--line,#cbd5e1);border-radius:10px;padding:14px 10px;text-align:center;background:var(--surface-2,#f8fafc);cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease;font-size:0.82rem;color:var(--muted,#64748b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.ytt-dropzone:hover,.ytt-dropzone.dragover{border-color:var(--brand,#0055ff);background:var(--brand-dim,rgba(0,85,255,0.06))}.ytt-title-input-wrap{display:flex;flex-direction:column;gap:4px}.ytt-preview-frame{border-radius:10px;padding:14px;overflow:hidden;transition:background 0.2s ease,color 0.2s ease;font-family:Roboto,Arial,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.ytt-preview-frame.theme-dark{background:#0f0f0f;color:#f1f1f1}.ytt-preview-frame.theme-light{background:#ffffff;color:#0f0f0f;border:1px solid #e5e5e5}.ytt-thumb-aspect{position:relative;width:100%;aspect-ratio:16/9;background:#1f1f1f;border-radius:8px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.theme-light .ytt-thumb-aspect{background:#f0f0f0}.ytt-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.ytt-thumb-img.contain-letterbox{object-fit:contain;background:#0a0a0a}.ytt-no-thumb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#717171;font-size:0.8rem;text-align:center;padding:8px}.ytt-duration-badge{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,0.85);color:#ffffff;font-size:0.75rem;font-weight:700;padding:2px 5px;border-radius:4px;font-family:Roboto,Arial,sans-serif;pointer-events:none;letter-spacing:0.02em}.ytt-view-sidebar .ytt-sim-card{display:flex;gap:10px;align-items:flex-start}.ytt-view-sidebar .ytt-thumb-aspect{width:140px;flex-shrink:0;border-radius:6px}.ytt-view-sidebar .ytt-sim-meta{flex:1;min-width:0;overflow:hidden}.ytt-view-sidebar .ytt-sim-title{font-size:0.82rem;font-weight:600;line-height:1.3;margin-bottom:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ytt-view-sidebar .ytt-sim-channel,.ytt-view-sidebar .ytt-sim-viewtime{font-size:0.74rem;opacity:0.75;line-height:1.3}.ytt-view-desktop .ytt-sim-card,.ytt-view-mobile .ytt-sim-card{display:flex;flex-direction:column;gap:10px}.ytt-sim-info-row{display:flex;gap:10px;align-items:flex-start}.ytt-sim-avatar{width:36px;height:36px;border-radius:50%;background:#555;flex-shrink:0}.theme-light .ytt-sim-avatar{background:#ccc}.ytt-view-mobile .ytt-sim-avatar{width:32px;height:32px}.ytt-sim-text{flex:1;min-width:0}.ytt-sim-title{font-size:0.94rem;font-weight:600;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;word-break:break-word}.ytt-view-mobile .ytt-sim-title{font-size:0.88rem}.ytt-sim-channel,.ytt-sim-viewtime{font-size:0.8rem;opacity:0.75;line-height:1.35}.ytt-info-strip{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:0.75rem}.ytt-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:0.74rem;font-weight:600}.ytt-pill-ok{background:rgba(16,185,129,0.12);color:#059669;border:1px solid rgba(16,185,129,0.25)}.ytt-pill-warn{background:rgba(245,158,11,0.12);color:#d97706;border:1px solid rgba(245,158,11,0.25)}.ytt-pill-info{background:rgba(59,130,246,0.12);color:#2563eb;border:1px solid rgba(59,130,246,0.25)}.ytt-actions-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:auto}.ytt-btn-action{font-size:0.78rem;padding:6px 10px;border-radius:6px;border:1px solid var(--line,#cbd5e1);background:var(--surface-2,#f8fafc);color:var(--text,#1e293b);cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background 0.15s ease,border-color 0.15s ease}.ytt-btn-action:hover{background:var(--surface-hover,#f1f5f9);border-color:var(--brand,#0055ff)}.ytt-btn-action.primary{background:var(--brand,#0055ff);color:#ffffff;border-color:var(--brand,#0055ff)}.ytt-btn-action.primary:hover{filter:brightness(1.1)}.ytt-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(2px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}.ytt-modal-dialog{background:var(--panel,#ffffff);color:var(--text,#1e293b);border-radius:14px;max-width:900px;width:100%;max-height:92vh;overflow-y:auto;padding:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.35);position:relative;display:flex;flex-direction:column;gap:16px}.ytt-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line,#e2e8f0);padding-bottom:12px}.ytt-modal-title{margin:0;font-size:1.15rem;font-weight:700}.ytt-modal-preview-wrap{width:100%;background:#0f0f0f;border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:center}.ytt-modal-thumb-box{position:relative;width:100%;max-width:768px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#1c1c1c;display:flex;align-items:center;justify-content:center}[dir="rtl"] .ytt-duration-badge{right:auto;left:6px}[dir="rtl"] .ytt-disclaimer{border-left:none;border-right:3px solid var(--border,#cbd5e1)}[dir="rtl"] .ytt-cand-header{flex-direction:row-reverse}@media (prefers-reduced-motion:reduce){.ytt-candidate-card,.ytt-preview-frame,.ytt-modal-dialog,.ytt-view-tab{transition:none !important;animation:none !important}}.irq-workspace{position:relative}.irq-mode-toggle{display:flex;gap:8px;border-bottom:2px solid var(--border,#e2e8f0);padding-bottom:10px}.irq-mode-btn{transition:all 0.2s ease;font-weight:600;cursor:pointer}.irq-rule-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.02em}.irq-rule-badge.verified{background:rgba(16,185,129,0.12);color:#059669;border:1px solid rgba(16,185,129,0.3)}.irq-rule-badge.recommendation{background:rgba(59,130,246,0.12);color:#2563eb;border:1px solid rgba(59,130,246,0.3)}.irq-rule-badge.design_target{background:rgba(245,158,11,0.12);color:#d97706;border:1px solid rgba(245,158,11,0.3)}.irq-rule-badge.user_defined{background:rgba(139,92,246,0.12);color:#7c3aed;border:1px solid rgba(139,92,246,0.3)}.irq-rule-badge.unverified{background:rgba(100,116,139,0.12);color:#475569;border:1px solid rgba(100,116,139,0.3)}.irq-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:0.8rem;font-weight:700;white-space:nowrap}.irq-status-pass{background:rgba(16,185,129,0.12);color:#059669}.irq-status-fail{background:rgba(239,68,68,0.12);color:#dc2626}.irq-status-warning{background:rgba(245,158,11,0.12);color:#d97706}.irq-status-unverified{background:rgba(100,116,139,0.12);color:#475569}.irq-table{width:100%;border-collapse:collapse}.irq-table th,.irq-table td{padding:10px 14px;border-bottom:1px solid var(--border,#e2e8f0)}.irq-table tbody tr:last-child td{border-bottom:none}.irq-table tbody tr:hover{background:var(--surface-2,rgba(0,0,0,0.02))}#irq_compare_card{animation:irqFadeIn 0.3s ease-out}@keyframes irqFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}[dir="rtl"] #irq_compare_card{border-left:none;border-right:4px solid var(--brand,#0055ff)}[dir="rtl"] .irq-table th,[dir="rtl"] .irq-table td{text-align:right}[dir="rtl"] .irq-table th:nth-child(4),[dir="rtl"] .irq-table td:nth-child(4){text-align:center}@media (max-width:640px){.irq-mode-toggle{flex-direction:column}.irq-table th,.irq-table td{padding:8px 10px;font-size:0.8rem}#irq_actions_row{flex-direction:column;align-items:stretch}#irq_actions_row .btn{width:100%;justify-content:center}}.ytd-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto 30px auto;box-sizing:border-box}.ytd-trust-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--surface-2,rgba(37,99,235,0.05));border:1px solid var(--border,#e2e8f0);border-radius:10px;font-size:0.85rem;color:var(--muted,#64748b)}.ytd-trust-items{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ytd-trust-item{display:inline-flex;align-items:center;gap:6px;color:var(--text,#1e293b);font-weight:500}.ytd-trust-item svg{color:#10b981;flex-shrink:0}.ytd-quick-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.ytd-quick-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ytd-layout-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:24px;align-items:start;width:100%;box-sizing:border-box}@media (max-width:960px){.ytd-layout-grid{grid-template-columns:1fr;gap:20px}}.ytd-card{background:var(--surface,#ffffff);border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 3px rgba(0,0,0,0.04);box-sizing:border-box}.ytd-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.ytd-card-title{font-size:1.05rem;font-weight:700;color:var(--text,#1e293b);display:flex;align-items:center;gap:8px;margin:0}.ytd-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:0.76rem;font-weight:600;background:var(--surface-hover,#f1f5f9);color:var(--muted,#64748b);border:1px solid var(--border,#e2e8f0)}.ytd-badge.active{background:rgba(37,99,235,0.1);color:var(--brand,#2563eb);border-color:rgba(37,99,235,0.3)}.ytd-title-list{display:flex;flex-direction:column;gap:10px}.ytd-title-row{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--surface-2,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:8px;transition:border-color 0.15s ease}.ytd-title-row.active{border-color:var(--brand,#2563eb);background:var(--surface,#ffffff);box-shadow:0 0 0 1px var(--brand,#2563eb)}.ytd-title-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ytd-title-meta{display:flex;align-items:center;gap:6px}.ytd-title-controls{display:flex;align-items:center;gap:6px}.ytd-title-input-wrap{display:flex;align-items:center;gap:8px}.ytd-title-input{flex:1;padding:8px 12px;font-size:0.92rem;border-radius:6px;border:1px solid var(--border,#cbd5e1);background:var(--surface,#ffffff);color:var(--text,#1e293b);box-sizing:border-box}.ytd-title-input:focus{outline:none;border-color:var(--brand,#2563eb);box-shadow:0 0 0 2px rgba(37,99,235,0.15)}.ytd-counter{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.8rem;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--surface-hover,#f1f5f9);color:var(--muted,#64748b);white-space:nowrap}.ytd-counter.warn{background:rgba(245,158,11,0.12);color:#d97706}.ytd-counter.danger{background:rgba(239,68,68,0.12);color:#dc2626;font-weight:700}.ytd-blocks-list{display:flex;flex-direction:column;gap:12px}.ytd-block-item{border:1px solid var(--border,#e2e8f0);border-radius:10px;background:var(--surface,#ffffff);transition:all 0.15s ease;overflow:hidden}.ytd-block-item.dragging{opacity:0.4;border:2px dashed var(--brand,#2563eb)}.ytd-block-item.disabled{background:var(--surface-2,#f8fafc);opacity:0.75}.ytd-block-item.disabled .ytd-block-body{display:none}.ytd-block-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-2,#f8fafc);border-bottom:1px solid var(--border,#e2e8f0);gap:10px;user-select:none}.ytd-block-item.disabled .ytd-block-header{border-bottom:none}.ytd-block-lead{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ytd-drag-handle{cursor:grab;color:var(--muted,#94a3b8);display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:4px}.ytd-drag-handle:active{cursor:grabbing}.ytd-block-title{font-size:0.9rem;font-weight:600;color:var(--text,#1e293b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ytd-block-actions{display:flex;align-items:center;gap:4px}.ytd-icon-btn{background:transparent;border:1px solid transparent;color:var(--muted,#64748b);border-radius:6px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all 0.15s ease}.ytd-icon-btn:hover:not(:disabled){color:var(--text,#1e293b);background:var(--surface-hover,#e2e8f0)}.ytd-icon-btn:disabled{opacity:0.35;cursor:not-allowed}.ytd-block-body{padding:14px;display:flex;flex-direction:column;gap:10px}.ytd-textarea{width:100%;min-height:100px;font-family:inherit;font-size:0.9rem;line-height:1.5;padding:10px;border-radius:6px;border:1px solid var(--border,#cbd5e1);background:var(--surface,#ffffff);color:var(--text,#1e293b);resize:vertical;box-sizing:border-box}.ytd-textarea:focus{outline:none;border-color:var(--brand,#2563eb);box-shadow:0 0 0 2px rgba(37,99,235,0.15)}.ytd-textarea.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.86rem}.ytd-links-list{display:flex;flex-direction:column;gap:8px}.ytd-link-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid var(--border,#e2e8f0);border-radius:6px;background:var(--surface-2,#f8fafc)}.ytd-link-label{flex:1;min-width:120px;padding:6px 8px;font-size:0.86rem;border-radius:4px;border:1px solid var(--border,#cbd5e1);background:var(--surface,#ffffff);color:var(--text,#1e293b)}.ytd-link-url{flex:2;min-width:200px;padding:6px 8px;font-size:0.86rem;border-radius:4px;border:1px solid var(--border,#cbd5e1);background:var(--surface,#ffffff);color:var(--text,#1e293b)}.ytd-audit-list{display:flex;flex-direction:column;gap:8px}.ytd-audit-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;font-size:0.85rem;border:1px solid var(--border,#e2e8f0);background:var(--surface-2,#f8fafc)}.ytd-audit-item.pass{background:rgba(16,185,129,0.06);border-color:rgba(16,185,129,0.3)}.ytd-audit-item.pass .ytd-audit-icon{color:#10b981}.ytd-audit-item.warn{background:rgba(245,158,11,0.06);border-color:rgba(245,158,11,0.3)}.ytd-audit-item.warn .ytd-audit-icon{color:#f59e0b}.ytd-audit-item.fail{background:rgba(239,68,68,0.06);border-color:rgba(239,68,68,0.3)}.ytd-audit-item.fail .ytd-audit-icon{color:#ef4444}.ytd-audit-text{flex:1;line-height:1.4}.ytd-audit-title{font-weight:600;color:var(--text,#1e293b);display:block;margin-bottom:2px}.ytd-audit-desc{color:var(--muted,#64748b);font-size:0.78rem}.ytd-preview-wrap{display:flex;flex-direction:column;gap:10px}.ytd-preview-box{width:100%;min-height:280px;max-height:520px;overflow-y:auto;padding:14px;border-radius:8px;border:1px solid var(--border,#cbd5e1);background:var(--surface-2,#f8fafc);color:var(--text,#1e293b);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:0.88rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.ytd-preview-box:focus{outline:none;border-color:var(--brand,#2563eb)}.ytd-preview-snippet{padding:10px 12px;background:var(--surface,#ffffff);border:1px solid var(--border,#e2e8f0);border-radius:8px;font-size:0.85rem;display:flex;flex-direction:column;gap:4px}.ytd-snippet-label{font-size:0.75rem;font-weight:700;text-transform:uppercase;color:var(--muted,#64748b)}.ytd-snippet-line{color:var(--text,#1e293b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ytd-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.6);backdrop-filter:blur(3px);z-index:10100;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.ytd-modal-box{background:var(--surface,#ffffff);border:1px solid var(--border,#e2e8f0);border-radius:12px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,0.2)}.ytd-modal-header{padding:12px 16px;border-bottom:1px solid var(--border,#e2e8f0);display:flex;align-items:center;justify-content:space-between}.ytd-modal-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.ytd-modal-footer{padding:12px 16px;border-top:1px solid var(--border,#e2e8f0);display:flex;align-items:center;justify-content:flex-end;gap:8px}@media (max-width:640px){.ytd-container{padding:0 4px}.ytd-trust-banner{flex-direction:column;align-items:flex-start}.ytd-quick-bar{flex-direction:column;align-items:stretch}.ytd-quick-group{width:100%;justify-content:space-between}.ytd-quick-group .btn{flex:1;justify-content:center}.ytd-link-row{flex-direction:column;align-items:stretch}.ytd-card{padding:14px}}[dir="rtl"] .ytd-trust-banner,[dir="rtl"] .ytd-title-header,[dir="rtl"] .ytd-block-header,[dir="rtl"] .ytd-audit-item,[dir="rtl"] .ytd-card-header{direction:rtl;text-align:right}[dir="rtl"] .ytd-block-actions{flex-direction:row-reverse}.sz-container{max-width:1200px;margin:0 auto;padding:16px 8px;box-sizing:border-box}.sz-preview-col{display:flex;flex-direction:column;align-items:center;position:relative;padding:12px 8px 24px;box-sizing:border-box;width:100%;overflow:visible}@media (min-width:1024px) and (min-height:750px){.sz-preview-col{position:sticky;top:88px;z-index:20}}.sz-phone-shell{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background:linear-gradient(155deg,#1f293d 0%,#111827 50%,#1e293b 100%);border-radius:46px;border:2px solid #334155;box-shadow:0 0 0 1px rgba(255,255,255,0.1),0 24px 56px -12px rgba(0,0,0,0.55),0 8px 24px -6px rgba(0,0,0,0.35);margin:4px auto 12px auto;flex-shrink:0;box-sizing:content-box;transition:background 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease}.sz-phone-shell::before{content:'';position:absolute;left:-4px;top:98px;width:3px;height:68px;background:#475569;border-radius:2px 0 0 2px;pointer-events:none;box-shadow:inset -1px 0 1px rgba(255,255,255,0.15),0 1px 2px rgba(0,0,0,0.3)}.sz-phone-shell::after{content:'';position:absolute;right:-4px;top:118px;width:3px;height:48px;background:#475569;border-radius:0 2px 2px 0;pointer-events:none;box-shadow:inset 1px 0 1px rgba(255,255,255,0.15),0 1px 2px rgba(0,0,0,0.3)}[data-theme="dark"] .sz-phone-shell{background:linear-gradient(155deg,#1a2233 0%,#0d131f 50%,#161e2e 100%);border-color:#2e3b52;box-shadow:0 0 0 1px rgba(255,255,255,0.08),0 24px 60px -12px rgba(0,0,0,0.75),0 8px 24px -6px rgba(0,0,0,0.5)}[data-theme="light"] .sz-phone-shell{background:linear-gradient(155deg,#242f44 0%,#151e2e 50%,#202b3f 100%);border-color:#475569;box-shadow:0 0 0 1px rgba(0,0,0,0.15),0 20px 48px -12px rgba(15,23,42,0.3),0 8px 20px -6px rgba(15,23,42,0.15)}#sz_phone_container{position:relative;width:324px;height:576px;background:#000000;border-radius:34px;overflow:hidden;user-select:none;touch-action:none;flex-shrink:0}#sz_video_toolbar{max-width:352px;width:100%}@media (max-width:1023px){.sz-preview-col{position:relative;top:auto;padding:16px 4px 32px}}@media (max-width:365px){.sz-phone-shell{padding:6px;border-radius:30px;max-width:100%;box-sizing:border-box}#sz_phone_container{width:270px;height:480px;border-radius:22px}#sz_video_toolbar{max-width:284px}}