:root{--primary-color: #007bff;--primary-hover: #0056b3;--primary-active: #004085;--primary-light: rgba(0, 123, 255, .1);--secondary-color: #6c757d;--secondary-hover: #5a6268;--secondary-active: #494f54;--success-color: #28a745;--success-hover: #218838;--success-light: rgba(40, 167, 69, .1);--warning-color: #ffc107;--warning-hover: #ff9800;--warning-dark: #f57c00;--warning-light: rgba(255, 193, 7, .1);--danger-color: #dc3545;--danger-hover: #c82333;--danger-light: rgba(220, 53, 69, .1);--info-color: #17a2b8;--info-hover: #117a8b;--info-light: rgba(23, 162, 184, .1);--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa;--bg-header: #f5f5f5;--bg-sidebar: #fafafa;--bg-footer: #f9f9f9;--bg-card: #ffffff;--bg-hover: rgba(0, 0, 0, .05);--bg-active: rgba(0, 123, 255, .1);--bg-disabled: #e9ecef;--text-primary: #000000;--text-secondary: #666666;--text-tertiary: #999999;--text-muted: #aaaaaa;--text-inverse: #ffffff;--text-link: #007bff;--text-link-hover: #0056b3;--border-color: #e0e0e0;--border-color-light: #f0f0f0;--border-color-dark: #cccccc;--border-width: 1px;--border-width-thick: 2px;--border-radius: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-round: 50%;--border-radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .2);--shadow-2xl: 0 12px 24px rgba(0, 0, 0, .25);--shadow-focus: 0 0 0 3px rgba(0, 123, 255, .25);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Consolas", "Monaco", "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-cubic: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--header-height: 60px;--sidebar-width: 280px;--footer-height: 60px;--container-max-width: 1400px;--breakpoint-xs: 0px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px;--input-bg: #ffffff;--input-border: #cccccc;--input-border-focus: #007bff;--input-text: #000000;--input-placeholder: #999999;--input-disabled-bg: #e9ecef;--input-height: 40px;--input-padding: 8px 12px;--button-height: 40px;--button-padding: 8px 16px;--button-font-size: 14px;--button-border-radius: 4px}[data-theme=dark]{--primary-color: #4a9eff;--primary-hover: #66b0ff;--primary-active: #80c2ff;--bg-primary: #1e1e1e;--bg-secondary: #2d2d2d;--bg-tertiary: #252525;--bg-header: #1e1e1e;--bg-sidebar: #1a1a1a;--bg-footer: #1a1a1a;--bg-card: #2d2d2d;--bg-hover: rgba(255, 255, 255, .1);--bg-active: rgba(74, 158, 255, .2);--bg-disabled: #3a3a3a;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-tertiary: #888888;--text-muted: #666666;--text-link: #4a9eff;--text-link-hover: #66b0ff;--border-color: #444444;--border-color-light: #333333;--border-color-dark: #555555;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .5);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .6);--shadow-2xl: 0 12px 24px rgba(0, 0, 0, .7);--shadow-focus: 0 0 0 3px rgba(74, 158, 255, .3);--input-bg: #2d2d2d;--input-border: #444444;--input-border-focus: #4a9eff;--input-text: #ffffff;--input-placeholder: #888888;--input-disabled-bg: #3a3a3a}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}body{margin:0;font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;background-color:var(--bg-primary);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body[data-theme=light]{background-color:#fff;color:#000}body[data-theme=light] input,body[data-theme=light] select,body[data-theme=light] textarea,body[data-theme=light] button{background-color:#fff;color:#000;border:1px solid #ccc}body[data-theme=light] table{border-color:#ddd}body[data-theme=light] th{background-color:#f0f0f0;color:#333}body[data-theme=light] tr:nth-child(2n){background-color:#f9f9f9}body[data-theme=dark]{background-color:#1e1e1e;color:#e0e0e0}body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] textarea{background-color:#2d2d2d;color:#e0e0e0;border:1px solid #444}body[data-theme=dark] button{background-color:#3d3d3d;color:#e0e0e0;border:1px solid #555}body[data-theme=dark] button:hover:not(:disabled){background-color:#4d4d4d}body[data-theme=dark] table{border-color:#444;background-color:#2d2d2d}body[data-theme=dark] th{background-color:#333;color:#e0e0e0}body[data-theme=dark] td{color:#d0d0d0;border-color:#444}body[data-theme=dark] tr:nth-child(2n){background-color:#252525}body[data-theme=dark] tr:hover{background-color:#353535}body[data-theme=dark] [style*="backgroundColor: '#f9f9f9'"],body[data-theme=dark] [style*="backgroundColor: #f9f9f9"]{background-color:#2d2d2d!important}body[data-theme=dark] [style*="backgroundColor: '#f0f8ff'"],body[data-theme=dark] [style*="backgroundColor: #f0f8ff"]{background-color:#2a3a4a!important}body[data-theme=dark] [style*="backgroundColor: '#fff8dc'"],body[data-theme=dark] [style*="backgroundColor: #fff8dc"]{background-color:#3a3520!important}body[data-theme=dark] [style*="backgroundColor: 'white'"],body[data-theme=dark] [style*="backgroundColor: white"]{background-color:#2d2d2d!important}body[data-theme=dark] [style*="color: '#666'"],body[data-theme=dark] [style*="color: #666"]{color:#999!important}body[data-theme=dark] [style*="color: '#555'"],body[data-theme=dark] [style*="color: #555"]{color:#aaa!important}body[data-theme=dark] [style*="border: '1px solid #ccc'"],body[data-theme=dark] [style*="border: 1px solid #ccc"]{border-color:#555!important}body[data-theme=dark] [style*="border: '1px solid #eee'"],body[data-theme=dark] [style*="border: 1px solid #eee"]{border-color:#444!important}body[data-theme=dark] ::-webkit-scrollbar{width:12px;height:12px}body[data-theme=dark] ::-webkit-scrollbar-track{background:#2d2d2d}body[data-theme=dark] ::-webkit-scrollbar-thumb{background:#555;border-radius:6px}body[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#666}@media(max-width:768px){body,input,select,textarea,button{font-size:14px}table{font-size:12px}h2{font-size:1.5rem}h4{font-size:1.1rem}}@media(max-width:480px){body{font-size:12px}input[type=text],input[type=password]{width:100%!important;max-width:100%}button{padding:8px 12px!important;font-size:12px!important}}.search-box{position:relative;width:100%;max-width:500px}.search-input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--bg-secondary, #f5f5f5);border:2px solid var(--border-color, #e0e0e0);border-radius:8px;transition:all .2s ease}.search-input-wrapper:focus-within{border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.search-icon{padding:0 12px;font-size:18px;color:var(--text-secondary, #666)}.search-input{flex:1;border:none;background:none;padding:10px 12px 10px 0;font-size:14px;color:var(--text-primary, #000);outline:none}.search-input::placeholder{color:var(--text-secondary, #999)}.search-clear{background:none;border:none;padding:0 12px;cursor:pointer;color:var(--text-secondary, #666);font-size:18px;transition:color .2s}.search-clear:hover{color:var(--text-primary, #000)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--bg-primary, #fff);border:2px solid var(--border-color, #e0e0e0);border-radius:8px;box-shadow:0 8px 24px #00000026;max-height:400px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-result-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-color, #e0e0e0)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.focused{background-color:var(--hover-bg, rgba(0, 123, 255, .05))}.search-result-item.disabled{opacity:.6;cursor:not-allowed}.search-result-item.disabled:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .02))}.result-icon{font-size:24px;flex-shrink:0;margin-top:2px}.result-content{flex:1;min-width:0}.result-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.result-name{font-weight:600;font-size:14px;color:var(--text-primary, #000)}.result-badge{font-size:10px;font-weight:600;padding:2px 6px;background-color:#ffc107;color:#000;border-radius:8px;text-transform:uppercase}.result-description{font-size:12px;color:var(--text-secondary, #666);margin-bottom:4px;line-height:1.4}.result-category{font-size:11px;color:var(--text-tertiary, #999);font-weight:500}.search-no-results{padding:40px 20px;text-align:center}.no-results-icon{font-size:48px;margin-bottom:12px;opacity:.5}.no-results-text{font-size:16px;font-weight:600;color:var(--text-primary, #000);margin-bottom:8px}.no-results-hint{font-size:13px;color:var(--text-secondary, #666)}[data-theme=dark] .search-input-wrapper{background-color:var(--bg-secondary, #2d2d2d);border-color:var(--border-color, #444)}[data-theme=dark] .search-results{background-color:var(--bg-primary, #1e1e1e);border-color:var(--border-color, #444);box-shadow:0 8px 24px #00000080}[data-theme=dark] .search-result-item{border-bottom-color:var(--border-color, #444)}[data-theme=dark] .search-result-item:hover,[data-theme=dark] .search-result-item.focused{background-color:#007bff26}@media(max-width:768px){.search-box{max-width:100%}.search-input{font-size:16px}.search-results{max-height:60vh}}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background-color:var(--bg-header, #f5f5f5);border-bottom:1px solid var(--border-color, #e0e0e0);box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100;gap:16px}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.sidebar-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s;color:var(--text-primary, #000)}.sidebar-toggle:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .05))}.hamburger-icon{font-size:24px;display:block}.header-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary, #000);font-weight:700;font-size:20px}.logo-icon{font-size:28px}.logo-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-center{flex:1;max-width:600px;display:flex;justify-content:center;padding:0 16px}.search-button:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .05))}.header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.export-button{background:none;border:none;font-size:20px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.export-button:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .05))}.header-version{font-size:12px;color:var(--text-secondary, #666);padding:4px 8px;background-color:var(--badge-bg, #e0e0e0);border-radius:12px;font-weight:500}[data-theme=dark] .header{background-color:#2d2d2d;border-bottom-color:#3d3d3d}[data-theme=dark] .sidebar-toggle:hover{background-color:#ffffff1a}[data-theme=dark] .search-input{background-color:#1e1e1e;border-color:#3d3d3d;color:#e0e0e0}[data-theme=dark] .search-button:hover{background-color:#ffffff1a}[data-theme=dark] .header-version{background-color:#3d3d3d;color:#a0a0a0}@media(max-width:768px){.header{padding:8px 16px}.logo-text{display:none}.header-center{max-width:300px}.header-version{display:none}}@media(max-width:480px){.header-center{display:none}}.sidebar{width:280px;background-color:var(--bg-sidebar, #fafafa);border-right:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;transition:transform .3s ease,width .3s ease;overflow-y:auto;position:sticky;top:60px;height:calc(100vh - 60px)}.sidebar-open{transform:translate(0)}.sidebar-closed{transform:translate(-100%);border-right:none}.sidebar-nav{flex:1;padding:16px 0}.sidebar-category{margin-bottom:24px}.sidebar-category-header{display:flex;align-items:center;gap:8px;padding:8px 20px;font-weight:600;font-size:13px;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.favorites-section .sidebar-category-header{background-color:#ffc1071a;border-radius:4px;margin:0 8px 8px;padding:10px 12px}.favorites-count{background-color:var(--warning-color, #ffc107);color:#000;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.category-icon{font-size:18px}.category-name{flex:1}.sidebar-tools{list-style:none;padding:0;margin:0}.sidebar-tool-item{margin:2px 0}.sidebar-tool-link{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--text-primary, #000);text-decoration:none;transition:all .2s;border-left:3px solid transparent;position:relative}.sidebar-tool-link:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .05));border-left-color:var(--primary-color, #007bff)}.sidebar-tool-link.active{background-color:var(--active-bg, rgba(0, 123, 255, .1));border-left-color:var(--primary-color, #007bff);font-weight:600}.sidebar-tool-link.disabled{opacity:.5;cursor:not-allowed;color:var(--text-disabled, #999)}.sidebar-tool-link.disabled:hover{background-color:transparent;border-left-color:transparent}.tool-icon{font-size:20px;width:24px;text-align:center;flex-shrink:0}.tool-name{flex:1;font-size:14px}.coming-soon-badge{font-size:10px;padding:2px 6px;background-color:var(--badge-bg, #ffc107);color:#000;border-radius:10px;font-weight:600}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border-color, #e0e0e0);background-color:var(--bg-sidebar-footer, #f0f0f0)}.sidebar-stats{display:flex;gap:16px;justify-content:space-around}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:11px;color:var(--text-secondary, #666)}.stat-value{font-size:18px;font-weight:700;color:var(--primary-color, #007bff)}[data-theme=dark] .sidebar{background-color:#2d2d2d;border-right-color:#3d3d3d}[data-theme=dark] .sidebar-tool-link:hover{background-color:#ffffff0d}[data-theme=dark] .sidebar-tool-link.active{background-color:#007bff33}[data-theme=dark] .sidebar-footer{border-top-color:#3d3d3d;background-color:#252525}@media(min-width:769px){.sidebar-closed{display:none}}@media(max-width:768px){.sidebar{position:fixed;top:60px;left:0;z-index:99;box-shadow:2px 0 8px #0000001a}.sidebar-closed{transform:translate(-100%)}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #ccc);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #999)}.quick-search-backdrop{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;z-index:1200}.quick-search-modal{width:min(720px,100%);background:#0f1115;color:#f8fafc;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 24px 48px #00000059;padding:16px 16px 12px}.quick-search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600}.quick-search-title{font-size:16px}.quick-search-shortcut{font-size:12px;color:#94a3b8}.quick-search-input-row{display:flex;align-items:center;gap:8px;background:#1a1d25;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px}.quick-search-icon{font-size:16px}.quick-search-input{flex:1;background:transparent;border:none;color:#e2e8f0;outline:none;font-size:15px}.quick-search-close{border:1px solid rgba(255,255,255,.15);background:#11131a;color:#cbd5e1;padding:4px 8px;border-radius:6px;cursor:pointer}.quick-search-results{margin-top:12px;max-height:380px;overflow:auto;display:flex;flex-direction:column;gap:8px}.quick-search-empty{text-align:center;padding:28px 8px;color:#94a3b8}.empty-icon{font-size:20px;margin-bottom:6px}.empty-text{font-weight:600}.empty-hint{font-size:13px}.quick-search-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;background:#161922;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer;color:#e2e8f0}.quick-search-item.focused{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5;background:#1c1f2b}.quick-search-item.disabled{opacity:.55;cursor:not-allowed}.item-icon{font-size:18px}.item-content{display:flex;flex-direction:column;gap:4px}.item-header{display:flex;gap:8px;align-items:center}.item-name{font-weight:700}.item-category{font-size:12px;color:#cbd5e1;padding:2px 6px;border-radius:999px;background:#ffffff0f}.item-description{font-size:13px;color:#cbd5e1}.item-meta{display:flex;gap:6px;flex-wrap:wrap}.item-badge{font-size:12px;padding:2px 6px;border-radius:6px;background:#4f46e526;color:#c7d2fe}.item-badge.warning{background:#f8b40033;color:#f8b400}.item-enter{font-size:12px;color:#94a3b8}@media(max-width:640px){.quick-search-modal{padding:12px}.quick-search-input-row{padding:8px 10px}.quick-search-results{max-height:320px}}.layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #000000)}.layout-body{display:flex;flex:1;position:relative;width:100%;min-height:calc(100vh - 120px)}.layout-main{flex:1;padding:24px;overflow-x:hidden;width:100%;min-height:calc(100vh - 120px)}.layout-content{max-width:1400px;margin:0 auto;width:100%}@media(max-width:768px){.layout-main{padding:16px}}@media(max-width:480px){.layout-main{padding:12px}.layout-content{max-width:100%}}.favorite-button{background:none;border:none;cursor:pointer;padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;color:var(--text-secondary, #666)}.favorite-button:hover{background-color:#ffc1071a;color:var(--warning-color, #ffc107);transform:scale(1.1)}.favorite-button.favorited{color:var(--warning-color, #ffc107)}.favorite-button.favorited:hover{color:var(--warning-dark, #ff9800)}.favorite-button:active{transform:scale(.95)}.favorite-button svg{transition:all .2s ease}.favorite-button.favorited svg{animation:favoriteAdded .3s ease}@keyframes favoriteAdded{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}[data-theme=dark] .favorite-button{color:var(--text-secondary, #aaa)}[data-theme=dark] .favorite-button:hover{background-color:#ffc10726}.tool-container{width:100%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--border-color, #e0e0e0)}.tool-title-section{display:flex;gap:16px;align-items:center}.tool-icon-large{font-size:48px;flex-shrink:0}.tool-info{display:flex;flex-direction:column;gap:4px}.tool-title{margin:0;font-size:28px;font-weight:700;color:var(--text-primary, #000);line-height:1.2}.tool-description{margin:0;font-size:14px;color:var(--text-secondary, #666);line-height:1.4}.tool-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.tool-category-badge{padding:6px 12px;background-color:var(--badge-bg, #007bff);color:#fff;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.tool-content{min-height:200px}[data-theme=dark] .tool-header{border-bottom-color:#3d3d3d}[data-theme=dark] .tool-category-badge{background-color:#06c}@media(max-width:768px){.tool-header{flex-direction:column;gap:16px}.tool-title{font-size:24px}.tool-icon-large{font-size:40px}.tool-category-badge{align-self:flex-start}}@media(max-width:480px){.tool-title-section{gap:12px}.tool-icon-large{font-size:36px}.tool-title{font-size:20px}.tool-description{font-size:13px}}