:root{--primary-color:#0d6efd;--primary-hover:#0b5ed7;--primary-light:#3b82f6;--primary-bg:rgba(13,110,253,.1);--bg-primary:#fff;--bg-secondary:#f5f7fa;--bg-tertiary:#eef1f5;--bg-hover:rgba(0,0,0,.04);--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--border-color:#e5e7eb;--border-hover:#d1d5db;--border-radius:6px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--header-height:64px;--sider-width:220px;--footer-height:40px;--content-padding:8px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444}[data-theme=dark]{--primary-color:#3b82f6;--primary-hover:#60a5fa;--primary-light:#93c5fd;--primary-bg:rgba(59,130,246,.15);--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--bg-hover:hsla(0,0%,100%,.05);--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-inverse:#111827;--border-color:#374151;--border-hover:#4b5563;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5)}.tool-container{height:100%;width:100%;display:flex;flex-direction:column;gap:6px;overflow:hidden}.tool-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px;flex-shrink:0}.tool-card.flex-card{flex:1;display:flex;flex-direction:column;overflow:hidden}.tool-card-title{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:12px}.tool-textarea{width:100%;resize:none}.tool-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-result-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-color)}.tool-result-item:last-child{border-bottom:none}.tool-result-label{color:var(--text-secondary);font-size:13px;min-width:80px}.tool-result-value{color:var(--text-primary);font-family:Monaco,Menlo,monospace;font-size:13px;word-break:break-all}.tool-error{color:var(--error-color);font-size:13px;margin-top:8px}.tool-btn{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important;border-radius:var(--border-radius)!important;font-weight:500}.tool-btn:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.tool-copy-btn{color:var(--text-secondary)}.tool-copy-btn:hover{color:var(--primary-color)}.tool-two-column{display:flex;gap:var(--content-padding);height:100%}.tool-column{flex:1;min-width:0}.tool-column,.tool-image-preview{display:flex;flex-direction:column}.tool-image-preview{background:var(--bg-tertiary);border-radius:var(--border-radius);padding:12px;align-items:center;gap:8px}.tool-image-preview img{max-width:100%;max-height:200px;border-radius:var(--border-radius)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,body,html{width:100%;height:100%;color:var(--text-primary);background-color:var(--bg-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::-moz-selection{background:var(--primary-color);color:var(--text-inverse)}::selection{background:var(--primary-color);color:var(--text-inverse)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--content-padding);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--text-inverse)!important}.btn-primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.input-style{border-color:var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.input-style:focus,.input-style:hover{border-color:var(--primary-color)}.input-style:focus{box-shadow:0 0 0 2px var(--primary-bg)}[data-theme=dark] .ant-card,[data-theme=dark] .ant-card-head{background-color:#1f2937!important;border-color:#374151!important}[data-theme=dark] .ant-card-head-title{color:#f9fafb!important}[data-theme=dark] .ant-card-body,[data-theme=dark] .ant-input{color:#f9fafb!important;background-color:#1f2937!important}[data-theme=dark] .ant-input{border-color:#374151!important}[data-theme=dark] .ant-input::-moz-placeholder{color:#6b7280!important}[data-theme=dark] .ant-input::placeholder{color:#6b7280!important}[data-theme=dark] .ant-input-focused,[data-theme=dark] .ant-input:focus,[data-theme=dark] .ant-input:hover{border-color:#3b82f6!important}[data-theme=dark] .ant-input-affix-wrapper,[data-theme=dark] .ant-input-number{background-color:#1f2937!important;border-color:#374151!important}[data-theme=dark] .ant-input-number{color:#f9fafb!important}[data-theme=dark] .ant-input-number-input{background-color:#1f2937!important;color:#f9fafb!important}[data-theme=dark] .ant-collapse{background-color:#1f2937!important;border-color:#374151!important}[data-theme=dark] .ant-collapse-item{border-color:#374151!important}[data-theme=dark] .ant-collapse-header{color:#f9fafb!important;background-color:#1f2937!important}[data-theme=dark] .ant-collapse-content{background-color:#1f2937!important;border-color:#374151!important}[data-theme=dark] .ant-collapse-content-box{color:#f9fafb!important;background-color:#1f2937!important}[data-theme=dark] .ant-radio-group,[data-theme=dark] .ant-radio-wrapper{color:#f9fafb!important}[data-theme=dark] .ant-tag{color:#f9fafb!important}[data-theme=dark] .ant-divider,[data-theme=dark] .ant-tag{background-color:#374151!important}[data-theme=dark] .ant-result,[data-theme=dark] .ant-result-title{color:#f9fafb!important}[data-theme=dark] .ant-result-subtitle{color:#d1d5db!important}[data-theme=dark] .ant-message,[data-theme=dark] .ant-space,[data-theme=dark] .ant-tooltip{color:#f9fafb!important}[data-theme=dark] .jsoneditor{background-color:#1f2937!important;border-color:#374151!important}[data-theme=dark] .jsoneditor *{color:#f9fafb!important}[data-theme=dark] .ant-btn-default{background-color:#1f2937!important;border-color:#374151!important;color:#f9fafb!important}[data-theme=dark] .ant-btn-link{color:#93c5fd!important}[data-theme=dark] .ant-form-item,[data-theme=dark] .ant-form-item-label>label{color:#f9fafb!important}html[data-theme=dark] .ant-layout-content,html[data-theme=dark] .ant-layout-footer,html[data-theme=dark] .ant-layout-header,html[data-theme=dark] .ant-layout-sider,html[data-theme=dark] .ant-layout-sider .ant-layout-sider-children{background:#1f2937!important}html[data-theme=dark] .ant-layout-footer{color:#d1d5db!important}html[data-theme=dark] #app,html[data-theme=dark] .content-container,html[data-theme=dark] .content-wrapper,html[data-theme=dark] .main-layout,html[data-theme=dark] .side-menu,html[data-theme=dark] body{background:#111827!important}html[data-theme=dark] .ant-layout-sider-trigger{background:#1f2937!important;color:#d1d5db!important}html[data-theme=dark] .ant-menu,html[data-theme=dark] .ant-menu-inline,html[data-theme=dark] .ant-menu-sub{background:transparent!important}html[data-theme=dark] .ant-menu-item,html[data-theme=dark] .ant-menu-item:hover{color:hsla(0,0%,100%,.65)!important}html[data-theme=dark] .ant-menu-item-selected{background:rgba(24,144,255,.2)!important;color:#fff!important}[data-theme=dark] .content-container,[data-theme=dark] .content-wrapper,[data-theme=dark] .main-layout{background:#111827!important}