@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-active:#4338ca;--primary-light:#818cf8;--primary-lighter:#a5b4fc;--primary-bg:rgba(99,102,241,.08);--primary-bg-strong:rgba(99,102,241,.15);--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-primary-hover:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-accent:linear-gradient(135deg,#f59e0b,#ef4444);--bg-page:#f8fafc;--bg-primary:#fff;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-elevated:#fff;--bg-hover:rgba(99,102,241,.04);--bg-active:rgba(99,102,241,.08);--bg-glow-1:rgba(99,102,241,.08);--bg-glow-2:rgba(139,92,246,.06);--bg-glow-3:rgba(245,158,11,.05);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--text-link:#6366f1;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-light:rgba(226,232,240,.6);--border-glass:hsla(0,0%,100%,.4);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(15,23,42,.04);--shadow-sm:0 2px 4px rgba(99,102,241,.06),0 1px 2px rgba(15,23,42,.04);--shadow-md:0 4px 12px rgba(99,102,241,.08),0 2px 4px rgba(15,23,42,.04);--shadow-lg:0 12px 32px rgba(99,102,241,.12),0 4px 8px rgba(15,23,42,.06);--shadow-xl:0 24px 48px rgba(99,102,241,.18),0 8px 16px rgba(15,23,42,.08);--shadow-glow:0 0 24px rgba(99,102,241,.25);--shadow-glow-strong:0 0 32px rgba(99,102,241,.4);--glass-bg:hsla(0,0%,100%,.7);--glass-bg-strong:hsla(0,0%,100%,.85);--glass-border:hsla(0,0%,100%,.5);--glass-blur:blur(20px) saturate(180%);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--header-height:64px;--sider-width:220px;--sider-width-collapsed:80px;--footer-height:40px;--content-padding:16px;--max-content-width:1200px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:32px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:400ms cubic-bezier(0.34,1.56,0.64,1);--success-color:#10b981;--success-bg:rgba(16,185,129,.1);--warning-color:#f59e0b;--warning-bg:rgba(245,158,11,.1);--error-color:#ef4444;--error-bg:rgba(239,68,68,.1);--info-color:#3b82f6;--info-bg:rgba(59,130,246,.1);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:1000;--z-tooltip:1100;--z-toast:1200}[data-theme=dark]{--primary-color:#818cf8;--primary-hover:#a5b4fc;--primary-active:#6366f1;--primary-light:#a5b4fc;--primary-lighter:#c7d2fe;--primary-bg:rgba(129,140,248,.15);--primary-bg-strong:rgba(129,140,248,.25);--gradient-primary:linear-gradient(135deg,#818cf8,#a78bfa);--gradient-primary-hover:linear-gradient(135deg,#6366f1,#8b5cf6);--bg-page:#0b1120;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--bg-hover:rgba(129,140,248,.08);--bg-active:rgba(129,140,248,.15);--bg-glow-1:rgba(99,102,241,.18);--bg-glow-2:rgba(139,92,246,.12);--bg-glow-3:rgba(245,158,11,.08);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-inverse:#0f172a;--text-link:#a5b4fc;--border-color:#334155;--border-hover:#475569;--border-light:rgba(51,65,85,.5);--border-glass:rgba(99,102,241,.2);--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 2px 4px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3);--shadow-lg:0 12px 32px rgba(0,0,0,.6),0 4px 8px rgba(0,0,0,.4);--shadow-xl:0 24px 48px rgba(0,0,0,.7),0 8px 16px rgba(0,0,0,.5);--shadow-glow:0 0 24px rgba(129,140,248,.35);--shadow-glow-strong:0 0 32px rgba(129,140,248,.5);--glass-bg:rgba(15,23,42,.6);--glass-bg-strong:rgba(15,23,42,.8);--glass-border:rgba(99,102,241,.2)}:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Monaco","Menlo","Consolas","Courier New",monospace}[data-theme=light]{--ant-color-primary:#6366f1;--ant-color-primary-hover:#4f46e5;--ant-color-primary-active:#4338ca;--ant-color-primary-bg:rgba(99,102,241,.08);--ant-color-primary-bg-hover:rgba(99,102,241,.12);--ant-color-primary-border:rgba(99,102,241,.2);--ant-color-primary-border-hover:rgba(99,102,241,.35);--ant-color-primary-text:#6366f1;--ant-color-primary-text-hover:#4f46e5;--ant-color-primary-text-active:#4338ca;--ant-color-bg-container:#fff;--ant-color-bg-elevated:#fff;--ant-color-bg-layout:#f8fafc;--ant-color-bg-spotlight:#fff;--ant-color-bg-mask:rgba(15,23,42,.45);--ant-color-text:#0f172a;--ant-color-text-secondary:#475569;--ant-color-text-tertiary:#94a3b8;--ant-color-text-quaternary:#cbd5e1;--ant-color-border:#e2e8f0;--ant-color-border-secondary:#f1f5f9;--ant-color-split:#e2e8f0;--ant-color-link:#6366f1;--ant-color-link-hover:#4f46e5;--ant-color-link-active:#4338ca;--ant-color-success:#10b981;--ant-color-warning:#f59e0b;--ant-color-error:#ef4444;--ant-color-info:#3b82f6;--ant-border-radius:10px;--ant-border-radius-lg:16px;--ant-border-radius-sm:6px;--ant-box-shadow:0 4px 12px rgba(99,102,241,.08);--ant-box-shadow-secondary:0 2px 4px rgba(99,102,241,.06)}[data-theme=dark]{--ant-color-primary:#818cf8;--ant-color-primary-hover:#a5b4fc;--ant-color-primary-active:#6366f1;--ant-color-primary-bg:rgba(129,140,248,.15);--ant-color-primary-bg-hover:rgba(129,140,248,.22);--ant-color-primary-border:rgba(129,140,248,.3);--ant-color-primary-border-hover:rgba(129,140,248,.5);--ant-color-primary-text:#a5b4fc;--ant-color-primary-text-hover:#c7d2fe;--ant-color-primary-text-active:#818cf8;--ant-color-bg-container:#0f172a;--ant-color-bg-elevated:#1e293b;--ant-color-bg-layout:#0b1120;--ant-color-bg-spotlight:#1e293b;--ant-color-bg-mask:rgba(0,0,0,.65);--ant-color-text:#f1f5f9;--ant-color-text-secondary:#cbd5e1;--ant-color-text-tertiary:#94a3b8;--ant-color-text-quaternary:#64748b;--ant-color-border:#334155;--ant-color-border-secondary:#1e293b;--ant-color-split:#334155;--ant-color-link:#a5b4fc;--ant-color-link-hover:#c7d2fe;--ant-color-link-active:#818cf8;--ant-color-success:#34d399;--ant-color-warning:#fbbf24;--ant-color-error:#f87171;--ant-color-info:#60a5fa;--ant-border-radius:10px;--ant-border-radius-lg:16px;--ant-border-radius-sm:6px;--ant-box-shadow:0 4px 12px rgba(0,0,0,.5);--ant-box-shadow-secondary:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .ant-card,html[data-theme=dark] .ant-card{background:var(--ant-color-bg-elevated)!important;border-color:var(--ant-color-border)!important;color:var(--ant-color-text)!important}[data-theme=dark] .ant-card-head,html[data-theme=dark] .ant-card-head{background:transparent!important;border-color:var(--ant-color-border)!important;color:var(--ant-color-text)!important}[data-theme=dark] .ant-card-body,[data-theme=dark] .ant-card-head-title,[data-theme=dark] .ant-card-meta-description,[data-theme=dark] .ant-card-meta-title,html[data-theme=dark] .ant-card-body,html[data-theme=dark] .ant-card-head-title{color:var(--ant-color-text)!important}[data-theme=dark] .ant-input,[data-theme=dark] .ant-input-affix-wrapper,[data-theme=dark] .ant-input-number,html[data-theme=dark] .ant-input,html[data-theme=dark] .ant-input-affix-wrapper,html[data-theme=dark] .ant-input-number{background:var(--ant-color-bg-container)!important;border-color:var(--ant-color-border)!important;color:var(--ant-color-text)!important}[data-theme=dark] .ant-input::-moz-placeholder,html[data-theme=dark] .ant-input::-moz-placeholder{color:var(--ant-color-text-tertiary)!important}[data-theme=dark] .ant-input::placeholder,html[data-theme=dark] .ant-input::placeholder{color:var(--ant-color-text-tertiary)!important}[data-theme=dark] .ant-input-affix-wrapper-focused,[data-theme=dark] .ant-input-focused,[data-theme=dark] .ant-input:focus,[data-theme=dark] .ant-input:hover,html[data-theme=dark] .ant-input-affix-wrapper-focused,html[data-theme=dark] .ant-input-focused,html[data-theme=dark] .ant-input:focus,html[data-theme=dark] .ant-input:hover{border-color:var(--ant-color-primary)!important}[data-theme=dark] .ant-collapse,[data-theme=dark] .ant-collapse-content,[data-theme=dark] .ant-collapse-content-box,[data-theme=dark] .ant-collapse-header,[data-theme=dark] .ant-collapse-item,html[data-theme=dark] .ant-collapse,html[data-theme=dark] .ant-collapse-content,html[data-theme=dark] .ant-collapse-content-box,html[data-theme=dark] .ant-collapse-header,html[data-theme=dark] .ant-collapse-item{background:var(--ant-color-bg-elevated)!important;border-color:var(--ant-color-border)!important;color:var(--ant-color-text)!important}[data-theme=dark] .ant-checkbox-wrapper,[data-theme=dark] .ant-radio-wrapper,html[data-theme=dark] .ant-checkbox-wrapper,html[data-theme=dark] .ant-radio-wrapper{color:var(--ant-color-text)!important}[data-theme=dark] .ant-tag,html[data-theme=dark] .ant-tag{color:var(--ant-color-text)!important;background:var(--ant-color-bg-container)!important;border-color:var(--ant-color-border)!important}[data-theme=dark] .ant-divider,html[data-theme=dark] .ant-divider{border-color:var(--ant-color-border)!important;background:var(--ant-color-border)!important}[data-theme=dark] .ant-message,[data-theme=dark] .ant-message-notice-content,[data-theme=dark] .ant-result-subtitle,[data-theme=dark] .ant-result-title,[data-theme=dark] .ant-space,[data-theme=dark] .ant-tooltip,html[data-theme=dark] .ant-message,html[data-theme=dark] .ant-message-notice-content,html[data-theme=dark] .ant-result-subtitle,html[data-theme=dark] .ant-result-title,html[data-theme=dark] .ant-space,html[data-theme=dark] .ant-tooltip{color:var(--ant-color-text)!important}[data-theme=dark] .ant-message-notice-content,html[data-theme=dark] .ant-message-notice-content{background:var(--ant-color-bg-elevated)!important;border:1px solid var(--ant-color-border)!important}[data-theme=dark] .ant-btn-default,html[data-theme=dark] .ant-btn-default{background:var(--ant-color-bg-elevated)!important;border-color:var(--ant-color-border)!important;color:var(--ant-color-text)!important}[data-theme=dark] .ant-btn-default:hover,html[data-theme=dark] .ant-btn-default:hover{border-color:var(--ant-color-primary)!important;color:var(--ant-color-primary)!important}[data-theme=dark] .ant-btn-link,html[data-theme=dark] .ant-btn-link{color:var(--ant-color-primary)!important}[data-theme=dark] .ant-form-item,[data-theme=dark] .ant-form-item-label>label,html[data-theme=dark] .ant-form-item,html[data-theme=dark] .ant-form-item-label>label{color:var(--ant-color-text)!important}[data-theme=dark] .ant-layout,[data-theme=dark] .ant-layout-content,[data-theme=dark] .ant-layout-footer,[data-theme=dark] .ant-layout-header,html[data-theme=dark] .ant-layout,html[data-theme=dark] .ant-layout-content,html[data-theme=dark] .ant-layout-footer{background:transparent!important}[data-theme=dark] .ant-layout-footer,html[data-theme=dark] .ant-layout-footer{color:var(--ant-color-text-secondary)!important}[data-theme=dark] .ant-menu,[data-theme=dark] .ant-menu-inline,[data-theme=dark] .ant-menu-sub,[data-theme=dark] .ant-menu-vertical,html[data-theme=dark] .ant-menu,html[data-theme=dark] .ant-menu-inline,html[data-theme=dark] .ant-menu-sub,html[data-theme=dark] .ant-menu-vertical{background:transparent!important;color:var(--ant-color-text)!important;border-color:transparent!important}[data-theme=dark] .ant-menu-item,[data-theme=dark] .ant-menu-item:hover,html[data-theme=dark] .ant-menu-item,html[data-theme=dark] .ant-menu-item:hover{color:var(--ant-color-text-secondary)!important}[data-theme=dark] .ant-menu-item-selected,html[data-theme=dark] .ant-menu-item-selected{background:var(--ant-color-primary-bg)!important;color:var(--ant-color-primary)!important}[data-theme=dark] .ant-menu-item-selected:after,html[data-theme=dark] .ant-menu-item-selected:after{border-color:transparent!important}[data-theme=dark] .ant-menu-title-content,html[data-theme=dark] .ant-menu-title-content{color:inherit!important}[data-theme=dark] .ant-layout-sider-trigger,html[data-theme=dark] .ant-layout-sider-trigger{background:transparent!important;color:var(--ant-color-text-secondary)!important;border-top:1px solid var(--ant-color-border)!important}[data-theme=dark] .ant-menu-dark,html[data-theme=dark] .ant-menu-dark{background:transparent!important;color:var(--ant-color-text)!important}[data-theme=dark] .ant-menu-horizontal,html[data-theme=dark] .ant-menu-horizontal{border-bottom:none!important}[data-theme=dark] .ant-drawer-content,[data-theme=dark] .ant-drawer-header,[data-theme=dark] .ant-modal-content,[data-theme=dark] .ant-modal-header,[data-theme=dark] .ant-select-dropdown,[data-theme=dark] .ant-select-selector,html[data-theme=dark] .ant-drawer-content,html[data-theme=dark] .ant-drawer-header,html[data-theme=dark] .ant-modal-content,html[data-theme=dark] .ant-modal-header,html[data-theme=dark] .ant-select-dropdown,html[data-theme=dark] .ant-select-selector{background:var(--ant-color-bg-elevated)!important;color:var(--ant-color-text)!important;border-color:var(--ant-color-border)!important}[data-theme=dark] .ant-select-item,html[data-theme=dark] .ant-select-item{color:var(--ant-color-text)!important}[data-theme=dark] .ant-select-item-option-selected,html[data-theme=dark] .ant-select-item-option-selected{background:var(--ant-color-primary-bg)!important}[data-theme=dark] .ant-table,[data-theme=dark] .ant-table-tbody>tr>td,[data-theme=dark] .ant-table-thead>tr>th,html[data-theme=dark] .ant-table,html[data-theme=dark] .ant-table-tbody>tr>td,html[data-theme=dark] .ant-table-thead>tr>th{background:var(--ant-color-bg-elevated)!important;border-color:var(--ant-color-border)!important;color:var(--ant-color-text)!important}[data-theme=dark] .jsoneditor,[data-theme=dark] .jsoneditor-bg,[data-theme=dark] .jsoneditor-panel,html[data-theme=dark] .jsoneditor,html[data-theme=dark] .jsoneditor-bg,html[data-theme=dark] .jsoneditor-panel{background:var(--ant-color-bg-elevated)!important}[data-theme=dark] .jsoneditor *,html[data-theme=dark] .jsoneditor *{color:var(--ant-color-text)!important;border-color:var(--ant-color-border)!important}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.glass-card:hover{box-shadow:var(--shadow-lg)}.glass-card-strong{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-page-glow{background:radial-gradient(ellipse 800px 400px at 20% 0,var(--bg-glow-1),transparent),radial-gradient(ellipse 600px 400px at 80% 100%,var(--bg-glow-2),transparent),radial-gradient(ellipse 500px 300px at 50% 50%,var(--bg-glow-3),transparent),var(--bg-page)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.btn-gradient{background:var(--gradient-primary)!important;border:none!important;color:#fff!important;font-weight:500;border-radius:var(--radius-md)!important;box-shadow:0 4px 12px rgba(99,102,241,.3);transition:all var(--transition-normal)}.btn-gradient:hover{background:var(--gradient-primary-hover)!important;box-shadow:0 6px 20px rgba(99,102,241,.4);transform:translateY(-1px)}.btn-gradient:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(99,102,241,.3)}.btn-gradient-accent{background:var(--gradient-accent)!important;border:none!important;color:#fff!important;font-weight:500;border-radius:var(--radius-md)!important;box-shadow:0 4px 12px rgba(245,158,11,.3);transition:all var(--transition-normal)}.btn-gradient-accent:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,158,11,.4);filter:brightness(1.05)}.float-card{transition:all var(--transition-normal)}.float-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.glow-primary{box-shadow:var(--shadow-glow)}.glow-primary-strong{box-shadow:var(--shadow-glow-strong)}.input-focus-bar{position:relative}.input-focus-bar:before{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--gradient-primary);border-radius:2px;transition:all var(--transition-normal);transform:translateX(-50%)}.input-focus-bar:focus-within:before{width:100%}.theme-icon-enter-active,.theme-icon-leave-active{transition:all var(--transition-normal)}.theme-icon-enter-from{opacity:0;transform:rotate(-180deg) scale(.5)}.theme-icon-leave-to{opacity:0;transform:rotate(180deg) scale(.5)}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{-webkit-animation:fadeInUp var(--transition-slow) ease-out;animation:fadeInUp var(--transition-slow) ease-out}@-webkit-keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);background-size:200% 100%;-webkit-animation:shimmer 2s linear infinite;animation:shimmer 2s linear infinite}.tool-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:24px;box-shadow:var(--shadow-md);flex-shrink:0}.tool-badge-accent{background:var(--gradient-accent);box-shadow:0 4px 12px rgba(245,158,11,.3)}[data-theme=dark] .tool-badge{box-shadow:0 4px 12px rgba(129,140,248,.4)}.menu-indicator{position:relative}.menu-indicator:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--gradient-primary);border-radius:0 2px 2px 0;transition:height var(--transition-normal)}.menu-indicator.active:before{height:60%}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tool-page{height:100%;flex-direction:column;-webkit-animation:fadeInUp var(--transition-slow) ease-out;animation:fadeInUp var(--transition-slow) ease-out}.tool-page,.tool-page-header{display:flex;gap:var(--space-4)}.tool-page-header{align-items:center;padding:var(--space-5) var(--space-6);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-2);transition:all var(--transition-normal)}.tool-page-header:hover{box-shadow:var(--shadow-md)}.tool-page-header-content{flex:1;min-width:0}.tool-page-header-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0 0 4px 0;display:flex;align-items:center;gap:var(--space-2)}.tool-page-header-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0}.tool-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-shrink:0;overflow:hidden}.tool-card:hover{box-shadow:var(--shadow-md)}.tool-card.flex-card{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.tool-card :deep(.ant-card-head){background:transparent;border-bottom:1px solid var(--border-color);padding:0 var(--space-5);min-height:52px}.tool-card :deep(.ant-card-head-title){font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);padding:var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.tool-card :deep(.ant-card-head-title:before){content:"";width:3px;height:14px;background:var(--gradient-primary);border-radius:2px}.tool-card :deep(.ant-card-body){padding:var(--space-5)}.tool-card-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.tool-card-title:before{content:"";width:3px;height:14px;background:var(--gradient-primary);border-radius:2px}.tool-textarea{width:100%;resize:none;font-family:var(--font-mono);font-size:var(--font-size-sm);border-radius:var(--radius-md)!important;transition:all var(--transition-normal)}.tool-textarea:focus{box-shadow:0 0 0 3px var(--primary-bg)}.tool-actions{flex-wrap:wrap}.tool-actions,.tool-result-item{display:flex;align-items:center;gap:var(--space-3)}.tool-result-item{padding:var(--space-3) 0;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.tool-result-item:hover{background:var(--bg-hover);border-radius:var(--radius-sm);padding-left:var(--space-2);padding-right:var(--space-2)}.tool-result-item:last-child{border-bottom:none}.tool-result-label{color:var(--text-secondary);font-size:var(--font-size-sm);min-width:100px;font-weight:var(--font-weight-medium)}.tool-result-value{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all;flex:1;background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.tool-error{color:var(--error-color);font-size:var(--font-size-sm);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--error-bg);border-radius:var(--radius-sm);border-left:3px solid var(--error-color);display:flex;align-items:center;gap:var(--space-2)}.tool-btn{background:var(--gradient-primary)!important;border:none!important;color:#fff!important;border-radius:var(--radius-md)!important;font-weight:var(--font-weight-medium);box-shadow:0 4px 12px rgba(99,102,241,.3);transition:all var(--transition-normal)}.tool-btn:hover{background:var(--gradient-primary-hover)!important;box-shadow:0 6px 20px rgba(99,102,241,.4);transform:translateY(-1px)}.tool-btn:active{transform:translateY(0) scale(.98)}.tool-btn-accent{background:var(--gradient-accent)!important;border:none!important;color:#fff!important;border-radius:var(--radius-md)!important;font-weight:var(--font-weight-medium);box-shadow:0 4px 12px rgba(245,158,11,.3);transition:all var(--transition-normal)}.tool-btn-accent:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,158,11,.4);filter:brightness(1.05)}.tool-copy-btn{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.tool-copy-btn:hover{color:var(--primary-color);background:var(--primary-bg)}.tool-two-column{height:100%}.tool-column,.tool-two-column{display:flex;gap:var(--space-4)}.tool-column{flex:1;flex-direction:column;min-width:0}.tool-image-preview{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);border:1px dashed var(--border-color)}.tool-image-preview img{max-width:100%;max-height:240px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.tool-upload{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px dashed var(--border-hover);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm)}.tool-upload:hover{background:var(--primary-bg);border-color:var(--primary-color);color:var(--primary-color)}.tool-upload input[type=file]{display:none}@media (max-width:768px){.tool-page-header{padding:var(--space-3) var(--space-4)}.tool-page-header-title{font-size:var(--font-size-lg)}.tool-page-header-desc{font-size:var(--font-size-xs)}.tool-two-column{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app,body,html{width:100%;height:100%;color:var(--text-primary)}#app{background-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--border-hover);background-clip:padding-box;border:2px solid transparent}::-moz-selection{background:var(--primary-color);color:var(--text-inverse)}::selection{background:var(--primary-color);color:var(--text-inverse)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.mono,code,pre{font-family:var(--font-mono);font-feature-settings:"liga" 0}.cursor-pointer{cursor:pointer}.text-mono{font-family:var(--font-mono)}.text-center{text-align:center}.ant-btn{border-radius:var(--radius-md)!important;transition:all var(--transition-normal)}.ant-btn:active{transform:scale(.98)}.ant-card{border-radius:var(--radius-lg)!important;transition:all var(--transition-normal)}.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-picker,.ant-select-selector{border-radius:var(--radius-md)!important;transition:all var(--transition-normal)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.btn-primary{background:var(--gradient-primary)!important;border:none!important;color:#fff!important;font-weight:500}.btn-primary:hover{background:var(--gradient-primary-hover)!important;box-shadow:0 6px 20px rgba(99,102,241,.4);transform:translateY(-1px)}.input-style{border-color:var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-normal)}.input-style:hover{border-color:var(--primary-light)}.input-style:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg)}