:root{--color-background:#f5f7fa;--color-foreground:#0f172a;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-fg:#ffffff;--color-secondary:#10b981;--color-secondary-fg:#ffffff;--color-muted:#f1f5f9;--color-muted-fg:#64748b;--color-accent:#f1f5f9;--color-accent-fg:#0f172a;--color-destructive:#ef4444;--color-destructive-hover:#dc2626;--color-surface:#ffffff;--color-surface-elevated:#f8fafc;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-input:#e2e8f0;--color-ring:#3b82f6;--color-diff-added:#dcfce7;--color-diff-removed:#fee2e2;--color-diff-added-strong:#16a34a;--color-diff-removed-strong:#ef4444;--color-sidebar-bg:#f8fafc;--color-sidebar-border:#e2e8f0;--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--navbar-height:50px;--section-max-width:1360px;--font-sans:var(--font-inter,"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}*,:after,:before{margin:0;padding:0;box-sizing:border-box;border-color:var(--color-border)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-background);min-height:100vh;line-height:1.5}body,h1,h2,h3,h4,h5,h6{color:var(--color-foreground)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em}#__next,body>main{min-height:100vh}.page{min-height:calc(100vh - var(--navbar-height));display:flex;flex-direction:column}.navbar{justify-content:space-between;padding:0 14px;height:var(--navbar-height);background:rgba(255,255,255,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-left{display:flex;align-items:center}.navbar-left{gap:18px}.navbar-links{display:flex;align-items:center;gap:4px}.navbar-link{font-size:13px;font-weight:500;color:var(--color-muted-fg);text-decoration:none;padding:6px 12px;border-radius:var(--radius);transition:color .15s ease,background .15s ease}.navbar-link:hover{color:var(--color-foreground);background:var(--color-accent)}.navbar-link--active{color:var(--color-primary);background:rgba(59,130,246,.08);font-weight:600}.navbar-dropdown{position:relative}.navbar-dropdown-trigger{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-family:inherit}.navbar-dropdown-chevron{transition:transform .2s ease;opacity:.5}.navbar-dropdown--open .navbar-dropdown-chevron{transform:rotate(180deg);opacity:1}.navbar-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:8px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;z-index:200}.navbar-dropdown--open .navbar-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.navbar-dropdown-inner{min-width:190px;padding:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 30px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:2px}.navbar-dropdown-item{display:block;padding:8px 14px;font-size:13px;font-weight:500;color:var(--color-muted-fg);text-decoration:none;border-radius:var(--radius);transition:color .12s ease,background .12s ease;white-space:nowrap}.navbar-dropdown-item:hover{color:var(--color-foreground);background:var(--color-accent)}.navbar-dropdown-item--active{color:var(--color-primary);background:rgba(59,130,246,.08);font-weight:600}.logo{gap:8px;text-decoration:none;color:inherit}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{font-size:24px;color:var(--color-primary);font-weight:700;justify-content:center;width:28px;height:28px}.logo-icon--brackets{width:26px;height:26px;border-radius:8px;background:#fff;border:2px solid #bfdbfe;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:0;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transform:rotate(45deg)}.logo-icon--brackets:before{content:"{}";transform:rotate(-45deg)}.logo-text{font-size:18px;font-weight:600;color:var(--color-foreground);letter-spacing:-.025em}.logo-text strong{font-weight:700}.logo-text--wordmark{display:inline-flex;align-items:baseline;gap:0;color:#0f172a;font-size:17px;font-weight:900;line-height:1;letter-spacing:-.045em;white-space:nowrap}.logo-text--wordmark strong{color:#2563eb;font-weight:900}.logo-text--stacked-tools{display:grid;grid-gap:0;gap:0;line-height:.9;letter-spacing:-.045em}.logo-text-online{color:#2563eb;font-size:9px;font-weight:950}.logo-text-bottom{display:inline-flex;align-items:center;gap:4px}.logo-text-data{color:var(--color-foreground);font-size:12px;font-weight:950}.logo-text-tools{display:inline-flex;align-items:center;justify-content:center;min-height:14px;padding:0 5px;border-radius:5px;background:#2563eb;color:#fff;font-size:9px;font-weight:950;letter-spacing:-.03em}.navbar-right{display:flex;align-items:center;gap:8px}.navbar-secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:var(--radius);padding:0 10px;color:#475569;font-size:13px;font-weight:650;text-decoration:none;transition:background .15s ease,color .15s ease;white-space:nowrap}.navbar-secondary-link:hover{background:var(--color-accent);color:#0f172a}.navbar-secondary-link--active{color:#2563eb;background:#eff6ff;font-weight:800}.navbar-secondary-link--active:hover{color:#1d4ed8;background:#dbeafe}.nav-btn{padding:8px 16px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);transition:all .15s ease;font-family:inherit;display:flex;align-items:center;gap:6px}.nav-btn:hover{background:var(--color-accent)}.input-section{display:flex;flex-direction:column;width:100%;max-width:var(--section-max-width);margin:0 auto;padding:0 16px;height:calc(100vh - var(--navbar-height));overflow:hidden}.input-section--collapsed{display:none}.input-section--floating{overflow:visible}.hero{text-align:center;padding:32px 0 20px}.hero-title{font-size:30px;font-weight:800;color:var(--color-foreground);margin-bottom:8px;letter-spacing:-.035em;line-height:1.1}.hero-sub{font-size:16px;color:var(--color-muted-fg);font-weight:400;line-height:1.6}.input-panels{display:flex;gap:0;flex:1 1;min-height:0;overflow:hidden}.input-panels--floating{gap:18px;overflow:visible}.input-panel{flex:1 1;display:flex;flex-direction:column;border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface);transition:border-color .2s ease}.input-panel--left{border-radius:var(--radius-xl) 0 0 var(--radius-xl);border-right:none}.input-panel--right{border-radius:0 var(--radius-xl) var(--radius-xl) 0}.input-panel:focus-within{border-color:var(--color-primary);z-index:1}.input-panels--floating .input-panel{border-radius:24px;border:1px solid rgba(226,232,240,.96);background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.input-panels--floating .input-panel:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.input-panels--floating .input-panel:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.08),var(--shadow-md);z-index:2}.input-panels--floating .input-panel--left,.input-panels--floating .input-panel--right{border-right:1px solid rgba(226,232,240,.96);border-left:1px solid rgba(226,232,240,.96)}.input-panels--floating .input-divider{margin:0 -4px;z-index:3}.input-panel-header{display:flex;align-items:center;padding:8px 12px;background:var(--color-muted);border-bottom:1px solid var(--color-border);min-height:42px}.input-panels--floating .input-panel-header{padding:10px 14px}.input-header-title{font-size:12px;font-weight:600;color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.05em}.input-panels--floating .input-header-title{padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.82)}.input-panels--floating .input-panel--left .input-header-title,.input-panels--floating .input-panel--right .input-header-title{color:var(--color-muted-fg)}.input-header-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.file-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-foreground);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.file-btn:hover{background:var(--color-accent);border-color:var(--color-border-strong)}.clear-side-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted-fg);cursor:pointer;transition:all .15s ease;font-size:12px;font-family:inherit}.clear-side-btn:hover{background:#fef2f2;border-color:#fca5a5;color:var(--color-destructive)}.textarea-wrapper{display:flex;flex:1 1;min-height:0;position:relative;overflow:hidden}.line-numbers{width:40px;min-width:40px;background:var(--color-muted);border-right:1px solid var(--color-border);padding:10px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.line-num{height:20px;padding:0 8px;text-align:right;font-size:11px;color:var(--color-muted-fg);opacity:.5}.line-num,.textarea-wrapper textarea{line-height:20px;font-family:var(--font-mono)}.textarea-wrapper textarea{flex:1 1;padding:10px 14px;border:none;resize:none;font-size:13px;color:var(--color-foreground);outline:none;background:var(--color-surface);-moz-tab-size:2;tab-size:2;overflow-y:auto}.line-numbers::-webkit-scrollbar{display:none}.textarea-wrapper textarea::placeholder{color:var(--color-muted-fg);opacity:.5}.input-panels--floating .textarea-wrapper textarea{background:transparent}.paste-btn-floating{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:rgba(59,130,246,.06);border:2px dashed rgba(59,130,246,.3);border-radius:var(--radius-xl);cursor:pointer;color:var(--color-primary);font-size:15px;font-weight:600;z-index:5;transition:all .2s ease;box-shadow:var(--shadow-xs)}.paste-btn-floating:hover{background:rgba(59,130,246,.1);border-color:var(--color-primary);border-style:solid;box-shadow:0 4px 12px rgba(59,130,246,.15);transform:translate(-50%,-50%) scale(1.03)}.textarea-wrapper--drag{border-radius:var(--radius)}.tc-drop-overlay{position:absolute;inset:0;justify-content:center;background:rgba(59,130,246,.06);border:2px dashed var(--color-primary);pointer-events:none;z-index:5}.tc-drop-overlay,.tc-drop-text{display:flex;align-items:center;border-radius:var(--radius)}.tc-drop-text{gap:8px;font-size:15px;font-weight:600;color:var(--color-primary);padding:12px 24px;background:var(--color-surface);box-shadow:0 2px 8px rgba(0,0,0,.08)}.tc-drop-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:rgba(59,130,246,.05);border:2px dashed rgba(59,130,246,.25);border-radius:var(--radius-xl);color:var(--color-muted-fg);font-size:13px;font-weight:500;pointer-events:none;z-index:4;white-space:nowrap}.input-divider{z-index:2}.input-divider,.swap-btn{display:flex;align-items:center;justify-content:center}.swap-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted-fg);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.swap-btn:hover{background:rgba(59,130,246,.06);border-color:var(--color-primary);color:var(--color-primary)}.find-diff-row{display:flex;justify-content:center;padding:20px 0 24px;flex-shrink:0}.find-diff-btn{padding:14px 48px;font-size:16px;font-weight:600;color:var(--color-primary-fg);background:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 2px 8px rgba(59,130,246,.3);letter-spacing:.01em;display:inline-flex;align-items:center;gap:8px}.find-diff-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 14px rgba(59,130,246,.4);transform:translateY(-1px)}.find-diff-btn:active:not(:disabled){transform:translateY(0)}.find-diff-btn:disabled{opacity:.5;cursor:not-allowed}.tc-file-notice{max-width:900px;margin:12px auto 0;padding:10px 14px;border:1px solid #bfdbfe;border-radius:var(--radius);background:#eff6ff;color:#1d4ed8;font-size:13px;text-align:center}.diff-section{flex:1 1;display:flex;flex-direction:column}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);transition:all .15s ease;font-family:inherit;white-space:nowrap}.toolbar-btn:hover{background:var(--color-accent);border-color:var(--color-border-strong)}.toolbar-btn--danger{color:var(--color-destructive);border-color:#fca5a5}.toolbar-btn--danger:hover{background:#fef2f2;border-color:#f87171;color:var(--color-destructive-hover)}.identical-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;background:var(--color-diff-added);border-bottom:1px solid #a7f3d0;color:#065f46;font-size:14px}.identical-banner-icon{font-size:20px;line-height:1;color:var(--color-secondary);flex-shrink:0;margin-top:1px}.identical-banner strong{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.identical-banner p{font-size:13px;color:#059669;margin:0}.diff-layout{display:flex;flex:1 1;min-height:calc(100vh - var(--navbar-height))}.sidebar{width:224px;min-width:224px;background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);padding:16px 14px;gap:16px;overflow-y:auto;height:calc(100vh - var(--navbar-height));position:-webkit-sticky;position:sticky;top:var(--navbar-height);flex-shrink:0;z-index:60}.sidebar,.sidebar-section{display:flex;flex-direction:column}.sidebar-section{gap:10px}.sidebar-section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-muted-fg);letter-spacing:.05em}.sidebar-separator{border:none;border-top:1px solid var(--color-border);margin:2px 0}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-label{font-size:13px;color:var(--color-foreground);font-weight:500}.toggle{position:relative;width:38px;height:20px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-slider{inset:0;background-color:var(--color-border-strong);border-radius:10px}.toggle-slider,.toggle-slider:before{position:absolute;transition:.2s ease}.toggle-slider:before{content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:white;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translateX(18px)}.button-group{display:flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-background);padding:2px;gap:2px}.button-group button{flex:1 1;padding:6px 10px;border:none;background:transparent;font-size:12px;font-weight:500;color:var(--color-muted-fg);cursor:pointer;transition:all .15s ease;font-family:inherit;border-radius:calc(var(--radius) - 3px)}.button-group button:not(:last-child){border-right:none}.button-group button.active{background:var(--color-primary);color:var(--color-primary-fg);font-weight:600;box-shadow:var(--shadow-xs)}.button-group button:hover:not(.active){color:var(--color-foreground)}.sidebar-actions{display:flex;flex-direction:column;gap:6px}.sidebar-action-btn{display:flex;align-items:center;gap:7px;width:100%;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background);color:var(--color-foreground);font-size:12px;font-weight:500;cursor:pointer;transition:background .14s,border-color .14s,color .14s;font-family:inherit;text-align:left;line-height:1}.sidebar-action-btn:hover{background:#f1f5f9;border-color:var(--color-border-strong)}.sidebar-action-btn:disabled{opacity:.45;cursor:not-allowed}.sidebar-action-btn:disabled:hover{background:var(--color-background);border-color:var(--color-border)}.sidebar-action-btn--danger:hover{background:#fff1f2;border-color:#fca5a5;color:#dc2626}.diff-main{flex:1 1;min-width:0;font-family:var(--font-mono)}.diff-main,.stats-bar{display:flex;flex-direction:column}.stats-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:13px;position:-webkit-sticky;position:sticky;top:var(--navbar-height);z-index:50}.stats-toolbar-row{display:flex;align-items:center;padding:8px 16px;gap:12px;border-bottom:1px solid #e9e9e9}.stats-summary{display:flex;align-items:center;gap:14px;flex:1 1;justify-content:center}.stats-toolbar-actions{display:flex;align-items:center;gap:8px}.stats-details-row{display:flex;align-items:center;padding:6px 16px;gap:10px;font-size:12px;background:#ffffff}.stats-details-split{gap:0}.stats-details-side{flex:1 1;display:flex;align-items:center;gap:10px;padding:0 8px}.stats-details-side:first-child{border-right:1px solid var(--color-border)}.stat{gap:6px}.stat,.stat-icon{display:flex;align-items:center}.stat-icon{width:20px;height:20px;border-radius:var(--radius-sm);justify-content:center;font-size:12px;font-weight:700;color:white;line-height:1;flex-shrink:0}.stat-icon.removals{background:var(--color-diff-removed-strong)}.stat-icon.additions{background:var(--color-diff-added-strong)}.stat-icon.unchanged{background:var(--color-border-strong)}.stat-value{font-weight:700;color:var(--color-foreground);font-size:13px}.stat-label{color:var(--color-muted-fg);font-size:12px;font-weight:400}.stats-spacer{flex:1 1}.stat-detail{color:var(--color-muted-fg);font-size:12px}.stat-detail-sep{color:var(--color-border);font-size:12px}.stat-actions{gap:6px}.stat-action-btn,.stat-actions{display:flex;align-items:center}.stat-action-btn{justify-content:center;padding:4px 6px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted-fg);cursor:pointer;transition:all .15s ease}.stat-action-btn:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-border-strong)}.stat-action-btn:disabled{opacity:.45;cursor:not-allowed}.stat-action-btn:disabled:hover{background:var(--color-surface);color:var(--color-muted-fg);border-color:var(--color-border)}.similarity-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.02em}.similarity-badge--perfect{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.similarity-badge--high{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.similarity-badge--medium{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.similarity-badge--low{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.copy-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted-fg);cursor:pointer;font-size:12px;font-family:inherit;transition:all .15s ease}.copy-btn:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-border-strong)}.copy-btn:disabled{opacity:.45;cursor:not-allowed}.copy-btn:disabled:hover{background:var(--color-surface);color:var(--color-muted-fg);border-color:var(--color-border)}.copy-btn--copied,.copy-btn--copied:hover{background:#f0fdf4;border-color:#86efac;color:var(--color-secondary)}.copy-btn--failed{background:#fef2f2;border-color:#fecaca;color:var(--color-destructive)}.copy-btn-label{font-size:11px;font-weight:500}.diff-viewer-container{overflow-x:auto;overflow-y:visible;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.diff-viewer-container--no-wrap{overflow-x:hidden;border-right:1px solid var(--color-border)}.tc-diff-tools{position:-webkit-sticky;position:sticky;top:calc(var(--navbar-height) + 92px);z-index:45;justify-content:space-between;gap:12px;padding:10px 12px;background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:10px;flex-wrap:wrap}.tc-diff-search,.tc-diff-tools{display:flex;align-items:center}.tc-diff-search{gap:8px;min-width:0;flex:1 1}.tc-diff-search-label{font-size:12px;font-weight:600;color:var(--color-muted-fg);white-space:nowrap}.tc-diff-search-input{min-width:180px;max-width:360px;flex:1 1;border:1px solid var(--color-border);border-radius:var(--radius);padding:7px 10px;font:inherit;font-size:13px}.tc-diff-search-count{min-width:48px;font-size:12px;color:var(--color-muted-fg);text-align:center;white-space:nowrap}.tc-diff-tool-btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background);color:var(--color-foreground);padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer}.tc-diff-tool-btn:disabled{opacity:.45;cursor:not-allowed}.tc-diff-tools-close{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background);color:var(--color-foreground);cursor:pointer;font-size:12px;font-weight:600;width:32px;height:32px;padding:0}.tc-diff-tools-close:hover{background:var(--color-accent);border-color:var(--color-border-strong)}.diff-viewer-container table{table-layout:fixed;width:100%;border-collapse:collapse;font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.tc-split-diff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:0;gap:0;width:100%;overflow:hidden}.tc-split-pane{min-width:0;overflow:hidden}.tc-split-pane,.tc-split-pane--right{border-right:1px solid var(--color-border)}.tc-split-header{padding:8px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b6b6b;background:rgb(248,250,252);border-bottom:1px solid #e3e3e3}.tc-split-header--right{border-left:1px solid var(--color-border)}.tc-split-scroll{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.tc-split-scroll::-webkit-scrollbar{height:10px}.tc-split-scroll::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}.tc-split-scroll::-webkit-scrollbar-track{background:transparent}.diff-viewer-container--no-wrap .tc-split-table{table-layout:auto;width:max-content;min-width:100%}.diff-viewer-container--no-wrap .tc-content{white-space:pre;word-break:normal}.diff-viewer-container--no-wrap .tc-split-table .tc-linenum{position:-webkit-sticky;position:sticky;left:0;z-index:1}.diff-viewer-container table tbody tr:hover td{filter:brightness(.97)}.diff-table--split table td:nth-child(3),.diff-viewer-container table td:first-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.diff-cell-left,.diff-cell-right{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.diff-cell-left::-webkit-scrollbar,.diff-cell-right::-webkit-scrollbar{height:6px}.diff-cell-left::-webkit-scrollbar-thumb,.diff-cell-right::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}.diff-cell-left::-webkit-scrollbar-track,.diff-cell-right::-webkit-scrollbar-track{background:transparent}.diff-table--split tr td:nth-child(3),.diff-table--split.hide-line-numbers tr td:nth-child(2){border-left:2px solid var(--color-border)}.diff-legend{gap:20px;padding:10px 16px;border-top:1px solid var(--color-border);background:var(--color-muted);font-size:12px;color:var(--color-muted-fg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.diff-legend,.diff-legend-item{display:flex;align-items:center}.diff-legend-item{gap:6px}.diff-legend-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.diff-legend-swatch--removed{background:#fee2e2;border:1px solid #fca5a5}.diff-legend-swatch--added{background:#dcfce7;border:1px solid #86efac}.diff-legend-swatch--unchanged{background:var(--color-surface);border:1px solid var(--color-border)}.diff-empty{min-height:300px;color:var(--color-muted-fg);font-size:15px}.diff-empty,.scroll-top-fab{display:flex;align-items:center;justify-content:center}.scroll-top-fab{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease;z-index:200}.scroll-top-fab:hover{background:rgba(59,130,246,.06);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.wc-hero-section{padding:16px 180px 10px;height:auto;overflow:visible}.wc-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;text-align:left}.wc-hero-title{font-size:28px;line-height:1.1;font-weight:700;letter-spacing:-.025em;color:var(--color-foreground);margin:0}.wc-hero-kicker{display:block;margin-bottom:4px;color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.wc-hero-sub{display:none;font-size:14px;line-height:1.5;max-width:640px;margin:6px 0 0;color:var(--color-muted-fg)}.wc-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));grid-gap:8px;gap:8px;min-width:min(460px,46vw)}.wc-hero-metric{position:relative;overflow:hidden;min-height:58px;padding:10px 12px;border:1px solid rgba(59,130,246,.18);border-radius:10px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(255,255,255,.92) 56%),var(--color-surface);box-shadow:0 8px 22px rgba(15,23,42,.05)}.wc-hero-metric:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--color-primary)}.wc-hero-metric--muted{border-color:rgba(100,116,139,.2);background:linear-gradient(135deg,rgba(100,116,139,.1),rgba(255,255,255,.92) 56%),var(--color-surface)}.wc-hero-metric--muted:before{background:#64748b}.wc-hero-metric-value{display:block;color:var(--color-foreground);font-size:22px;line-height:1;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wc-hero-metric-label{display:block;margin-top:5px;color:var(--color-muted-fg);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.wc-tool-section{width:100%;padding:0 180px 64px}.wc-container{border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;min-height:min(680px,calc(100vh - var(--navbar-height) - 98px))}.wc-container,.wc-layout{overflow:visible;display:flex}.wc-layout{flex:1 1;min-height:0;border-radius:0 0 12px 12px}.wc-sidebar{position:relative;width:240px;min-width:240px;flex-shrink:0;background:rgba(241,245,249,.3);padding:16px;display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease-out,min-width .2s ease-out,padding .2s ease-out}.wc-sidebar--collapsed{width:40px;min-width:40px;padding:10px 6px}.wc-sidebar-inner{display:flex;flex-direction:column;gap:16px}.wc-sidebar--collapsed .wc-sidebar-inner{pointer-events:none;visibility:hidden}.wc-sidebar-collapse-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);writing-mode:vertical-rl;font-size:10px;font-weight:600;color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;border:none;background:transparent;padding:0;font-family:inherit;opacity:0;pointer-events:none;transition:opacity .1s ease,color .15s}.wc-sidebar-collapse-label:hover{color:var(--color-primary)}.wc-sidebar--collapsed .wc-sidebar-collapse-label{opacity:1;pointer-events:auto;transition:opacity .12s ease .18s,color .15s}.wc-sidebar-heading{font-size:12px;font-weight:600;color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.06em;padding:0 4px}.wc-sidebar-category{display:flex;flex-direction:column}.wc-sidebar-cat-btn{display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:var(--radius);padding:6px 8px;font-size:12px;font-weight:500;color:var(--color-muted-fg);background:none;border:none;cursor:pointer;font-family:inherit;transition:color .15s ease}.wc-sidebar-cat-btn:hover{color:var(--color-foreground)}.wc-sidebar-cat-btn svg{transition:transform .2s ease}.wc-sidebar-cat-items{margin-top:4px;display:flex;flex-direction:column;gap:2px;padding-left:4px}.wc-sidebar-toggle-row{display:flex;align-items:center;gap:10px;border-radius:var(--radius);padding:6px 8px;cursor:pointer;transition:background .15s ease}.wc-sidebar-toggle-row:hover{background:rgba(241,245,249,.6)}.wc-sidebar-toggle-label{font-size:13px;color:rgba(15,23,42,.8)}.wc-mini-toggle{position:relative;width:28px;height:16px;flex-shrink:0}.wc-mini-toggle input{position:absolute;opacity:0;width:0;height:0}.wc-mini-toggle-track{position:absolute;inset:0;border-radius:8px;background:var(--color-border-strong);transition:background .2s ease}.wc-mini-toggle input:checked~.wc-mini-toggle-track{background:var(--color-primary)}.wc-mini-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-xs);transition:transform .2s ease}.wc-mini-toggle input:checked~.wc-mini-toggle-thumb{transform:translateX(12px)}.wc-sidebar-goal{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--color-border);padding-top:16px}.wc-goal-input-row{display:flex;align-items:center;gap:8px}.wc-goal-input{width:100%;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;font-family:inherit;background:var(--color-surface);color:var(--color-foreground);outline:none;transition:border-color .15s ease}.wc-goal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.wc-goal-label{font-size:12px;color:var(--color-muted-fg);white-space:nowrap}.wc-toolbar{border-bottom:1px solid var(--color-border);background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:var(--navbar-height);z-index:10;flex-shrink:0}.wc-toolbar-row{display:flex;align-items:center;padding:8px 16px;gap:4px;flex-wrap:wrap}.wc-toolbar-group{display:flex;align-items:center;gap:2px}.wc-toolbar-sep{width:1px;height:20px;background:var(--color-border);margin:0 6px;flex-shrink:0}.wc-toolbar-spacer{flex:1 1}.wc-ghost-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:var(--radius);font-size:12px;font-weight:500;font-family:inherit;color:var(--color-foreground);background:transparent;border:none;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.wc-ghost-btn--active,.wc-ghost-btn:hover{background:var(--color-accent)}.wc-ghost-btn--active{color:var(--color-primary)}.wc-ghost-btn--settings{border:1px solid var(--color-border);background:rgba(241,245,249,.6)}.wc-ghost-btn--settings.wc-ghost-btn--active,.wc-ghost-btn--settings:hover{border-color:var(--color-primary);background:rgba(59,130,246,.08);color:var(--color-primary)}.wc-ghost-btn:disabled{opacity:.4;cursor:not-allowed}.wc-ghost-btn--danger{color:var(--color-destructive)}.wc-ghost-btn--danger:hover{background:rgba(239,68,68,.1);color:var(--color-destructive-hover)}@media (max-width:768px){.wc-hero-metrics{grid-template-columns:1fr}.wc-hero-metric{min-height:50px}.wc-ghost-btn-label{display:none}}.wc-toolbar .copy-btn{border:none;background:transparent;height:32px;padding:0 10px;font-size:12px;font-weight:500;color:var(--color-foreground);gap:6px}.wc-toolbar .copy-btn:hover{background:var(--color-accent);border:none}.wc-toolbar .copy-btn:disabled:hover{background:transparent;border:none}.wc-toolbar .copy-btn--copied{background:rgba(16,185,129,.1);border:none;color:var(--color-secondary)}.wc-toolbar .copy-btn--copied:hover{background:rgba(16,185,129,.15);border:none}.wc-dropdown{position:relative}.wc-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:100;overflow:hidden}.wc-dropdown-menu button{display:block;width:100%;padding:8px 14px;border:none;background:transparent;text-align:left;font-size:13px;font-family:inherit;color:var(--color-foreground);cursor:pointer;transition:background .1s ease}.wc-dropdown-menu button:focus-visible,.wc-dropdown-menu button:hover{background:var(--color-accent);outline:none}.wc-find-replace{padding:8px 12px;border-top:1px solid var(--color-border);background:var(--color-muted);display:flex;flex-direction:column;gap:6px}.wc-fr-row{display:flex;gap:8px;align-items:center}.wc-fr-input{flex:1 1;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;font-family:inherit;background:var(--color-surface);color:var(--color-foreground);outline:none}.wc-fr-input:focus{border-color:var(--color-primary)}.wc-fr-options{display:flex;gap:14px}.wc-fr-opt{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-muted-fg);cursor:pointer}.wc-fr-opt input[type=checkbox]{accent-color:var(--color-primary)}.wc-fr-message{font-size:12px;line-height:1.4}.wc-fr-message--success{color:var(--color-secondary)}.wc-fr-message--error{color:var(--color-destructive)}.wc-export-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.wc-export-scope-btn{height:38px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-foreground);cursor:pointer;font:inherit;font-size:13px;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.wc-export-scope-btn:hover{background:var(--color-accent)}.wc-export-scope-btn--active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.wc-main{min-width:0;min-height:0;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);overflow:visible}.wc-empty-state,.wc-main{flex:1 1;display:flex;flex-direction:column}.wc-empty-state{gap:16px;padding:32px;text-align:center;cursor:text}.wc-empty-state,.wc-empty-state-icon{align-items:center;justify-content:center}.wc-empty-state-icon{width:64px;height:64px;border-radius:50%;background:rgba(59,130,246,.1);display:flex;color:var(--color-primary)}.wc-empty-state-text{max-width:320px;display:flex;flex-direction:column;gap:6px}.wc-empty-state-title{font-size:14px;font-weight:500;color:var(--color-foreground)}.wc-empty-state-desc{font-size:13px;color:var(--color-muted-fg);line-height:1.6}.wc-empty-paste-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-foreground);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.wc-empty-paste-btn:hover{background:var(--color-accent);border-color:var(--color-border-strong)}.wc-editor-wrapper{flex:1 1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.wc-textarea{width:100%;flex:1 1;min-height:0;resize:none;border:none;outline:none;padding:16px 20px;font-family:var(--font-sans);font-size:14px;line-height:2;color:var(--color-foreground);background:transparent;overflow-y:auto}.wc-textarea::placeholder{color:rgba(100,116,139,.4)}.wc-drag-handle{height:24px;background:#f8fafc;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:ns-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;transition:background .15s}.wc-drag-handle:hover{background:rgba(59,130,246,.05)}.wc-drag-handle-text{font-size:11px;font-weight:500;color:var(--color-muted-fg);letter-spacing:.03em;transition:color .15s}.wc-drag-handle:hover .wc-drag-handle-text{color:var(--color-primary)}.wc-typing-speed{padding:4px 20px 8px;font-size:12px;color:var(--color-muted-fg);border-top:1px solid var(--color-muted)}.wc-right{width:350px;min-width:288px;flex-shrink:0;overflow:visible;display:flex;flex-direction:column;gap:0}.wc-right,.wc-stats-panel{background:rgba(241,245,249,.2)}.wc-stats-panel{padding:16px}.wc-stats-panel-heading{font-size:12px;font-weight:600;color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.06em;padding:0 4px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.wc-stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.wc-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:2px;transition:box-shadow .15s ease}.wc-stat-card:hover{box-shadow:var(--shadow-md)}.wc-stat-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.wc-stat-card-icon{color:rgba(59,130,246,.7);display:flex;align-items:center;flex-shrink:0}.wc-stat-value{font-size:16px;font-weight:600;color:var(--color-foreground);line-height:1.3;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.wc-stat-label{font-size:12px;font-weight:500;color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-goal-section{margin-top:16px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.wc-goal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.wc-goal-title{text-transform:uppercase;letter-spacing:.05em}.wc-goal-badge,.wc-goal-title{font-size:11px;font-weight:600;color:var(--color-muted-fg)}.wc-goal-badge{padding:2px 8px;border-radius:9999px;background:var(--color-muted)}.wc-goal-badge--done{background:var(--color-diff-added);color:#16a34a}.wc-goal-bar-track{width:100%;height:6px;border-radius:3px;background:var(--color-muted);overflow:hidden}.wc-goal-bar-fill{height:100%;border-radius:3px;background:var(--color-primary);transition:width .3s ease}.wc-goal-bar-fill--done{background:var(--color-secondary)}.wc-goal-percent{display:block;text-align:right;font-size:11px;color:var(--color-muted-fg);margin-top:4px}.wc-keywords{padding:0}.wc-section-heading{font-size:12px;font-weight:600;color:var(--color-muted-fg);margin-bottom:10px}.wc-collapse-header,.wc-section-heading{text-transform:uppercase;letter-spacing:.06em}.wc-collapse-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:none;border-top:1px solid var(--color-border);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s ease}.wc-collapse-header:hover{filter:brightness(.97)}.wc-collapse-header--blue{background:rgba(59,130,246,.06);color:#2563eb}.wc-collapse-header--purple{background:rgba(139,92,246,.06);color:#7c3aed}.wc-collapse-header--teal{background:rgba(20,184,166,.06);color:#0d9488}.wc-collapse-header-text{display:flex;align-items:center;gap:6px}.wc-collapse-chevron{flex-shrink:0;transition:transform .2s ease;transform:rotate(-90deg)}.wc-collapse-chevron--open{transform:rotate(0deg)}.wc-collapse-body{padding:10px 12px 12px}.wc-keywords-list{display:flex;flex-direction:column;gap:6px}.wc-keyword-row{display:flex;align-items:center;gap:8px}.wc-keyword-word{width:80px;font-size:13px;font-weight:500;color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.wc-keyword-bar-track{flex:1 1;height:5px;border-radius:3px;background:var(--color-muted);overflow:hidden}.wc-keyword-bar-fill{height:100%;border-radius:3px;background:var(--color-primary);transition:width .3s ease}.wc-keyword-count{font-size:13px;font-weight:600;color:var(--color-foreground);width:28px;text-align:right;flex-shrink:0}.wc-keyword-pct{font-size:12px;color:var(--color-muted-fg);width:44px;text-align:right;flex-shrink:0}.wc-keywords-empty{padding:16px;border-top:1px solid var(--color-border);text-align:center;font-size:13px;color:var(--color-muted-fg)}.wc-stats-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.wc-stats-dot--overall{background:var(--color-muted-fg)}.wc-stats-dot--selection{background:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.15);animation:wc-pulse 1.5s ease-in-out infinite}@keyframes wc-pulse{0%,to{box-shadow:0 0 0 3px rgba(59,130,246,.15)}50%{box-shadow:0 0 0 5px rgba(59,130,246,.08)}}.wc-stats-sel-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:9999px;background:rgba(59,130,246,.1);color:var(--color-primary);letter-spacing:.02em;margin-left:auto}.wc-stat-card--selection{border-color:rgba(59,130,246,.2);background:rgba(59,130,246,.03)}.wc-stat-card--selection:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.12)}.wc-selection-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:9999px;background:rgba(59,130,246,.1);color:var(--color-primary);letter-spacing:.02em;white-space:nowrap;animation:wc-badge-in .2s ease}@keyframes wc-badge-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.wc-most-used{padding:0}.wc-freq-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.wc-freq-table thead th{text-align:left;font-weight:600;color:var(--color-muted-fg);padding:4px 8px 6px 0;border-bottom:1px solid var(--color-border);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.wc-freq-table thead th:first-child{width:60%}.wc-freq-table thead th:last-child,.wc-freq-table thead th:nth-child(2){width:20%}.wc-freq-table tbody tr{border-bottom:1px solid rgba(0,0,0,.04)}.wc-freq-table tbody tr:last-child{border-bottom:none}.wc-freq-table td{padding:5px 8px 5px 0;color:var(--color-foreground)}.wc-freq-table td,.wc-freq-word{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-freq-word{font-weight:500;max-width:100%}.wc-freq-count{font-weight:600;text-align:center}.wc-freq-pct{color:var(--color-muted-fg);text-align:right}.wc-char-freq{padding:0}.wc-char-freq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));grid-gap:6px;gap:6px}.wc-char-freq-item{display:flex;align-items:center;justify-content:space-between;gap:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:5px 8px;font-size:12px;transition:border-color .15s ease,box-shadow .15s ease}.wc-char-freq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.wc-char-freq-char{font-weight:600;font-family:var(--font-mono);color:var(--color-foreground);font-size:13px}.wc-char-freq-count{font-weight:500;color:var(--color-muted-fg);font-size:11px}.wc-char-freq-toggle{display:block;margin-top:8px;padding:0;background:none;border:none;color:var(--color-primary);font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.wc-char-freq-toggle:hover{color:var(--color-primary-hover,#2563eb)}.wc-highlight-backdrop{position:absolute;inset:0;padding:16px 20px;font-family:var(--font-sans);font-size:14px;line-height:2;white-space:pre-wrap;word-break:break-word;overflow:hidden;pointer-events:none;color:transparent;z-index:0}.wc-textarea--transparent{background:transparent!important;position:relative;z-index:1}.wc-hl-warning{background:rgba(251,191,36,.18);border-radius:2px}.wc-hl-danger{background:rgba(239,68,68,.14);border-radius:2px}.wc-editor-footer{padding:8px 16px;border-top:1px solid var(--color-border);background:rgba(241,245,249,.2);display:flex;flex-direction:column;gap:8px}.wc-hl-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-muted-fg);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wc-hl-toggle input[type=checkbox]{accent-color:var(--color-primary);width:14px;height:14px;cursor:pointer}.wc-hl-toggle-label{font-weight:500}.wc-sentence-preview{display:flex;flex-direction:column;gap:6px}.wc-sentence-preview-item{display:flex;flex-direction:column;gap:2px}.wc-sentence-preview-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.wc-sentence-preview-tag--longest{color:#dc2626}.wc-sentence-preview-tag--shortest{color:var(--color-secondary)}.wc-sentence-preview-text{font-size:12px;color:var(--color-muted-fg);line-height:1.4;font-style:italic}.wc-related-tools{max-width:var(--section-max-width);margin:0 auto;padding:48px 24px 32px}.wc-related-title{font-size:18px;font-weight:700;color:var(--color-foreground);margin-bottom:16px}.wc-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.wc-related-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.wc-related-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.wc-related-card-title{font-size:14px;font-weight:600;color:var(--color-foreground)}.wc-related-card-desc{font-size:12px;color:var(--color-muted-fg);line-height:1.4}@media (max-width:1024px){.wc-hero-section,.wc-tool-section{padding-left:16px;padding-right:16px}.wc-hero-inner{align-items:start;flex-direction:column;gap:12px}.wc-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;width:100%}.wc-hero-title{font-size:26px}.wc-hero-sub{max-width:none}.wc-container{height:auto;min-height:calc(100vh - var(--navbar-height) - 80px)}.wc-layout{flex-direction:column}.wc-sidebar{width:100%;min-width:100%;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid var(--color-border);overflow-y:visible}.wc-main{border-left:none;border-right:none;min-height:300px;overflow:visible}.wc-textarea{min-height:250px}.wc-right{width:100%;min-width:100%;max-width:100%;border-top:1px solid var(--color-border);overflow-y:visible}.wc-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.wc-stats-grid{grid-template-columns:1fr 1fr}.wc-toolbar-row{gap:2px;padding:6px 8px}.wc-toolbar-sep{display:none}.wc-textarea{padding:16px}.wc-fr-row{flex-direction:column}}.landing{max-width:var(--section-max-width);margin:0 auto;padding:64px 16px 80px}body.tc-result-mode .landing{display:none}.landing-section{margin-bottom:64px}.landing-heading{font-size:28px;font-weight:700;color:var(--color-foreground);margin-bottom:16px;letter-spacing:-.035em}.landing-text{font-size:16px;line-height:1.7;color:var(--color-muted-fg)}.landing-code{display:block;margin-top:12px;padding:16px 20px;border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-mono),monospace;font-size:13px;line-height:1.6;color:var(--color-foreground);overflow-x:auto;white-space:pre}.landing-code,.uuid-anatomy{background:var(--color-muted)}.uuid-anatomy{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;justify-content:center;margin:16px 0 8px;padding:20px 16px;border:1px solid var(--color-border);border-radius:var(--radius-xl)}.uuid-seg{display:flex;flex-direction:column;align-items:center;gap:6px}.uuid-seg-code{font-family:var(--font-mono);font-size:13px;font-weight:600;padding:6px 10px;border-radius:6px;background:#ffffff;border:1px solid var(--color-border);color:var(--color-foreground);letter-spacing:.04em}.uuid-seg-code--version{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.uuid-seg-code--variant{background:#fef9c3;border-color:#fde047;color:#854d0e}.uuid-seg-label{font-size:11px;font-weight:500;font-family:var(--font-sans);text-align:center;white-space:nowrap}.uuid-dash,.uuid-seg-label{color:var(--color-muted-fg)}.uuid-dash{font-size:18px;font-weight:300;padding-top:8px;line-height:1}.uuid-example-box{margin-top:14px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);font-size:12px;font-family:var(--font-sans)}.uuid-example-row{display:flex;align-items:baseline;gap:8px;padding:7px 10px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.uuid-example-row:last-of-type{border-bottom:none}.uuid-example-key{font-weight:700;color:var(--color-muted-fg);min-width:52px;flex-shrink:0;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.uuid-example-val{font-family:var(--font-mono);font-size:12px;color:var(--color-foreground);word-break:break-all;flex:1 1}.uuid-example-note{padding:5px 10px;background:var(--color-muted);color:var(--color-muted-fg);font-size:11px;text-align:center;border-top:1px solid var(--color-border)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:24px;transition:box-shadow .2s ease}.feature-card:hover{box-shadow:var(--shadow-md)}.feature-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:rgba(59,130,246,.08);color:var(--color-primary);font-size:18px;margin-bottom:12px}.feature-card h3{font-size:15px;font-weight:600;color:var(--color-foreground);margin-bottom:8px}.feature-card p{font-size:14px;line-height:1.7;color:var(--color-muted-fg)}.feature-card code{background:var(--color-muted);padding:1px 5px;border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-mono)}.how-it-works{padding-left:20px;font-size:15px;line-height:2;color:var(--color-muted-fg)}.how-it-works li::marker{color:var(--color-primary);font-weight:700}.landing-how-it-works-section{background:var(--color-muted);padding:48px 32px;border-radius:var(--radius-xl);margin-left:-16px;margin-right:-16px}.how-it-works-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;max-width:720px;margin:0 auto}.how-it-works-step{text-align:center}.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-fg);font-size:18px;font-weight:700;margin-bottom:12px}.how-it-works-step h3{font-size:15px;font-weight:600;color:var(--color-foreground);margin-bottom:6px}.how-it-works-step p{font-size:14px;color:var(--color-muted-fg);line-height:1.6}.use-cases{padding-left:20px;font-size:15px;line-height:2;color:var(--color-muted-fg)}.use-cases li::marker{color:var(--color-secondary)}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.use-case-card{display:flex;gap:16px;padding:20px;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);transition:box-shadow .2s ease}.use-case-card:hover{box-shadow:var(--shadow-sm)}.use-case-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:var(--radius-lg);background:rgba(16,185,129,.08);color:var(--color-secondary);font-size:18px}.use-case-card h3{font-size:14px;font-weight:600;color:var(--color-foreground);margin-bottom:4px}.use-case-card p{font-size:13px;color:var(--color-muted-fg);line-height:1.6;margin:0}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:18px 20px 16px;transition:box-shadow .2s ease,border-color .2s ease}.faq-item:hover{box-shadow:var(--shadow-sm);border-left-color:var(--color-primary)}.faq-question{font-size:14px;font-weight:600;color:var(--color-foreground);margin:0 0 8px;line-height:1.5}.faq-answer{font-size:14px;line-height:1.7;color:var(--color-muted-fg);margin:0}.landing-cta{text-align:center;padding:48px 24px;background:rgba(59,130,246,.04);border-radius:var(--radius-xl);border:1px solid rgba(59,130,246,.15)}.landing-cta .landing-heading{color:var(--color-foreground)}.cta-btn{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:14px 40px;font-size:16px;font-weight:600;color:var(--color-primary-fg);background:var(--color-primary);border:none;border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(59,130,246,.3)}.cta-btn:hover{background:var(--color-primary-hover);box-shadow:0 4px 14px rgba(59,130,246,.4);transform:translateY(-1px)}.htu{background:rgba(59,130,246,.04);border:1px solid rgba(59,130,246,.14);border-radius:var(--radius-xl);padding:28px 24px}.htu-steps{display:flex;align-items:stretch;gap:12px}.htu-card{flex:1 1;background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:var(--radius-xl);padding:22px 18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-xs);transition:box-shadow .2s ease}.htu-card:hover{box-shadow:var(--shadow-sm)}.htu-num{width:32px;height:32px;background:var(--color-primary);color:var(--color-primary-fg);border-radius:50%;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.htu-title{font-size:14px;font-weight:700;color:var(--color-foreground);margin:0;line-height:1.3}.htu-text{font-size:13.5px;color:var(--color-muted-fg);line-height:1.65;margin:0}.htu-text code{background:var(--color-muted);padding:1px 5px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono)}.htu-sep{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;font-size:18px;color:var(--color-primary);opacity:.45;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;line-height:1}.htu-rows{display:flex;flex-direction:column;gap:0}.htu-row{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--color-border)}.htu-row:last-child{border-bottom:none}.htu-row-badge{width:34px;height:34px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.htu-row-body{display:flex;flex-direction:column;gap:3px;padding-top:1px}.htu-row-body strong{font-size:14px;font-weight:700;color:var(--color-foreground)}.htu-row-body span{font-size:14px;color:var(--color-muted-fg);line-height:1.55}.htu-card-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden}.htu-card-wrap .htu-row{padding:18px 24px}.info-page{max-width:800px;margin:0 auto;padding:48px 24px 64px;line-height:1.75}.info-page,.info-page h1{color:var(--color-foreground)}.info-page h1{font-size:28px;font-weight:800;margin-bottom:6px;letter-spacing:-.02em}.info-page-updated{font-size:13px;color:var(--color-muted-fg);margin-bottom:36px}.info-page h2{font-size:18px;margin-top:36px;margin-bottom:12px}.info-page h2,.info-page h3{font-weight:700;color:var(--color-foreground)}.info-page h3{font-size:15px;margin-top:20px;margin-bottom:8px}.info-page p{font-size:14.5px;color:#475569;margin-bottom:14px}.info-page ul{padding-left:20px;margin-bottom:14px}.info-page li{font-size:14.5px;color:#475569;margin-bottom:8px}.info-page a{color:#2563eb;text-decoration:none;font-weight:500}.info-page a:hover{text-decoration:underline}.info-page section{margin-bottom:8px}.info-page-email{font-size:16px;font-weight:600}.info-page-email a{color:#2563eb;font-weight:600}.info-page-tools-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;margin-top:16px}.info-page-tools-grid h3{font-size:14px;font-weight:700;color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em;margin-top:0;margin-bottom:10px}.info-page-tools-grid ul{padding-left:0;list-style:none}.info-page-tools-grid li{font-size:14px;padding:4px 0}.info-page-features{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;margin-top:16px}.info-page-feature{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;padding:20px 24px}.info-page-feature h3{margin-top:0;color:#1d4ed8}.info-page-feature p{margin-bottom:0}.about-page{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:44px 0 72px}.about-demo-card{border:1px solid #cfe0f4;border-radius:18px;background:#f3f8ff;padding:42px;box-shadow:0 18px 42px rgba(30,64,175,.08)}.about-demo-label{margin-bottom:16px;color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.about-demo-card h1{max-width:980px;margin:0;color:#075985;font-size:clamp(42px,5.6vw,62px);font-weight:900;line-height:.94;letter-spacing:-.065em}.about-demo-card>p{max-width:760px;margin:22px 0 0;color:#0f2742;font-size:16px;line-height:1.7}.about-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:30px}.about-category-card{display:block;min-height:176px;border:1px solid #cfe0f4;border-radius:12px;background:#ffffff;padding:20px 18px;color:#0f172a;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.about-category-card:hover{border-color:#93c5fd;box-shadow:0 14px 30px rgba(37,99,235,.12);transform:translateY(-2px);text-decoration:none}.about-category-tag{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;min-height:28px;margin-bottom:22px;border-radius:999px;background:#e7f0ff;color:#2563eb;padding:0 10px;font-size:12px;font-weight:900}.about-category-card h3{margin:0 0 10px;color:#020617;font-size:18px;font-weight:900;letter-spacing:-.03em}.about-category-card p{margin:0;color:#334b6b;font-size:14px;line-height:1.55}.about-link-section{margin-top:34px;border-top:1px solid #cfe0f4;padding-top:28px}.about-link-section h2{margin:0 0 18px;color:#0f172a;font-size:20px;letter-spacing:-.03em}.about-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;border:1px solid #cfe0f4;border-radius:14px;background:#ffffff;padding:22px 24px}.about-link-group h3{margin:0 0 10px;color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.about-link-group ul{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.about-link-group li{margin:0}.about-link-group a{color:#334155;font-size:14px;font-weight:700;text-decoration:none}.about-link-group a:hover{color:#2563eb;text-decoration:underline}.about-tested-section{margin-top:28px;border-top:1px solid #cfe0f4;padding-top:28px}.about-tested-section h2{margin:0 0 10px;color:#075985;font-size:28px;font-weight:900;line-height:1.05;letter-spacing:-.05em}.about-tested-section>p{max-width:820px;margin:0;color:#0f2742;font-size:15px;line-height:1.7}.about-tested-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:24px}.about-tested-grid article{border:1px solid #cfe0f4;border-radius:14px;background:#ffffff;padding:18px}.about-tested-grid span{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;min-height:28px;margin-bottom:18px;border-radius:999px;background:#e7f0ff;color:#2563eb;padding:0 10px;font-size:12px;font-weight:900}.about-tested-grid h3{margin:0 0 10px;color:#020617;font-size:16px;font-weight:900;letter-spacing:-.03em}.about-tested-grid p{margin:0;color:#334b6b;font-size:14px;line-height:1.6}.about-content-section{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);grid-gap:22px;gap:22px;margin-top:28px;border-top:1px solid #cfe0f4;padding-top:28px}.about-content-main,.about-content-side article{border:1px solid #cfe0f4;border-radius:14px;background:#ffffff;padding:24px}.about-content-main h2{max-width:680px;margin:0 0 14px;color:#075985;font-size:28px;font-weight:900;line-height:1.05;letter-spacing:-.05em}.about-content-main p,.about-content-side p{margin:0;color:#334b6b;font-size:14.5px;line-height:1.7}.about-content-main p+p{margin-top:14px}.about-content-side{display:grid;grid-gap:14px;gap:14px}.about-content-side h3{margin:0 0 8px;color:#020617;font-size:16px;font-weight:900;letter-spacing:-.03em}.about-content-side a{color:#2563eb;font-weight:800;text-decoration:none}.about-content-side a:hover{text-decoration:underline}.contact-page{max-width:960px}.contact-hero{max-width:760px;margin-bottom:28px}.contact-hero p:last-child{font-size:15px;color:#334155}.contact-cards{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin:28px 0 30px}.contact-card{background:#ffffff;border:1px solid #dbeafe;border-radius:12px;padding:22px;box-shadow:0 16px 34px rgba(30,64,175,.08)}.contact-card--primary{background:linear-gradient(180deg,#ffffff,#f8fbff)}.contact-card--bug{background:linear-gradient(180deg,#ffffff,#fff7ed);border-color:#fed7aa}.contact-card-kicker{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-bottom:10px;border-radius:999px;background:#eff6ff;color:#2563eb;padding:5px 10px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.contact-card--bug .contact-card-kicker{background:#ffedd5;color:#c2410c}.contact-card h2{margin-top:0;margin-bottom:10px;font-size:18px}.contact-card p{color:#334155}.contact-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:6px;border-radius:9px;background:#2563eb;color:#ffffff!important;padding:0 16px;font-size:14px;font-weight:800!important;text-decoration:none!important;box-shadow:0 12px 24px rgba(37,99,235,.22)}.contact-action:hover{background:#1d4ed8}.contact-action--bug{background:#ea580c;box-shadow:0 12px 24px rgba(234,88,12,.2)}.contact-action--bug:hover{background:#c2410c}.contact-address{margin-top:12px;margin-bottom:0!important;color:#64748b!important;font-size:13px!important;font-weight:700}.contact-report-guide{border:1px solid #dbeafe;border-radius:12px;background:#f8fbff;padding:22px}.contact-report-guide h2{margin-top:0}.contact-checklist{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.contact-checklist div{border:1px solid #e2e8f0;border-radius:9px;background:#ffffff;padding:14px}.contact-checklist strong{display:block;margin-bottom:4px;color:#0f172a;font-size:14px}.contact-checklist span{display:block;color:#475569;font-size:13.5px;line-height:1.55}@media (min-width:640px){.info-page-tools-grid{grid-template-columns:1fr 1fr}.info-page-features{grid-template-columns:1fr 1fr 1fr}.contact-cards,.contact-checklist{grid-template-columns:1fr 1fr}}@media (min-width:768px){.info-page{padding:56px 32px 80px}.info-page h1{font-size:32px}}@media (max-width:1024px){.about-category-grid,.about-link-grid,.about-tested-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-content-section{grid-template-columns:1fr}}@media (max-width:640px){.about-page{width:min(100% - 24px,1240px);padding:24px 0 56px}.about-demo-card{padding:28px}.about-demo-card h1{font-size:clamp(34px,12vw,48px)}.about-category-grid,.about-link-grid,.about-tested-grid{grid-template-columns:1fr}}.sf-mega{background:#fff;border-top:3px solid #2563eb}.sf-mega-inner{max-width:1280px;margin:0 auto;padding:48px 24px 44px}.sf-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid #e2e8f0}.sf-brand-left{flex:1 1;min-width:0}.sf-mega-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-bottom:8px}.sf-mega-logo-icon{font-size:22px;color:#3b82f6;line-height:1}.sf-mega-logo-icon--brackets{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#fff;border:2px solid #bfdbfe;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:0;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transform:rotate(45deg)}.sf-mega-logo-icon--brackets:before{content:"{}";transform:rotate(-45deg)}.sf-mega-logo-text{font-size:18px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.sf-mega-logo-text strong{font-weight:900;color:#3b82f6}.sf-mega-logo-text--wordmark{display:inline-flex;align-items:baseline;gap:0;color:#0f172a;font-size:18px;font-weight:900;line-height:1;letter-spacing:-.045em;white-space:nowrap}.sf-mega-logo-text--wordmark strong{color:#2563eb;font-weight:900}.sf-mega-logo-text--stacked-tools{display:grid;grid-gap:0;gap:0;line-height:.9;letter-spacing:-.045em}.sf-mega-logo-online{color:#2563eb;font-size:9px;font-weight:950}.sf-mega-logo-bottom{display:inline-flex;align-items:center;gap:4px}.sf-mega-logo-data{color:#0f172a;font-size:12px;font-weight:950}.sf-mega-logo-tools{display:inline-flex;align-items:center;justify-content:center;min-height:14px;padding:0 5px;border-radius:5px;background:#2563eb;color:#fff;font-size:9px;font-weight:950;letter-spacing:-.03em}.sf-mega-desc{font-size:13px;color:#64748b;line-height:1.65;max-width:340px}.sf-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex-shrink:0}.sf-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;border:1.5px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;white-space:nowrap}.sf-badge-icon{font-size:11px;font-weight:800}.sf-mega-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px 0;gap:28px 0}.sf-col{padding:0 16px}.sf-col:first-child{padding-left:0}.sf-col:last-child{padding-right:0}.sf-cat-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#1d4ed8;margin-bottom:14px}.sf-cat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.sf-cat-link{font-size:13px;color:#64748b;text-decoration:none;transition:color .12s;display:block}.sf-cat-link:hover{color:#2563eb}.sf-copy-bar{background:#2563eb}.sf-copy-bar-inner{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;font-size:12.5px;color:rgba(255,255,255,.85)}.sf-copy-item,.sf-version{display:inline-flex;align-items:center}.sf-version{margin-left:8px;border-radius:999px;background:rgba(255,255,255,.14);color:#ffffff;padding:2px 8px;font-size:11px;font-weight:800;letter-spacing:.02em}.sf-copy-sep{color:#93c5fd;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-copy-link{color:rgba(255,255,255,.85);text-decoration:none;transition:color .12s}.sf-copy-link:hover{color:#fff}@media (min-width:640px){.sf-mega-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.sf-mega-inner{padding:52px 48px 44px}.sf-mega-grid{grid-template-columns:repeat(5,1fr);gap:0}.sf-col:not(:last-child){border-right:1px solid #e2e8f0;padding-right:24px}.sf-col:not(:first-child){padding-left:24px}.sf-copy-bar-inner{padding:14px 48px}}@media (max-width:767px){.sf-brand-row{flex-direction:column;gap:20px}.sf-badges{flex-direction:row}}@media (min-width:640px){.input-section,.navbar{padding:0 24px}.landing{padding:64px 24px 80px}}@media (min-width:1024px){.input-section,.navbar{padding:0 32px}.landing{padding:80px 32px 96px}}@media (max-width:900px){.sidebar{width:200px;min-width:200px;padding:14px 10px}.hero-title{font-size:24px}.input-panels{min-height:300px}.input-panels--floating{gap:14px}}@media (max-width:700px){.input-panels{flex-direction:column;min-height:auto}.input-panels--floating{gap:14px}.input-panel{min-height:200px}.input-panels--floating .input-panel{min-height:220px;border-radius:var(--radius-xl)}.input-panels--floating .input-panel--left,.input-panels--floating .input-panel--right{border-right:1px solid rgba(226,232,240,.96);border-left:1px solid rgba(226,232,240,.96);border-bottom:1px solid rgba(226,232,240,.96)}.input-panels--floating .input-divider{padding:4px 0;margin:0}.input-panel--left{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-right:1px solid var(--color-border);border-bottom:none}.input-panel--right{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.input-divider{padding:4px 0}.diff-layout{flex-direction:column}.sidebar{width:100%;min-width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;flex-wrap:wrap;gap:12px}.sidebar-section{flex:1 1;min-width:140px}.find-diff-btn{width:100%;padding:14px 24px}.feature-grid{grid-template-columns:1fr}.htu-steps{flex-direction:column}.htu-sep{width:100%;height:24px;transform:rotate(90deg)}.how-it-works-grid{gap:24px}.how-it-works-grid,.use-cases-grid{grid-template-columns:1fr}.landing-how-it-works-section{margin-left:-8px;margin-right:-8px;padding:32px 16px}.landing-heading{font-size:22px}}.home-hero{text-align:center;padding:48px 20px 32px;max-width:720px;margin:0 auto}.home-hero-badge{display:inline-flex;align-items:center;padding:6px 16px;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:12px;font-weight:500;color:var(--color-muted-fg);margin-bottom:20px}.home-title{font-size:36px;font-weight:800;color:var(--color-foreground);margin:0 0 12px;letter-spacing:-.035em;line-height:1.1}.home-subtitle{color:var(--color-muted-fg);font-size:17px;margin:0;line-height:1.6}.home-tools{max-width:720px;margin:0 auto;padding:0 20px 48px}.tools-grid{display:flex;flex-direction:column;gap:16px}.tool-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:all .2s ease;box-shadow:var(--shadow-xs)}.tool-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(59,130,246,.1);transform:translateY(-2px)}.tool-card-icon{font-size:28px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.08);color:var(--color-primary);border-radius:var(--radius-lg);flex-shrink:0}.tool-card-content{flex:1 1}.tool-card-title{font-size:18px;font-weight:600;color:var(--color-foreground);margin:0 0 4px;display:flex;align-items:center;gap:8px}.tool-card-badge{font-size:11px;padding:2px 10px;border-radius:9999px;background:rgba(59,130,246,.08);color:var(--color-primary);font-weight:600}.tool-card-desc{margin:0;font-size:14px;color:var(--color-muted-fg);line-height:1.6}.tool-card-arrow{font-size:18px;color:var(--color-border-strong);transition:all .2s ease;flex-shrink:0}.tool-card:hover .tool-card-arrow{color:var(--color-primary);transform:translateX(3px)}.home-features{max-width:720px;margin:0 auto;padding:0 20px 64px}.home-section-title{font-size:24px;font-weight:700;color:var(--color-foreground);text-align:center;margin:0 0 28px;letter-spacing:-.025em}.home-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.home-feature{padding:20px;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:box-shadow .2s ease}.home-feature:hover{box-shadow:var(--shadow-md)}.home-feature h3{font-size:14px;font-weight:600;color:var(--color-foreground);margin:0 0 6px}.home-feature p{font-size:13px;color:var(--color-muted-fg);margin:0;line-height:1.6}@media (max-width:640px){.home-hero{padding:36px 16px 24px}.home-title{font-size:28px}.home-feature-grid{grid-template-columns:1fr}}.jf-file-input{display:none}.jf-hero-section{padding:14px 24px 10px;text-align:center}.jf-hero-inner{max-width:700px;margin:0 auto}.jf-hero-title{font-size:2rem;font-weight:850;color:#3730a3;margin:0;letter-spacing:-.04em;line-height:1.05}.jf-tool-section{padding:0 18px 36px}.jf-section-container{max-width:1420px;margin:0 auto}.jf-action-bar{display:flex;flex-direction:column;gap:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,.06);overflow:hidden}.jf-action-bar-row{display:flex;align-items:center;justify-content:center;padding:8px 12px;gap:10px}.jf-action-bar-row+.jf-action-bar-row{border-top:1px solid var(--color-border)}.jf-action-bar-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--color-muted);border-radius:var(--radius-lg);overflow-x:auto;scrollbar-width:none}.jf-action-bar-tabs::-webkit-scrollbar{display:none}.jf-action-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-muted-fg);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-sans)}.jf-action-tab--active,.jf-action-tab:hover{color:var(--color-foreground)}.jf-action-tab--active{background:var(--color-surface);box-shadow:0 1px 3px rgba(0,0,0,.08);font-weight:600}.jf-action-tab svg{flex-shrink:0;opacity:.6}.jf-action-tab--active svg{opacity:1}.jf-workbench{display:grid;grid-template-columns:200px minmax(0,1fr);grid-gap:0;gap:0;height:clamp(600px,calc(100vh - 94px),750px);min-height:0;background:#ffffff;border:1px solid var(--color-border);border-radius:8px;padding:0;overflow:visible;box-shadow:0 10px 24px rgba(15,23,42,.06)}.jf-workbench-main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;background:transparent;padding:12px;overflow:hidden}.jf-workbench .jf-action-bar{gap:14px;background:#f8fafc;border:0;border-right:1px solid var(--color-border);border-radius:0;margin-bottom:0;padding:14px 12px;box-shadow:none;overflow:visible}.jf-workbench .jf-action-bar-row{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:0}.jf-workbench .jf-action-bar-row+.jf-action-bar-row{border-top:1px solid var(--color-border);padding-top:14px}.jf-action-section-title{padding:0 2px 5px;color:#2563eb;font-size:11px;font-weight:900;line-height:1;letter-spacing:.08em;text-transform:uppercase}.jf-workbench .jf-action-bar-tabs{display:grid;grid-gap:6px;gap:6px;padding:0;background:transparent;border-radius:0;overflow:visible}.jf-workbench .jf-action-tab{justify-content:flex-start;gap:9px;min-height:36px;padding:8px 10px;color:var(--color-muted-fg);border-radius:6px;font-size:13px;font-weight:800;text-align:left}.jf-workbench .jf-action-tab:hover{color:#3730a3;background:#dbeafe}.jf-workbench .jf-action-tab:hover svg{color:#4f46e5}.jf-workbench .jf-action-tab--active{color:#ffffff;background:#6366f1;box-shadow:0 7px 16px rgba(99,102,241,.2);font-weight:900}.jf-workbench .jf-action-tab svg{color:#64748b;opacity:1}.jf-workbench .jf-action-tab--active svg{color:#ffffff}.jf-workbench .jf-action-tab--active:hover{color:#ffffff;background:#6366f1;box-shadow:0 7px 16px rgba(99,102,241,.2)}.jf-workbench .jf-action-tab--active:hover svg{color:#ffffff}.jf-workbench .jf-options-panel,.jf-workbench .jf-path-bar{margin-bottom:0;border:1px solid var(--color-border);border-radius:6px;background:#ffffff;box-shadow:0 1px 3px rgba(15,23,42,.04)}.jf-workbench .jf-options-panel,.jf-workbench .jf-path-bar{min-height:48px}.jf-workbench .jf-split-panels{flex:1 1 auto;min-height:0;height:auto;gap:12px;background:transparent}.jf-workbench .jf-card{min-height:0;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 3px 10px rgba(15,23,42,.05)}.jf-workbench .jf-input-toolbar,.jf-workbench .jf-output-toolbar{min-height:42px;background:#f8fafc}.jf-workbench .jf-input-stats,.jf-workbench .jf-output-stats{min-height:31px;background:#f1f5f9}.jf-workbench .jf-process-bar{min-height:58px;margin-top:0;padding:10px 14px;background:transparent;border:0;border-radius:0;box-shadow:none}.jf-options-panel{display:flex;align-items:center;gap:0;margin-bottom:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-height:40px}.jf-options-left,.jf-options-right{display:flex;align-items:center;gap:12px;padding:8px 12px;flex:1 1;min-width:0}.jf-options-right{border-left:1px solid var(--color-border);flex-wrap:wrap}.jf-option-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-muted-fg);cursor:pointer;white-space:nowrap}.jf-option-label{font-weight:500}.jf-option-select{font-size:12px;padding:3px 8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-foreground);outline:none;cursor:pointer}.jf-option-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.jf-option-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--color-muted-fg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .15s;white-space:nowrap}.jf-option-btn:hover:not(:disabled){color:var(--color-foreground);background:var(--color-muted)}.jf-option-btn:disabled{opacity:.4;cursor:not-allowed}.jf-option-btn--active{color:var(--color-primary);border-color:var(--color-primary);background:rgba(59,130,246,.06)}.jf-option-btn--primary{color:var(--color-primary-fg);background:var(--color-primary);border-color:var(--color-primary)}.jf-option-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-primary-fg)}.jf-option-sep{width:1px;height:20px;background:var(--color-border);flex-shrink:0}.jf-option-input{width:100px;padding:3px 8px;font-size:12px;border:1px solid var(--color-border);border-radius:6px;color:var(--color-foreground);background:var(--color-surface);font-family:var(--font-mono),monospace;outline:none}.jf-option-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.jf-option-toggle{gap:4px}.jf-option-checkbox{accent-color:var(--color-primary);cursor:pointer}.jf-toggle-group{display:flex;gap:2px;padding:3px;background:var(--color-muted);border-radius:var(--radius)}.jf-toggle-btn{border:none;background:transparent;padding:4px 12px;font-size:11.5px;font-family:var(--font-sans);font-weight:500;color:var(--color-muted-fg);cursor:pointer;border-radius:calc(var(--radius) - 2px);transition:all .15s;white-space:nowrap}.jf-toggle-btn--active,.jf-toggle-btn:hover{color:var(--color-foreground)}.jf-toggle-btn--active{background:var(--color-surface);box-shadow:0 1px 2px rgba(0,0,0,.06)}.jf-path-bar{padding:10px 16px;margin-bottom:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.jf-path-bar-row{display:flex;align-items:center;gap:8px}.jf-path-bar--error{border-color:#fecdd3;background:#fffafa}.jf-path-error{margin-top:7px;color:#dc2626;font-size:12px;font-weight:800;line-height:1.35}.jf-path-label{font-size:12px;font-weight:600;color:var(--color-muted-fg);white-space:nowrap}.jf-path-input{flex:1 1;padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-mono);font-size:13px;color:var(--color-foreground);background:var(--color-surface);outline:none;transition:border-color .15s ease}.jf-path-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.jf-path-input::placeholder{color:var(--color-muted-fg);opacity:.6}.jf-path-clear{width:30px;height:30px;border:1px solid var(--color-border);border-radius:var(--radius);background:#ffffff;color:#64748b;font-size:14px;font-weight:900;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.jf-path-clear:hover{border-color:#fecdd3;background:#fff1f2;color:#dc2626}.jf-split-panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;align-items:stretch;height:calc(100vh - 370px)}.jf-card,.jf-panel-input,.jf-panel-output{display:flex;flex-direction:column;min-height:0}.jf-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}.jf-input-wrap{display:flex;flex-direction:column;flex:1 1;min-height:0}.jf-input-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.jf-input-label{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--color-foreground);text-transform:uppercase;letter-spacing:.04em}.jf-input-actions{display:flex;gap:6px}.jf-input-body{position:relative;flex:1 1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.jf-input-body--drag{outline:2px dashed var(--color-primary);outline-offset:-2px}.jf-btn-sm{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-family:var(--font-sans);font-size:11.5px;font-weight:500;color:var(--color-foreground);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.jf-btn-sm:hover:not(:disabled){background:var(--color-muted);border-color:var(--color-border-strong)}.jf-btn-sm--copied,.jf-btn-sm--copied:hover:not(:disabled){color:#166534;background:#dcfce7;border-color:#86efac}.jf-btn-sm:disabled{opacity:.45;cursor:not-allowed}.jf-btn-sm--primary{background:var(--color-primary);color:var(--color-primary-fg);border-color:var(--color-primary)}.jf-btn-sm--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.jf-btn-sm--danger{color:var(--color-destructive)}.jf-btn-sm--danger:hover:not(:disabled){background:#fef2f2;border-color:var(--color-destructive)}.jf-textarea{flex:1 1;width:100%;min-height:0;height:100%;padding:16px;font-family:var(--font-mono),monospace;font-size:14px;line-height:1.6;color:var(--color-foreground);background:var(--color-surface);border:none;outline:none;resize:none;-moz-tab-size:2;tab-size:2;display:block;overflow-y:auto}.jf-textarea::placeholder{color:var(--color-muted-fg);opacity:.6}.jf-empty-hint{position:absolute;inset:0;flex-direction:column;gap:12px;pointer-events:none;padding:32px;text-align:center;color:var(--color-muted-fg);background:transparent}.jf-empty-hint,.jf-empty-hint-icon{display:flex;align-items:center;justify-content:center}.jf-empty-hint-icon{width:56px;height:56px;border-radius:50%;background:rgba(59,130,246,.08);color:var(--color-primary);opacity:.6}.jf-empty-hint-text{font-family:var(--font-sans);font-size:14px;font-weight:500;margin:0;opacity:.7;max-width:260px;line-height:1.5;color:var(--color-muted-fg)}.jf-drop-overlay{position:absolute;inset:0;display:flex;justify-content:center;background:rgba(59,130,246,.06);border:2px dashed var(--color-primary);pointer-events:none;z-index:5}.jf-drop-overlay,.jf-drop-text{align-items:center;border-radius:var(--radius)}.jf-drop-text{display:inline-flex;gap:8px;font-size:16px;font-weight:600;color:var(--color-primary);padding:12px 24px;background:var(--color-surface);box-shadow:0 2px 8px rgba(0,0,0,.08)}.jf-input-stats{display:flex;align-items:center;gap:0;border-top:1px solid var(--color-border);background:var(--color-muted)}.jf-input-stats .jf-stat{flex:1 1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;font-family:var(--font-sans);font-size:11.5px;color:var(--color-muted-fg);white-space:nowrap;border-right:1px solid var(--color-border)}.jf-input-stats .jf-stat:last-child{border-right:none}.jf-input-stats .jf-stat strong{color:var(--color-foreground);font-weight:700}.jf-input-stats .jf-stat svg{color:var(--color-primary);flex-shrink:0}.jf-stat--valid{display:inline-flex;align-items:center;gap:4px;color:#15803d;font-weight:600;font-size:11.5px}.jf-stat--valid svg{color:#15803d!important}.jf-stat--invalid{display:inline-flex;align-items:center;gap:4px;color:#d97706;font-weight:600;font-size:11.5px}.jf-stat--invalid svg{color:#d97706!important}.jf-output-wrap{display:flex;flex-direction:column;flex:1 1;min-height:0}.jf-output-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.jf-output-label{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--color-foreground);text-transform:uppercase;letter-spacing:.04em}.jf-output-stale-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:4px 9px;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:11px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap}.jf-output-actions{display:flex;gap:6px;align-items:center}.jf-output-body{position:relative;flex:1 1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.jf-output-pre{margin:0;padding:16px;font-family:var(--font-mono),monospace;font-size:14px;line-height:1.6;color:var(--color-foreground);background:var(--color-surface);overflow:auto;white-space:pre-wrap;word-wrap:break-word;flex:1 1}.jf-output-pre--wrap{white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere}.jf-output-empty{position:absolute;inset:0;flex-direction:column;gap:14px;padding:48px 32px;text-align:center}.jf-output-empty,.jf-output-empty-icon{display:flex;align-items:center;justify-content:center;color:var(--color-muted-fg)}.jf-output-empty-icon{width:56px;height:56px;border-radius:50%;background:var(--color-muted)}.jf-output-empty p{margin:0;font-family:var(--font-sans);font-size:14px;max-width:280px;line-height:1.5}.jf-output-stats{display:flex;align-items:center;gap:0;border-top:1px solid var(--color-border);background:var(--color-muted)}.jf-output-stats .jf-stat{flex:1 1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;font-family:var(--font-sans);font-size:11.5px;color:var(--color-muted-fg);white-space:nowrap;border-right:1px solid var(--color-border)}.jf-output-stats .jf-stat:last-child{border-right:none}.jf-output-stats .jf-stat strong{color:var(--color-foreground);font-weight:700}.jf-output-stats .jf-stat svg{color:var(--color-primary);flex-shrink:0}.jf-validate-result{flex:1 1;display:flex;align-items:center;justify-content:center;padding:32px 24px}.jf-validate-card{display:flex;align-items:flex-start;gap:16px;padding:20px 28px;border-radius:10px;border:1px solid;max-width:480px;width:100%}.jf-validate-card--valid{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.25);color:#16a34a}.jf-validate-card--invalid{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.25);color:#dc2626}.jf-validate-card svg{flex-shrink:0;margin-top:2px}.jf-validate-info{display:flex;flex-direction:column;gap:4px}.jf-validate-title{font-family:var(--font-sans);font-size:16px;font-weight:700}.jf-validate-desc{font-family:var(--font-sans);font-size:13px;color:var(--color-foreground);line-height:1.5;opacity:.85}.jf-validate-position{font-family:var(--font-mono);font-size:12px;color:var(--color-muted-fg);margin-top:2px}.jf-table-wrapper{overflow:auto;flex:1 1;min-height:0}.jf-preview-table{width:100%;border-collapse:collapse;font-size:12.5px;font-family:var(--font-mono),monospace}.jf-preview-th{text-align:left;padding:6px 10px;background:var(--color-muted);border-bottom:1px solid var(--color-border);font-weight:600;font-size:11.5px;color:var(--color-muted-fg);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:1}.jf-preview-th--idx{width:40px;text-align:center;color:var(--color-muted-fg)}.jf-preview-td{padding:5px 10px;border-bottom:1px solid var(--color-border);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jf-preview-td--idx{text-align:center;color:var(--color-muted-fg);font-size:11px}.jf-preview-tr:hover{background:var(--color-muted)}.jf-html-preview{padding:16px;overflow:auto;flex:1 1;min-height:0;font-size:13px;font-family:var(--font-sans)}.jf-html-preview table{border-collapse:collapse;width:100%}.jf-html-preview td,.jf-html-preview th{padding:6px 10px;border:1px solid var(--color-border);text-align:left;font-size:12.5px}.jf-html-preview th{background:var(--color-muted);font-weight:600}.jf-tree-wrapper{flex:1 1;overflow:auto;min-height:0}.jf-tv{display:flex;flex-direction:column;height:100%;font-family:var(--font-mono);font-size:14px;line-height:1.5}.jf-tv-breadcrumb{display:flex;align-items:center;gap:2px;padding:6px 12px;font-size:11px;border-bottom:1px solid var(--color-border);background:rgba(241,245,249,.3);flex-shrink:0;overflow-x:auto;white-space:nowrap}.jf-tv-crumb{border:none;background:none;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--color-primary);padding:2px 6px;border-radius:3px}.jf-tv-crumb:hover{background:rgba(59,130,246,.08)}.jf-tv-crumb-sep{color:var(--color-muted-fg);font-size:12px}.jf-tv-search{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid var(--color-border);color:var(--color-muted-fg);flex-shrink:0}.jf-tv-search-input{flex:1 1;border:none;background:transparent;font-family:var(--font-mono);font-size:12px;color:var(--color-foreground);outline:none}.jf-tv-search-input::placeholder{color:var(--color-muted-fg)}.jf-tv-search-clear{border:none;background:none;cursor:pointer;font-size:16px;color:var(--color-muted-fg);padding:0 4px;line-height:1}.jf-tv-search-clear:hover{color:var(--color-foreground)}.jf-tv-body{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:6px 0}.jf-tv-row{display:flex;align-items:baseline;gap:6px;padding:4px 16px;position:relative;min-height:26px;white-space:normal;line-height:1.5;border-bottom:1px solid #f3f4f6}.jf-tv-row--expandable{cursor:default}.jf-tv-row:hover{background:#f9fafb}.jf-tv-row--match{background:rgba(250,204,21,.15)!important}.jf-tv-indent-guide{display:none}.jf-tv-toggle-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:none;cursor:pointer;padding:0;border-radius:3px;flex-shrink:0}.jf-tv-toggle-btn:hover .jf-tv-chevron{color:#374151}.jf-tv-chevron{display:inline-block;font-size:13px;font-weight:600;line-height:1;color:#d1d5db;transition:transform .15s ease,color .15s ease;transform:rotate(0deg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.jf-tv-chevron--open{transform:rotate(90deg);color:#6b7280}.jf-tv-key{color:#111827;font-weight:600;white-space:nowrap;flex-shrink:0}.jf-tv-key--match{background:rgba(250,204,21,.3);border-radius:2px;padding:0 2px}.jf-tv-colon{color:#e5e7eb;margin:0 6px 0 0}.jf-tv-val{font-weight:400}.jf-tv-val--string{color:#059669;word-break:break-word;overflow-wrap:break-word;white-space:normal;min-width:0}.jf-tv-val--number{color:#d97706;font-weight:600}.jf-tv-val--boolean{color:#8b5cf6;font-weight:600}.jf-tv-val--null{color:#9ca3af;font-style:italic}.jf-tv-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;letter-spacing:.02em;margin-left:4px;flex-shrink:0}.jf-tv-badge--object{background:rgba(59,130,246,.1);color:#2563eb}.jf-tv-badge--array{background:rgba(168,85,247,.1);color:#7c3aed}.jf-tv-badge--string{background:rgba(21,128,61,.08);color:#15803d}.jf-tv-badge--number{background:rgba(194,65,12,.08);color:#c2410c}.jf-tv-badge--boolean{background:rgba(124,58,237,.08);color:#7c3aed}.jf-tv-badge--null{background:rgba(107,114,128,.08);color:#6b7280}.jf-tv-count{font-size:12px;color:#9ca3af;font-weight:400;letter-spacing:.02em}.jf-tv-drill{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;padding:0;border-radius:3px;color:var(--color-muted-fg);flex-shrink:0;margin-left:4px;opacity:0;transition:opacity .15s ease}.jf-tv-row:hover .jf-tv-drill{opacity:1}.jf-tv-drill:hover{background:rgba(59,130,246,.08);color:var(--color-primary);border-color:var(--color-primary)}.jf-tv-children{border-left:1px solid #e5e7eb;margin-left:7px;padding-left:9px}.jf-toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.jf-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 18px;background:var(--color-surface);border-left:1px solid var(--color-border);border:1px solid var(--color-border);border-left-width:4px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);font-size:14px;animation:jf-toast-in .25s ease-out;max-width:360px}.jf-toast--exiting{animation:jf-toast-out .25s ease-in forwards}.jf-toast--success{border-left-color:var(--color-secondary)}.jf-toast--error{border-left-color:var(--color-destructive)}.jf-toast--info{border-left-color:var(--color-primary)}.jf-toast-icon{font-size:15px;font-weight:700;line-height:1.3;flex-shrink:0;width:20px;text-align:center}.jf-toast--success .jf-toast-icon{color:var(--color-secondary)}.jf-toast--error .jf-toast-icon{color:var(--color-destructive)}.jf-toast--info .jf-toast-icon{color:var(--color-primary)}.jf-toast-msg{color:var(--color-foreground);font-weight:600;line-height:1.4}.jf-toast-sub{font-weight:400;font-size:12px;color:var(--color-muted-fg);margin-top:2px}@keyframes jf-toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes jf-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.96)}}@media (max-width:640px){.jf-hero-title{font-size:1.35rem}.jf-hero-section{padding:14px 12px 10px}.jf-tool-section{padding:0 8px 32px}.jf-btn-sm{padding:3px 8px;font-size:11px}.jf-action-bar-row{padding:6px 8px;gap:6px}.jf-action-tab{padding:6px 10px;font-size:11px}.jf-action-tab-label{display:none}.jf-options-panel{gap:8px;padding:8px 12px;margin-bottom:8px}.jf-option-btn{padding:4px 8px;font-size:11px}.jf-split-panels{grid-template-columns:1fr}.jf-input-actions,.jf-input-toolbar{flex-wrap:wrap}.jf-input-stats .jf-stat{font-size:10.5px;padding:5px 4px}}.csv-file-input{display:none}.csv-hero-section{padding:14px 24px 10px;text-align:center}.csv-hero-inner{max-width:700px;margin:0 auto}.csv-hero-title{font-size:2rem;font-weight:850;color:#3730a3;margin:0;letter-spacing:-.04em;line-height:1.05}.csv-hero-sub{font-size:1.05rem;line-height:1.65;color:var(--color-muted-fg);margin:0 auto;max-width:600px}.csv-tool-section{padding:0 18px 36px}.csv-section-container{max-width:1420px;margin:0 auto}.csv-action-bar{display:flex;align-items:center;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,.06);gap:10px;flex-wrap:wrap}.csv-action-bar-tabs{display:flex;gap:4px;padding:4px;background:var(--color-muted);border-radius:var(--radius-lg);flex:1 1;overflow-x:auto;scrollbar-width:none}.csv-action-bar-tabs::-webkit-scrollbar{display:none}.csv-action-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-muted-fg);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-sans)}.csv-action-tab--active,.csv-action-tab:hover{color:var(--color-foreground)}.csv-action-tab--active{background:var(--color-surface);box-shadow:0 1px 3px rgba(0,0,0,.08);font-weight:600}.csv-action-tab svg{flex-shrink:0;opacity:.6}.csv-action-tab--active svg{opacity:1}.csv-workbench{display:grid;grid-template-columns:200px minmax(0,1fr);grid-gap:0;gap:0;height:clamp(600px,calc(100vh - 94px),750px);min-height:0;background:#ffffff;border:1px solid var(--color-border);border-radius:8px;padding:0;overflow:visible;box-shadow:0 10px 24px rgba(15,23,42,.06)}.csv-workbench-main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;background:transparent;padding:12px;overflow:hidden}.csv-workbench .csv-action-bar{align-items:stretch;flex-direction:column;gap:6px;background:#f8fafc;border:0;border-right:1px solid var(--color-border);border-radius:0;margin-bottom:0;padding:14px 12px;box-shadow:none;overflow:visible;flex-wrap:nowrap}.csv-workbench .csv-action-bar-row{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:0}.csv-workbench .csv-action-bar-row+.csv-action-bar-row{border-top:1px solid var(--color-border);padding-top:14px}.csv-action-section-title{padding:0 2px 5px;color:#2563eb;font-size:11px;font-weight:900;line-height:1;letter-spacing:.08em;text-transform:uppercase}.csv-workbench .csv-action-bar-tabs{display:grid;grid-gap:6px;gap:6px;padding:0;background:transparent;border-radius:0;overflow:visible;flex:none}.csv-workbench .csv-action-tab{justify-content:flex-start;gap:9px;min-height:36px;padding:8px 10px;color:var(--color-muted-fg);border-radius:6px;font-size:13px;font-weight:800;text-align:left}.csv-workbench .csv-action-tab:hover{color:#3730a3;background:#dbeafe}.csv-workbench .csv-action-tab:hover svg{color:#4f46e5}.csv-workbench .csv-action-tab--active{color:#ffffff;background:#6366f1;box-shadow:0 7px 16px rgba(99,102,241,.2);font-weight:900}.csv-workbench .csv-action-tab svg{color:#64748b;opacity:1}.csv-workbench .csv-action-tab--active svg,.csv-workbench .csv-action-tab--active:hover svg{color:#ffffff}.csv-workbench .csv-action-tab--active:hover{color:#ffffff;background:#6366f1;box-shadow:0 7px 16px rgba(99,102,241,.2)}.csv-workbench .csv-options-panel{margin-bottom:0;border-radius:6px;box-shadow:0 1px 3px rgba(15,23,42,.04)}.csv-workbench .csv-split-panels{flex:1 1 auto;min-height:0;height:auto;gap:12px}.csv-workbench .csv-card{min-height:0;border-radius:6px;box-shadow:0 3px 10px rgba(15,23,42,.05)}.csv-workbench .csv-convert-bar{margin:0;padding:0;background:transparent;border:0;box-shadow:none}.csv-action-tab-arrow{color:var(--color-primary);font-weight:600;opacity:.7}.csv-action-tab--active .csv-action-tab-arrow{opacity:1}.csv-action-sep{width:1px;height:24px;background:var(--color-border);flex-shrink:0}.csv-action-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;font-size:13px;color:var(--color-muted-fg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .15s;flex-shrink:0}.csv-action-icon-btn:hover{background:var(--color-muted);color:var(--color-foreground)}.csv-action-icon-btn--danger{color:var(--color-danger);border-color:rgba(239,68,68,.2)}.csv-action-icon-btn--danger:hover{background:rgba(239,68,68,.06)}.csv-input-stats-inline{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-muted-fg);font-family:var(--font-sans)}.csv-input-stats-inline strong{color:var(--color-foreground)}.csv-stat-dot{color:var(--color-muted-fg);margin:0 2px}.csv-options-panel{display:flex;align-items:center;gap:20px;padding:10px 16px;margin-bottom:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap}.csv-option-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-muted-fg);cursor:pointer;white-space:nowrap}.csv-option-label{font-weight:500}.csv-option-select{font-size:12px;padding:3px 8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-foreground);outline:none;cursor:pointer}.csv-option-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.csv-option-toggle{gap:6px}.csv-option-checkbox{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer;margin:0}.csv-output-stats{display:flex;align-items:center;gap:0;border-top:1px solid var(--color-border);background:var(--color-muted)}.csv-output-stats .csv-stat{flex:1 1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;font-family:var(--font-sans);font-size:11.5px;color:var(--color-muted-fg);white-space:nowrap;border-right:1px solid var(--color-border)}.csv-output-stats .csv-stat:last-child{border-right:none}.csv-output-stats .csv-stat strong{color:var(--color-foreground);font-weight:700}.csv-split-panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;align-items:stretch;height:calc(100vh - 370px)}.csv-convert-bar{display:flex;gap:12px;padding:10px 16px;margin-top:12px;flex-wrap:wrap}.csv-convert-bar,.csv-convert-btn{align-items:center;justify-content:center}.csv-convert-btn{display:inline-flex;gap:8px;min-width:130px;padding:10px 28px;font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--color-primary-fg);background:var(--color-primary);border:none;border-radius:var(--radius);cursor:pointer;box-shadow:0 4px 14px rgba(59,130,246,.25);transition:background .2s ease,box-shadow .2s ease,transform .2s ease;white-space:nowrap}.csv-convert-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 6px 20px rgba(59,130,246,.35);transform:translateY(-1px)}.csv-convert-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(59,130,246,.25)}.csv-convert-btn:disabled{opacity:.45;cursor:not-allowed}.csv-convert-btn svg{width:16px;height:16px;flex-shrink:0}.csv-convert-btn--loading{opacity:.85;cursor:wait}@keyframes csv-spin{to{transform:rotate(1turn)}}.csv-convert-spinner{width:16px;height:16px;flex-shrink:0;animation:csv-spin .75s linear infinite}.csv-panel-input,.csv-panel-output{display:flex;flex-direction:column;min-height:0}.csv-panel-output{position:relative}.csv-panel-output--loading{pointer-events:none}.csv-panel-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit}.csv-panel-overlay .csv-convert-spinner{width:28px;height:28px;color:var(--color-primary)}.csv-input-stats{display:flex;align-items:center;gap:0;border-top:1px solid var(--color-border);background:var(--color-muted)}.csv-input-stats .csv-stat{flex:1 1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;font-family:var(--font-sans);font-size:11.5px;color:var(--color-muted-fg);white-space:nowrap;border-right:1px solid var(--color-border)}.csv-input-stats .csv-stat:last-child{border-right:none}.csv-input-stats .csv-stat strong{color:var(--color-foreground);font-weight:700}.csv-input-stats .csv-stat svg{color:var(--color-primary);flex-shrink:0}.csv-input-stats .csv-stat--warn,.csv-input-stats .csv-stat--warn strong,.csv-input-stats .csv-stat--warn svg{color:#d97706}.csv-input-stats .csv-stat-divider{display:none}.csv-toggle-group{display:flex;gap:2px;padding:3px;background:var(--color-muted);border-radius:var(--radius)}.csv-toggle-group .csv-toggle-btn{border:none;background:transparent;padding:4px 12px;font-size:11.5px}.csv-toggle-group .csv-toggle-btn--active{background:var(--color-surface);color:var(--color-foreground);box-shadow:0 1px 2px rgba(0,0,0,.06);border:none}.csv-card{flex-direction:column;min-height:0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}.csv-card,.csv-empty-card{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.csv-empty-card{align-items:center;justify-content:center;flex:1 1;padding:48px 32px;text-align:center;color:var(--color-muted-fg);font-size:14px;font-family:var(--font-sans)}.csv-input-wrap{display:flex;flex-direction:column;flex:1 1;min-height:0}.csv-input-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.csv-input-label{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--color-foreground);text-transform:uppercase;letter-spacing:.04em}.csv-input-actions{display:flex;gap:6px}.csv-input-body{position:relative;flex:1 1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.csv-input-body--drag{outline:2px dashed var(--color-primary);outline-offset:-2px}.csv-empty-state{flex-direction:column;gap:16px;padding:48px 32px;text-align:center;min-height:260px}.csv-empty-state,.csv-empty-state-icon{display:flex;align-items:center;justify-content:center}.csv-empty-state-icon{width:64px;height:64px;border-radius:50%;background:rgba(59,130,246,.1);color:var(--color-primary)}.csv-empty-state-text{max-width:360px;display:flex;flex-direction:column;gap:6px}.csv-empty-state-title{font-size:14px;font-weight:500;color:var(--color-foreground);margin:0}.csv-empty-state-desc{font-size:14px;color:var(--color-muted-fg);line-height:1.6;margin:0}.csv-paste-btn-floating{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:rgba(59,130,246,.06);border:2px dashed rgba(59,130,246,.3);border-radius:var(--radius-xl);cursor:pointer;color:var(--color-primary);font-size:15px;font-weight:600;z-index:5;transition:all .2s ease;box-shadow:var(--shadow-xs)}.csv-paste-btn-floating:hover{background:rgba(59,130,246,.1);border-color:var(--color-primary);border-style:solid;box-shadow:0 4px 12px rgba(59,130,246,.15);transform:scale(1.03)}.csv-output-wrap{display:flex;flex-direction:column;flex:1 1;min-height:0}.csv-output-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);min-width:0}.csv-output-stale-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:4px 9px;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:11px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap}.csv-output-label{flex:0 0 auto;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--color-foreground);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.csv-output-actions{flex:1 1 auto;display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none}.csv-output-actions::-webkit-scrollbar{display:none}.csv-output-actions .csv-btn,.csv-output-actions .csv-option,.csv-output-actions .csv-toggle-btn{flex:0 0 auto;white-space:nowrap}.csv-output-body{position:relative;flex:1 1;display:flex;flex-direction:column;min-height:0;padding:7px 8px 0}.csv-convert-section{display:flex;flex-direction:column;gap:12px}.csv-convert-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.csv-convert-options-group{display:flex;gap:4px}.csv-toggle-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;font-family:var(--font-sans);font-size:12.5px;font-weight:500;color:var(--color-muted-fg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.csv-toggle-btn:hover{color:var(--color-foreground);background:var(--color-muted)}.csv-toggle-btn--active{color:var(--color-primary-fg);background:var(--color-primary);border-color:var(--color-primary)}.csv-toggle-btn--active:hover,.csv-toggle-btn.csv-toggle-btn--active:hover{color:var(--color-primary-fg);background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.csv-stats-bar{gap:14px;flex-wrap:wrap;padding:10px 16px;margin-top:12px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius);font-size:12.5px;color:var(--color-muted-fg)}.csv-stat,.csv-stats-bar{display:flex;align-items:center}.csv-stat{gap:4px;white-space:nowrap}.csv-stat strong{color:var(--color-foreground);font-weight:600}.csv-stat svg{color:var(--color-primary);flex-shrink:0}.csv-stat--warn,.csv-stat--warn strong,.csv-stat--warn svg{color:#d97706}.csv-stat--headers{margin-left:auto;font-size:11.5px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono),monospace}.csv-stat-divider{width:1px;height:16px;background:var(--color-border)}.csv-tabs-bar{display:flex;gap:0;margin-top:16px;border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none;position:-webkit-sticky;position:sticky;top:var(--navbar-height);z-index:30;background:var(--color-background);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.csv-tabs-bar::-webkit-scrollbar{display:none}.csv-tab{display:flex;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:500;color:var(--color-muted-fg);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.csv-tab:hover{color:var(--color-foreground);background:var(--color-muted)}.csv-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.csv-tab-icon{font-size:14px;line-height:1}.csv-tab-content{margin-top:16px}.csv-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-family:var(--font-sans);font-size:12.5px;font-weight:500;color:var(--color-foreground);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.csv-btn:hover:not(:disabled){background:var(--color-muted);border-color:var(--color-border-strong)}.csv-btn:disabled{opacity:.45;cursor:not-allowed}.csv-btn--sm{padding:4px 10px;font-size:11.5px}.csv-btn--copied,.csv-btn--copied:hover:not(:disabled){color:#166534;background:#dcfce7;border-color:#86efac}.csv-btn--icon-only{width:30px;padding:4px;justify-content:center}.csv-btn--lg{padding:10px 24px;font-size:14px}.csv-btn--primary{color:var(--color-primary-fg);background:var(--color-primary);border-color:var(--color-primary)}.csv-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.csv-btn--danger{color:var(--color-destructive)}.csv-btn--danger:hover:not(:disabled){background:#fef2f2;border-color:var(--color-destructive)}.csv-option{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--color-muted-fg);white-space:nowrap}.csv-option input[type=checkbox]{accent-color:var(--color-primary)}.csv-option-input{width:90px;padding:4px 8px;font-size:11.5px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-foreground);background:var(--color-surface);font-family:var(--font-mono),monospace}.csv-option-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.csv-textarea{flex:1 1;width:100%;min-height:0;height:100%;padding:16px;font-family:var(--font-mono),monospace;font-size:14px;line-height:1.6;color:var(--color-foreground);background:var(--color-surface);border:none;outline:none;resize:none;-moz-tab-size:4;tab-size:4;display:block;overflow-y:auto}.csv-textarea::placeholder{color:var(--color-muted-fg);opacity:.6}.csv-empty-hint{position:absolute;inset:0;flex-direction:column;gap:12px;pointer-events:none;padding:32px;text-align:center;color:var(--color-muted-fg);background:transparent}.csv-empty-hint,.csv-empty-hint-icon{display:flex;align-items:center;justify-content:center}.csv-empty-hint-icon{width:56px;height:56px;border-radius:50%;background:rgba(59,130,246,.08);color:var(--color-primary);opacity:.6}.csv-empty-hint-text{font-family:var(--font-sans);font-size:14px;font-weight:500;margin:0;opacity:.7;max-width:260px;line-height:1.5;color:var(--color-muted-fg)}.csv-drop-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.06);border:2px dashed var(--color-primary);border-radius:var(--radius);pointer-events:none;z-index:5}.csv-drop-text{font-size:16px;font-weight:600;color:var(--color-primary);padding:12px 24px;background:var(--color-surface);border-radius:var(--radius);box-shadow:0 2px 8px rgba(0,0,0,.08)}.csv-output-pre{margin:0;padding:16px;font-family:var(--font-mono),monospace;font-size:14px;line-height:1.6;color:var(--color-foreground);white-space:pre-wrap;word-wrap:break-word}.csv-output-pre,.csv-virtual-output{background:var(--color-surface);overflow:auto}.csv-virtual-output{flex:1 1;min-height:0;position:relative}.csv-virtual-row{height:22px;line-height:22px;white-space:pre;font-family:var(--font-mono),monospace;font-size:14px;color:var(--color-foreground)}.csv-output-empty{position:absolute;inset:0;flex-direction:column;gap:14px;padding:48px 32px;text-align:center}.csv-output-empty,.csv-output-empty-icon{display:flex;align-items:center;justify-content:center;color:var(--color-muted-fg)}.csv-output-empty-icon{width:56px;height:56px;border-radius:50%;background:var(--color-muted)}.csv-output-empty p{margin:0;font-family:var(--font-sans);font-size:14px;max-width:280px;line-height:1.5}.csv-viewer-card{overflow:hidden;flex:1 1;display:flex;flex-direction:column;min-height:0}.csv-viewer-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated)}.csv-viewer-toolbar-label{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--color-foreground);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.csv-viewer-search{display:flex;align-items:center;gap:6px;flex:1 1;max-width:320px;padding:5px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted-fg)}.csv-viewer-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.12)}.csv-viewer-search-input{flex:1 1;border:none;outline:none;background:transparent;font-size:12.5px;color:var(--color-foreground)}.csv-viewer-search-input::placeholder{color:var(--color-muted-fg);opacity:.6}.csv-viewer-search-clear{background:none;border:none;cursor:pointer;font-size:16px;color:var(--color-muted-fg);padding:0 2px;line-height:1}.csv-viewer-search-clear:hover{color:var(--color-foreground)}.csv-viewer-count{font-size:12px;color:var(--color-muted-fg);white-space:nowrap;font-family:var(--font-mono),monospace}.csv-table-wrapper{flex:1 1;min-height:0;overflow:auto}.csv-table{width:100%;border-collapse:collapse;font-size:12.5px;font-family:var(--font-mono),monospace}.csv-th{position:-webkit-sticky;position:sticky;top:0;background:var(--color-surface-elevated);padding:0;text-align:left;border-bottom:2px solid var(--color-border);z-index:5;min-width:100px}.csv-th--idx{min-width:44px;width:44px;text-align:center;padding:8px 4px;color:var(--color-muted-fg);font-size:11px;font-weight:600}.csv-th-sort{display:block;width:100%;padding:8px 10px 4px;font-size:11.5px;font-weight:600;color:var(--color-foreground);background:none;border:none;cursor:pointer;text-align:left;white-space:nowrap;font-family:var(--font-sans)}.csv-sort-arrow,.csv-th-sort:hover{color:var(--color-primary)}.csv-sort-arrow{font-size:11px}.csv-th-filter{display:block;width:calc(100% - 20px);margin:2px 10px 6px;padding:3px 6px;font-size:11px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-surface);color:var(--color-foreground);font-family:var(--font-sans)}.csv-th-filter:focus{outline:none;border-color:var(--color-primary)}.csv-th-filter::placeholder{color:var(--color-muted-fg);opacity:.5}.csv-tr:nth-child(2n){background:var(--color-surface-elevated)}.csv-tr:hover{background:rgba(59,130,246,.04)}.csv-td{padding:6px 10px;border-bottom:1px solid var(--color-border);color:var(--color-foreground);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-td--idx{font-size:11px;min-width:44px;width:44px}.csv-td--empty,.csv-td--idx{text-align:center;color:var(--color-muted-fg)}.csv-td--empty{padding:32px 16px;font-style:italic;font-family:var(--font-inter,sans-serif)}.csv-pagination{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-surface-elevated)}.csv-page-btn,.csv-pagination{align-items:center;justify-content:center}.csv-page-btn{display:inline-flex;padding:5px 14px;font-size:12.5px;font-weight:500;color:var(--color-foreground);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.csv-page-btn:hover:not(:disabled){background:var(--color-muted);border-color:var(--color-border-strong)}.csv-page-btn:disabled{opacity:.35;cursor:not-allowed}.csv-page-info{font-size:12px;color:var(--color-muted-fg);font-family:var(--font-mono),monospace;padding:0 8px}.csv-excel-card{position:relative;text-align:center;flex:1 1;min-height:0}.csv-excel-body{position:absolute;inset:0;top:41px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 32px}.csv-excel-icon{color:var(--color-primary)}.csv-excel-info{line-height:1.5}.csv-excel-empty,.csv-excel-info{font-size:14px;color:var(--color-muted-fg);margin:0}.csv-toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.csv-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 18px;background:var(--color-surface);border-left:1px solid var(--color-border);border:1px solid var(--color-border);border-left-width:4px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);font-size:14px;animation:csv-toast-in .25s ease-out;max-width:360px}.csv-toast--exiting{animation:csv-toast-out .25s ease-in forwards}.csv-toast--success{border-left-color:var(--color-secondary)}.csv-toast--error{border-left-color:var(--color-destructive)}.csv-toast--info{border-left-color:var(--color-primary)}.csv-toast-icon{font-size:15px;font-weight:700;line-height:1.3;flex-shrink:0;width:20px;text-align:center}.csv-toast--success .csv-toast-icon{color:var(--color-secondary)}.csv-toast--error .csv-toast-icon{color:var(--color-destructive)}.csv-toast--info .csv-toast-icon{color:var(--color-primary)}.csv-toast-msg{color:var(--color-foreground);font-weight:600;line-height:1.4}.csv-toast-sub{font-weight:400;font-size:12px;color:var(--color-muted-fg);margin-top:2px}@keyframes csv-toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes csv-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.96)}}@media (max-width:640px){.csv-hero-title{font-size:1.5rem}.csv-hero-sub{font-size:.95rem}.csv-hero-section{padding:32px 16px 24px}.csv-tool-section{padding:0 8px 32px}}.tc-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--navbar-height));max-width:1360px;margin:0 auto;width:100%;padding:0 16px 64px}.tc-header{padding:32px 0 20px}.tc-header-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.tc-title{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--color-foreground);margin-bottom:4px}.tc-subtitle{font-size:14px;color:var(--color-muted-fg)}.tc-options{gap:16px;flex-wrap:wrap}.tc-option-group,.tc-options{display:flex;align-items:center}.tc-option-group{gap:8px}.tc-option-label{font-size:12px;font-weight:600;color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tc-mode-group{min-width:120px}.tc-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-foreground);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.tc-checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.tc-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:24px}.tc-input-pane{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);transition:border-color .2s ease}.tc-input-pane:focus-within{border-color:var(--color-primary)}.tc-input-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-muted);border-bottom:1px solid var(--color-border);min-height:40px}.tc-input-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted-fg)}.tc-input-actions{display:flex;align-items:center;gap:6px}.tc-action-btn{padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted-fg);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.tc-action-btn:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-border-strong)}.tc-action-btn--danger:hover{background:#fef2f2;border-color:#fca5a5;color:var(--color-destructive)}.tc-textarea{flex:1 1;min-height:220px;padding:12px 14px;border:none;resize:vertical;font-family:var(--font-mono);font-size:13px;line-height:1.65;color:var(--color-foreground);background:var(--color-surface);outline:none;-moz-tab-size:2;tab-size:2}.tc-textarea::placeholder{color:var(--color-muted-fg);opacity:.5}.tc-output{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.tc-stats-bar{gap:16px;padding:10px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:13px;flex-wrap:wrap}.tc-stat,.tc-stats-bar{display:flex;align-items:center}.tc-stat{gap:6px;font-weight:600}.tc-stat-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.tc-stat-swatch--added{background:#16a34a}.tc-stat-swatch--removed{background:#ef4444}.tc-stat-swatch--changed{background:#d97706}.tc-stat--added,.tc-stat--identical{color:#16a34a}.tc-stat--removed{color:#ef4444}.tc-stat--changed{color:#d97706}.tc-stat--unchanged{color:var(--color-muted-fg);font-weight:400}.tc-stat-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:11px;font-weight:700;color:#fff;line-height:1;flex-shrink:0}.tc-stat-badge--added{background:#16a34a}.tc-stat-badge--removed{background:#dc2626}.tc-stat-badge--changed{background:#d97706}.tc-stat-badge--unchanged{background:#9ca3af}.stats-side-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stats-side-dot--left{background:#ef4444}.stats-side-dot--right{background:#22c55e}.stats-side-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;flex-shrink:0}.tc-legend{gap:12px;margin-left:auto}.tc-legend,.tc-legend-item{display:flex;align-items:center}.tc-legend-item{gap:5px;font-size:12px;color:var(--color-muted-fg)}.tc-legend-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.tc-legend-swatch--removed{background:#fecaca;border:1px solid #fca5a5}.tc-legend-swatch--added{background:#bbf7d0;border:1px solid #86efac}.tc-table-wrap{overflow-x:auto;overflow-y:visible;background:var(--color-surface)}.tc-table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:var(--font-mono);font-size:13px;line-height:1.85;color:#4b5563}.tc-col-num{width:48px}.tc-th{padding:8px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b6b6b;background:rgb(248,250,252);text-align:left;border-bottom:1px solid #e3e3e3}.tc-th--right{border-left:2px solid var(--color-border)}.tc-row{border-bottom:1px solid rgba(240,240,240,.9)}.tc-row:last-child{border-bottom:none}.tc-row--active-block>td{box-shadow:none}.tc-row--active-block>td:first-child{box-shadow:inset 4px 0 0 #2563eb}.tc-row--flash-block>td{animation:tc-current-change-flash .9s ease}.tc-row--search-match>td{outline:1px solid rgba(79,70,229,.18);outline-offset:-1px}.tc-row--active-search-match>td{box-shadow:inset 0 0 0 2px rgba(79,70,229,.5)}@keyframes tc-current-change-flash{0%{filter:brightness(.92) saturate(1.25)}to{filter:none}}.tc-current-change-label{position:absolute;left:8px;top:-18px;z-index:2;display:inline-block;padding:1px 6px;border-radius:999px;background:#2563eb;color:#ffffff;font-family:system-ui,sans-serif;font-size:10px;font-weight:700;white-space:nowrap;vertical-align:middle}.tc-row--equal:hover td{background:#f3f3f3}.tc-linenum{position:relative;width:48px;min-width:48px;padding:4px 10px;text-align:right;font-size:11px;color:#9ca3af;background:rgb(248,250,252);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;line-height:1.85}.tc-row--added .tc-linenum{background:#e0faea;color:#15803d}.tc-row--changed .tc-linenum{background:#fef9c3;color:#78350f}.tc-row--removed .tc-linenum{background:#fee2e2;color:#991b1b}.tc-row--active-block .tc-linenum{color:#1d4ed8;font-weight:700}.tc-linenum--right{border-left:2px solid var(--color-border)}.tc-content{padding:4px 14px;white-space:pre-wrap;word-break:break-all;vertical-align:top}.tc-content--empty{background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(220,220,220,.35) 0,rgba(220,220,220,.35) 8px)}.tc-content--changed-l,.tc-content--changed-r{background:#fffde7}.tc-content--removed{background:#fff4f4}.tc-content--added{background:#f3fef7}.tc-token{display:inline;border-radius:3px;padding:0 1px;font-style:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:transparent}.tc-token--removed{background:#fecaca;color:#991b1b}.tc-token--added{background:#bbf7d0;color:#14532d}.tc-ws-char{opacity:.38;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.05em}.tc-token--added .tc-ws-char,.tc-token--removed .tc-ws-char{opacity:.6}.tc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--color-muted-fg)}.tc-empty-icon{font-size:40px;color:var(--color-primary);margin-bottom:16px;opacity:.6}.tc-empty-title{font-size:17px;font-weight:600;color:var(--color-foreground);margin-bottom:6px}.tc-empty-sub{font-size:14px;color:var(--color-muted-fg);max-width:360px}@media (max-width:768px){.tc-inputs{grid-template-columns:1fr}.tc-header-inner{flex-direction:column;gap:16px}.tc-options{gap:12px}.tc-col-num{width:36px}.tc-linenum{width:36px;min-width:36px;padding:3px 6px}.tc-table{font-size:12px}.csv-btn{padding:5px 10px;font-size:11.5px}.csv-btn--sm{padding:3px 8px;font-size:11px}.csv-tab{padding:10px 14px;font-size:12px}.csv-action-tab{padding:6px 10px;font-size:11px}.csv-action-sep,.csv-action-tab-label{display:none}.csv-options-panel{gap:10px;padding:8px 12px;margin-bottom:8px}.csv-option-item{font-size:11px}.csv-option-select{font-size:11px;padding:2px 6px}.csv-action-icon-btn{width:26px;height:26px}.csv-input-stats-inline{display:none}.csv-split-panels{grid-template-columns:1fr}.csv-input-actions,.csv-input-toolbar{flex-wrap:wrap}.csv-viewer-toolbar{flex-wrap:wrap;gap:8px}.csv-pagination{gap:4px}.csv-td{max-width:180px}.csv-stats-bar{gap:8px;padding:8px 12px;font-size:11.5px}.csv-input-stats .csv-stat{font-size:10.5px;padding:5px 4px}.csv-stat--headers{display:none}.csv-convert-options{flex-direction:column;align-items:flex-start}.csv-excel-body{padding:24px 16px}}.ht-hero-section{padding:48px 24px 32px;text-align:center;background:#f0f6ff}.ht-hero-inner{max-width:700px;margin:0 auto}.ht-hero-title{font-size:2rem;font-weight:800;color:#1e3a5f;margin:0 0 12px;letter-spacing:-.02em}.ht-hero-sub{font-size:1.05rem;line-height:1.65;color:#4b7ab0;margin:0 auto;max-width:600px}.ht-tool-section{padding:0 24px 48px;background:#f0f6ff}.ht-container{max-width:800px;margin:0 auto}.ht-tab-bar{display:flex;align-items:center;padding:8px 12px;background:#ffffff;border:1px solid #c3d9f7;border-radius:var(--radius-xl);margin-bottom:16px;box-shadow:0 4px 12px rgba(37,99,235,.08);gap:10px;flex-wrap:wrap}.ht-tab-bar-inner{display:flex;gap:4px;padding:4px;background:#e8f1fd;border-radius:var(--radius-lg);flex:1 1;overflow-x:auto;scrollbar-width:none}.ht-tab-bar-inner::-webkit-scrollbar{display:none}.ht-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-muted-fg);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:all .15s;font-family:var(--font-sans)}.ht-tab-btn:hover{color:var(--color-foreground)}.ht-tab-btn--active{color:#1e3a5f;background:#ffffff;box-shadow:0 1px 4px rgba(37,99,235,.15);font-weight:600}.ht-tab-btn svg{flex-shrink:0;opacity:.6}.ht-tab-btn--active svg{opacity:1}.ht-tab-content{margin-top:16px;display:flex;flex-direction:column;gap:16px}.ht-card{background:#ffffff;border:1px solid #c3d9f7;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 4px rgba(37,99,235,.08);padding:20px}.ht-card-header{font-size:12px;text-transform:uppercase;margin:-20px -20px 16px;padding:12px 20px;background:#e8f1fd;border-bottom:1px solid #c3d9f7}.ht-card-header,.ht-label{font-weight:600;color:#2563eb;letter-spacing:.04em}.ht-label{font-size:13px;margin-bottom:8px;display:block}.ht-textarea{width:100%;min-height:150px;padding:12px;border:1px solid #c3d9f7;border-radius:var(--radius);resize:none;font-family:var(--font-mono);font-size:13px;line-height:1.65;color:var(--color-foreground);background:#f5f9ff;outline:none}.ht-textarea:focus{border-color:var(--color-ring);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.ht-textarea::placeholder{color:var(--color-muted-fg)}.ht-hash-results{padding:0}.ht-hash-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #c3d9f7}.ht-hash-row:last-child{border-bottom:none}.ht-hash-algo{font-size:12px;font-weight:700;color:#2563eb;width:64px;flex-shrink:0}.ht-hash-value{flex:1 1;font-family:var(--font-mono);font-size:12px;color:var(--color-foreground);word-break:break-all}.ht-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;color:var(--color-muted-fg);transition:background .15s,color .15s}.ht-icon-btn:hover{background:var(--color-muted);color:var(--color-foreground)}.ht-password-display{display:flex;align-items:center;gap:8px;margin-bottom:16px}.ht-password-value{flex:1 1;font-family:var(--font-mono);font-size:16px;color:var(--color-foreground);background:#e8f1fd;padding:12px;border-radius:var(--radius);border:1px solid #c3d9f7;word-break:break-all}.ht-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;font-size:13px;font-weight:500;font-family:var(--font-sans);border-radius:var(--radius);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.ht-btn--primary{background:var(--color-primary);color:var(--color-primary-fg);border:1px solid var(--color-primary)}.ht-btn--primary:hover{background:var(--color-primary-hover)}.ht-btn--secondary{background:var(--color-surface);color:var(--color-foreground);border:1px solid var(--color-border)}.ht-btn--secondary:hover{background:var(--color-muted)}.ht-btn--copied{border-color:#86efac}.ht-btn--copied,.ht-icon-btn[aria-label*=copied]{background:#ecfdf5;color:#047857}.ht-strength-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ht-strength-fill{height:6px;border-radius:3px;flex:1 1;transition:width .3s ease}.ht-strength--weak{background:var(--color-destructive)}.ht-strength--medium{background:#eab308}.ht-strength--strong{background:var(--color-secondary)}.ht-strength-label{font-size:12px;font-weight:600;color:var(--color-muted-fg)}.ht-control-row{margin-bottom:16px}.ht-range{width:100%;margin-top:8px;accent-color:var(--color-primary)}.ht-checkboxes{display:flex;flex-wrap:wrap;gap:16px}.ht-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-foreground);cursor:pointer}.ht-checkbox-label input[type=checkbox]{accent-color:var(--color-primary)}.ht-history-list{padding:0}.ht-history-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--color-border)}.ht-history-row:last-child{border-bottom:none}.ht-history-value{flex:1 1;font-family:var(--font-mono);font-size:12px;color:var(--color-foreground);word-break:break-all}.ht-toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.ht-toast{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);animation:fadeInUp .25s ease}.ht-toast--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.ht-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.ht-toast--info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.ht-toast--exiting{animation:fadeOutDown .25s ease forwards}.ht-toast-icon{font-size:16px;line-height:1}.ht-toast-msg{display:flex;flex-direction:column;gap:2px}.ht-toast-sub{font-size:11.5px;font-weight:400;opacity:.8}.ht-landing{padding:48px 24px}.ht-landing-section{max-width:800px;margin:0 auto 40px}.ht-landing-section h2{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin:0 0 16px}.ht-landing-section h3{font-size:1.1rem;font-weight:600;color:var(--color-foreground);margin:24px 0 8px}.ht-landing-section p{font-size:1rem;line-height:1.7;color:var(--color-muted-fg);margin:0 0 12px}.ht-landing-section ul{padding-left:20px;margin:0 0 16px}.ht-landing-section li{font-size:1rem;line-height:1.7;color:var(--color-muted-fg);margin:0 0 8px}@media (max-width:768px){.ht-hero-title{font-size:1.5rem}}.du-hero-section{padding:48px 24px 32px;text-align:center;background:#f0f6ff}.du-hero-inner{max-width:700px;margin:0 auto}.du-hero-title{font-size:2rem;font-weight:800;color:#1e3a5f;margin:0 0 12px;letter-spacing:-.02em}.du-hero-sub{font-size:1.05rem;line-height:1.65;color:#4b7ab0;margin:0 auto;max-width:600px}.du-tool-section{padding:0 24px 48px;background:#f0f6ff}.du-container{max-width:800px;margin:0 auto}.du-tab-bar{display:flex;align-items:center;padding:8px 12px;background:#ffffff;border:1px solid #c3d9f7;border-radius:var(--radius-xl);margin-bottom:16px;box-shadow:0 4px 12px rgba(37,99,235,.08);gap:10px;flex-wrap:wrap}.du-tab-bar-inner{display:flex;gap:4px;padding:4px;background:#e8f1fd;border-radius:var(--radius-lg);flex:1 1;overflow-x:auto;scrollbar-width:none}.du-tab-bar-inner::-webkit-scrollbar{display:none}.du-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-muted-fg);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:all .15s;font-family:var(--font-sans)}.du-tab-btn:hover{color:var(--color-foreground)}.du-tab-btn--active{color:#1e3a5f;background:#ffffff;box-shadow:0 1px 4px rgba(37,99,235,.15);font-weight:600}.du-tab-btn svg{flex-shrink:0;opacity:.6}.du-tab-btn--active svg{opacity:1}.du-tab-content{margin-top:16px;display:flex;flex-direction:column;gap:16px}.du-card{background:#ffffff;border:1px solid #c3d9f7;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 4px rgba(37,99,235,.08);padding:20px}.du-label{font-size:13px;font-weight:600;color:#2563eb;letter-spacing:.04em}.du-label--block{display:block;margin-bottom:8px}.du-row{display:flex;align-items:center}.du-row--gap{gap:8px}.du-row--wrap{flex-wrap:wrap}.du-flex-1{flex:1 1}.du-input{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-surface);outline:none;flex:1 1;min-width:0}.du-input:focus{border-color:var(--color-ring);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.du-input--small{width:6rem;flex:none}.du-input--mono,.du-textarea{font-family:var(--font-mono)}.du-textarea{width:100%;min-height:120px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);resize:none;font-size:13px;line-height:1.65;color:var(--color-foreground);background:var(--color-surface);outline:none;margin-top:8px}.du-textarea:focus{border-color:var(--color-ring);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.du-textarea::placeholder{color:var(--color-muted-fg)}.du-select{padding:8px 12px;border:1px solid var(--color-border);color:var(--color-foreground);background:var(--color-surface);outline:none}.du-btn,.du-select{border-radius:var(--radius);font-size:13px;font-family:var(--font-sans);cursor:pointer}.du-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;font-weight:500;transition:background .15s,border-color .15s;white-space:nowrap}.du-btn--primary{background:var(--color-primary);color:var(--color-primary-fg);border:1px solid var(--color-primary)}.du-btn--primary:hover{background:var(--color-primary-hover)}.du-btn--secondary{background:var(--color-surface);color:var(--color-foreground);border:1px solid var(--color-border)}.du-btn--secondary:hover{background:var(--color-muted)}.du-btn--copied{background:#ecfdf5;border-color:#86efac;color:#047857}.du-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;color:var(--color-muted-fg);transition:background .15s,color .15s;opacity:0}.du-icon-btn:hover,.du-ts-item:hover .du-icon-btn,.du-uuid-row:hover .du-icon-btn{background:var(--color-muted);color:var(--color-foreground);opacity:1}.du-icon-btn[aria-label*=copied]{background:#ecfdf5;color:#047857;opacity:1}.du-uuid-list{display:flex;flex-direction:column;gap:4px;margin-top:12px}.du-uuid-row{display:flex;align-items:center;gap:8px}.du-uuid-value{flex:1 1;font-family:var(--font-mono);font-size:13px;color:var(--color-foreground);background:var(--color-muted);padding:8px 12px;border-radius:var(--radius);border:1px solid var(--color-border)}.du-uuid-version-bar{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.du-uuid-version-btn{padding:5px 14px;font-size:12px;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-muted);color:var(--color-muted-fg);cursor:pointer;transition:all .15s;letter-spacing:.02em}.du-uuid-version-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(59,130,246,.08)}.du-uuid-version-btn--active:hover{background:var(--color-primary);opacity:.9}.du-uuid-version-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff}.du-uuid-version-desc{font-size:12px;color:var(--color-muted-fg);margin:0 0 12px;font-family:var(--font-sans)}.du-uuid-v5-fields{padding:12px;background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:12px}.du-uuid-version-badge{font-size:10px;font-weight:700;font-family:var(--font-sans);letter-spacing:.04em;color:var(--color-primary);background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:4px;padding:2px 6px;flex-shrink:0;text-transform:uppercase}.du-ts-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.du-ts-item{display:flex;align-items:center;gap:8px;background:#e8f1fd;border-radius:var(--radius);padding:8px 12px;border:1px solid #c3d9f7}.du-ts-key{font-size:11px;font-weight:700;color:#2563eb;width:56px;flex-shrink:0}.du-ts-value{flex:1 1;font-family:var(--font-mono);font-size:12px;color:var(--color-foreground);min-width:0;overflow:hidden;text-overflow:ellipsis}.du-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.du-result{display:block;margin-top:8px;padding:8px 12px;background:var(--color-muted);border-radius:var(--radius);border:1px solid var(--color-border);color:var(--color-foreground);white-space:pre-wrap}.du-error,.du-result{font-family:var(--font-mono);font-size:13px}.du-error{color:var(--color-destructive)}.du-match-count{font-size:13px;color:var(--color-muted-fg);margin-bottom:8px}.du-match-list{display:flex;flex-direction:column;gap:4px}.du-match-row{display:flex;align-items:center;gap:12px;background:var(--color-muted);border-radius:var(--radius);padding:8px 12px;border:1px solid var(--color-border)}.du-match-index{font-size:11px;color:var(--color-muted-fg);width:24px}.du-match-value{flex:1 1;font-family:var(--font-mono);font-size:13px;color:var(--color-foreground)}.du-match-pos{font-size:11px;color:var(--color-muted-fg)}.du-color-layout{display:flex;align-items:flex-start;gap:24px}.du-color-picker-col{display:flex;flex-direction:column;gap:8px}.du-color-input{width:96px;height:96px;cursor:pointer;border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:2px}.du-color-row{margin-bottom:12px}.du-color-preview{width:128px;height:128px;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-shrink:0}.du-lorem-output{margin-top:16px;background:var(--color-muted);border-radius:var(--radius);padding:16px;border:1px solid var(--color-border);font-size:14px;color:var(--color-foreground);white-space:pre-wrap;line-height:1.7}.du-toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.du-toast{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);animation:fadeInUp .25s ease}.du-toast--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.du-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.du-toast--info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.du-toast--exiting{animation:fadeOutDown .25s ease forwards}.du-toast-icon{font-size:16px;line-height:1}.du-toast-msg{display:flex;flex-direction:column;gap:2px}.du-toast-sub{font-size:11.5px;font-weight:400;opacity:.8}.du-landing{padding:48px 24px}.du-landing-section{max-width:800px;margin:0 auto 40px}.du-landing-section h2{font-size:1.5rem;font-weight:700;color:var(--color-foreground);margin:0 0 16px}.du-landing-section h3{font-size:1.1rem;font-weight:600;color:var(--color-foreground);margin:24px 0 8px}.du-landing-section p{font-size:1rem;line-height:1.7;color:var(--color-muted-fg);margin:0 0 12px}.du-landing-section ul{padding-left:20px;margin:0 0 16px}.du-landing-section li{font-size:1rem;line-height:1.7;color:var(--color-muted-fg);margin:0 0 8px}@media (max-width:768px){.du-hero-title{font-size:1.5rem}.du-grid-2,.du-ts-grid{grid-template-columns:1fr}.du-color-layout{flex-direction:column}.du-color-preview{width:100%;height:64px}}.tc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:tc-fade-in .15s ease}@keyframes tc-fade-in{0%{opacity:0}to{opacity:1}}.tc-modal{background:var(--color-surface,#ffffff);border:1px solid var(--color-border,#e5e7eb);border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.18);width:100%;max-width:680px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:tc-slide-up .18s ease;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes tc-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tc-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--color-border,#e5e7eb);gap:12px}.tc-modal-title{font-size:18px;font-weight:700;color:var(--color-foreground,#111827);margin-bottom:4px;letter-spacing:0}.tc-modal-subtitle{font-size:12px;color:var(--color-muted-fg,#6b7280)}.tc-modal-close{background:none;border:none;cursor:pointer;color:var(--color-muted-fg,#9ca3af);font-size:18px;line-height:1;padding:2px 6px;border-radius:4px;transition:color .1s,background .1s;flex-shrink:0}.tc-modal-close:hover{color:var(--color-foreground,#111827);background:var(--color-accent,#f3f4f6)}.tc-modal-section{padding:16px 24px;border-bottom:1px solid var(--color-border,#e5e7eb)}.tc-modal-label{display:block;font-size:12px;font-weight:600;color:var(--color-foreground,#374151);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.tc-modal-optional{font-weight:400;color:var(--color-muted-fg,#9ca3af);text-transform:none;letter-spacing:0}.tc-export-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.tc-export-card{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 12px;border:1.5px solid var(--color-border,#e5e7eb);border-radius:7px;background:var(--color-surface,#ffffff);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;font-family:inherit;text-align:left}.tc-export-card:hover{border-color:#818cf8;background:#f5f3ff;transform:translateY(-1px)}.tc-export-card:focus-visible,.tc-modal-cancel:focus-visible,.tc-modal-close:focus-visible,.tc-modal-export-btn:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.tc-export-card--selected{border-color:#2563eb;background:#eff6ff;box-shadow:inset 3px 0 0 #2563eb}.tc-export-card-icon{color:#6b7280;display:flex;flex:0 0 auto}.tc-export-card--selected .tc-export-card-icon{color:#2563eb}.tc-export-card-copy{display:flex;min-width:0;flex:1 1;align-items:center;justify-content:space-between;gap:8px}.tc-export-card-label{font-size:13px;font-weight:700;color:var(--color-foreground,#374151);line-height:1.2}.tc-export-card-ext{flex:0 0 auto;padding:2px 6px;border-radius:5px;background:#f1f5f9;color:#64748b;font-size:11px;font-family:JetBrains Mono,Consolas,monospace;font-weight:700}.tc-export-desc{font-size:12.5px;color:var(--color-muted-fg,#6b7280);line-height:1.5}.tc-export-note{margin-top:6px;font-size:12px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:6px 10px}.tc-modal-fields{gap:14px}.tc-modal-field,.tc-modal-fields{display:flex;flex-direction:column}.tc-modal-field{gap:5px}.tc-modal-input-wrap{display:flex;align-items:center;border:1.5px solid var(--color-border,#e5e7eb);border-radius:6px;overflow:hidden;background:var(--color-surface,#fff);transition:border-color .15s}.tc-modal-input-wrap:focus-within{border-color:#4f46e5}.tc-modal-input-wrap .tc-modal-input{border:none;border-radius:0;flex:1 1}.tc-modal-input-wrap .tc-modal-input:focus{outline:none;box-shadow:none}.tc-modal-input-suffix{padding:0 10px;font-size:12px;color:var(--color-muted-fg,#6b7280);background:var(--color-accent,#f9fafb);border-left:1px solid var(--color-border,#e5e7eb);white-space:nowrap;font-family:JetBrains Mono,monospace;height:100%;display:flex;align-items:center}.tc-modal-input{width:100%;padding:8px 12px;border:1.5px solid var(--color-border,#e5e7eb);border-radius:6px;font-size:13.5px;font-family:inherit;background:var(--color-surface,#fff);color:var(--color-foreground,#111827);transition:border-color .15s}.tc-modal-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.tc-modal-stats{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px;border-bottom:1px solid var(--color-border,#e5e7eb)}.tc-modal-error{flex-basis:100%;padding:8px 10px;border-radius:6px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:12.5px}.tc-modal-stat{font-size:12px;font-weight:700;padding:5px 10px;border-radius:6px}.tc-modal-stat--added{background:#dcfce7;color:#166534}.tc-modal-stat--removed{background:#fee2e2;color:#991b1b}.tc-modal-stat--changed{background:#fef3c7;color:#92400e}.tc-modal-stat--unchanged{background:#f3f4f6;color:#374151}.tc-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px}.tc-modal-cancel{padding:9px 18px;border-radius:var(--radius,6px);border:1.5px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);color:var(--color-foreground,#374151);font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.tc-modal-cancel:hover{background:var(--color-accent,#f3f4f6);border-color:var(--color-border-strong,#d1d5db)}.tc-modal-export-btn{padding:9px 22px;border-radius:var(--radius,6px);border:none;background:#2563eb;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,opacity .15s}.tc-modal-export-btn:hover:not(:disabled){background:#1d4ed8}.tc-modal-export-btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width:540px){.tc-export-cards{grid-template-columns:1fr}.tc-modal-footer,.tc-modal-header,.tc-modal-section,.tc-modal-stats{padding-left:16px;padding-right:16px}}.tc-diff-nav{position:fixed;bottom:80px;right:24px;gap:0;background:#ffffff;color:#374151;border-radius:999px;box-shadow:0 2px 12px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.07);z-index:1000;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:system-ui,sans-serif}.tc-diff-nav,.tc-diff-nav-btn{display:flex;align-items:center}.tc-diff-nav-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:15px;padding:10px 14px;transition:background .15s,color .15s;justify-content:center;line-height:1}.tc-diff-nav-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.tc-diff-nav-btn:disabled{opacity:.35;cursor:not-allowed}.tc-diff-nav-count{font-size:13px;font-weight:600;padding:0 4px;min-width:54px;text-align:center;letter-spacing:.01em;color:#374151}.tc-diff-nav-sep{opacity:.35;margin:0 2px}@media (max-width:540px){.tc-diff-nav{bottom:72px;right:12px}}@media print{body>:not(#tc-print-root){display:none!important}#tc-print-root{display:block!important}}.home-page-shell{min-height:calc(100vh - 64px);background:#f7fbff;padding:44px 24px 72px;color:#0f172a}.home-page-shell .home-hero{max-width:720px;margin:0 auto 46px;padding:0;text-align:center}.home-kicker{margin:0 0 18px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.home-page-shell .home-title{margin:0;color:#111827;font-size:clamp(42px,5vw,64px);font-weight:900;line-height:1.02;letter-spacing:-.03em}.home-page-shell .home-subtitle{max-width:660px;margin:20px auto 0;color:#0f2f54;font-size:17px;line-height:1.55}.home-hero-actions{display:flex;justify-content:center;gap:10px;margin-top:24px;flex-wrap:wrap}.home-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:9px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.home-button:hover{transform:translateY(-1px)}.home-button--primary{background:#2563eb;border:1px solid #2563eb;color:#fff;box-shadow:0 10px 20px rgba(37,99,235,.14)}.home-button--secondary{background:#fff;border:1px solid #b6c8de;color:#0b1220}.home-button--secondary:hover{border-color:#2563eb}.home-directory{width:min(100%,1180px);margin:0 auto}.home-category{margin-top:44px}.home-category:first-child{margin-top:0}.home-category-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.home-category-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#fff;color:#2563eb;font-size:13px;font-weight:900;letter-spacing:0;box-shadow:0 1px 2px rgba(15,23,42,.04)}.home-category-title{margin:0;color:#0b1220;font-size:24px;font-weight:900;letter-spacing:-.03em;line-height:1.1}.home-category-description{margin:4px 0 0;color:#42658d;font-size:14px;line-height:1.4}.home-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.home-tool-card{display:flex;min-height:86px;flex-direction:column;justify-content:center;gap:8px;padding:18px;border-radius:12px;background:#e4effd;color:#0b1220;text-decoration:none;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.home-tool-card:hover{background:#dbeafe;box-shadow:0 10px 22px rgba(37,99,235,.11);transform:translateY(-2px)}.home-tool-title{color:#030712;font-size:16px;font-weight:900;line-height:1.2}.home-tool-description{color:#42658d;font-size:14px;line-height:1.45}.home-seo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);grid-gap:24px;gap:24px;width:min(100%,1180px);margin:56px auto 0;padding-top:28px;border-top:1px solid #d9e7f7}.home-seo h2{margin:0 0 10px;color:#0b1220;font-size:22px;font-weight:900;letter-spacing:-.025em}.home-seo p{max-width:760px;margin:0;color:#42658d;font-size:15px;line-height:1.7}.home-seo-points{display:grid;grid-gap:10px;gap:10px;align-content:start}.home-seo-points span{border-radius:10px;background:#fff;border:1px solid #d9e7f7;color:#0f2f54;font-size:13px;font-weight:700;padding:10px 12px}@media (max-width:900px){.home-seo,.home-tool-grid{grid-template-columns:1fr}}@media (max-width:640px){.home-page-shell{padding:32px 16px 56px}.home-page-shell .home-title{font-size:38px}.home-page-shell .home-subtitle{font-size:15px}.home-category-head{align-items:flex-start}.home-tool-card{min-height:78px}}@media (max-width:960px){.csv-workbench{grid-template-columns:1fr;height:auto;min-height:0}.csv-workbench .csv-action-bar{flex-direction:row;gap:10px;overflow-x:auto;border-right:0;border-bottom:1px solid #cfe0f7;padding:10px}.csv-workbench .csv-action-bar-row{min-width:max-content;flex-direction:row;align-items:center}.csv-workbench .csv-action-bar-row+.csv-action-bar-row{border-top:0;border-left:1px solid #d3e3f8;padding-top:0;padding-left:10px}.csv-action-section-title{display:none}.csv-workbench .csv-action-bar-tabs{display:flex;gap:4px;flex:1 0 max-content}.csv-workbench .csv-action-tab{justify-content:center;min-width:max-content}.jf-workbench{grid-template-columns:1fr}.jf-workbench .jf-action-bar{flex-direction:row;gap:10px;overflow-x:auto;border-right:0;border-bottom:1px solid #cfe0f7;padding:10px}.jf-workbench .jf-action-bar-row{min-width:max-content;flex-direction:row;align-items:center}.jf-workbench .jf-action-bar-row+.jf-action-bar-row{border-top:0;border-left:1px solid #d3e3f8;padding-top:0;padding-left:10px}.jf-action-section-title{display:none}.jf-workbench .jf-action-bar-tabs{display:flex;gap:4px}.jf-workbench .jf-action-tab{justify-content:center}}@media (max-width:640px){.csv-workbench .csv-split-panels{grid-template-columns:1fr;min-height:0}.jf-workbench{height:auto;min-height:0}.jf-workbench .jf-split-panels{grid-template-columns:1fr;min-height:0}}