.wc-tool .wc-panels{margin: 0 -10px}.wc-tool .form-control-group{margin-bottom: 18px}.wc-tool .form-control-group-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.wc-tool .wc-status{font-size: 12px;font-weight: 400;color: #6b7280}.wc-tool .control-label{font-size: 13px;font-weight: 600;color: #111827;margin-bottom: 4px}.wc-tool .wc-chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 4px}.wc-tool .wc-chip{border: 1px solid #e2e8f0;background: #fff;color: #475569;font-size: 12px;padding: 4px 12px;border-radius: 999px;cursor: pointer;transition: all 0.15s ease}.wc-tool .wc-chip:hover{border-color: #1d4ed8;color: #1d4ed8}.wc-tool .wc-chip.is-active{background: #1d4ed8;border-color: #1d4ed8;color: #fff}.wc-tool .wc-meta{font-size: 12px;color: #6b7280;margin-top: 4px}.wc-tool .wc-hero{background: #eff6ff;border: 1px solid #bfdbfe;border-left: 4px solid #1d4ed8;border-radius: 10px;padding: 18px 16px;margin-bottom: 14px;text-align: center}.wc-tool .wc-hero-badges{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 10px;min-height: 20px;justify-content: center}.wc-tool .wc-badge{display: inline-block;padding: 2px 10px;font-size: 11px;font-weight: 600;border-radius: 999px;text-transform: uppercase;letter-spacing: 0.03em}.wc-tool .wc-badge-region{background: #dbeafe;color: #1e40af}.wc-tool .wc-badge-dst{background: #dcfce7;color: #166534}.wc-tool .wc-badge-nodst{background: #f1f5f9;color: #64748b}.wc-tool .wc-hero-dial{display: block;font-size: 56px;font-weight: 700;color: #1e3a8a;line-height: 1.1;font-family: 'SFMono-Regular',Menlo,Consolas,monospace}.wc-tool .wc-hero-name{margin-top: 4px;font-size: 16px;color: #1e40af;font-weight: 600}.wc-tool .wc-hero-clock{margin-top: 8px;font-size: 22px;color: #0f172a;font-weight: 700;font-family: 'SFMono-Regular',Menlo,Consolas,monospace}.wc-tool .wc-empty{text-align: center;padding: 24px 10px;color: #94a3b8;font-size: 13px}.wc-tool .wc-empty i{font-size: 28px;display: block;margin-bottom: 6px}.wc-tool .wc-list-wrap{border: 1px solid #e2e8f0;border-radius: 10px;overflow: hidden}.wc-tool .wc-list-header{display: flex;justify-content: space-between;padding: 8px 12px;background: #f8fafc;border-bottom: 1px solid #e2e8f0;font-size: 12px;font-weight: 600;color: #475569}.wc-tool .wc-list{max-height: 420px;overflow-y: auto}.wc-tool .wc-item{display: flex;justify-content: space-between;align-items: center;padding: 7px 12px;border-bottom: 1px solid #f1f5f9;cursor: pointer;transition: background 0.1s ease;gap: 10px}.wc-tool .wc-item:hover{background: #f1f5f9}.wc-tool .wc-item.is-active{background: #dbeafe}.wc-tool .wc-item-name{font-size: 13.5px;font-weight: 600;color: #1d4ed8}.wc-tool .wc-item-sub{font-size: 11.5px;color: #64748b}.wc-tool .wc-item-right{text-align: right}.wc-tool .wc-item-dial{font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 13px;font-weight: 700;color: #1d4ed8}.wc-tool .wc-item-time{font-size: 11.5px;color: #64748b}.wc-tool .wc-noresult{text-align: center;padding: 24px 10px;color: #94a3b8;font-size: 13px}.wc-tool .wc-noresult i{font-size: 24px;display: block;margin-bottom: 6px}.wc-tool .wc-tips{display: flex;flex-direction: column;gap: 10px}.wc-tool .wc-tip{display: flex;gap: 8px;font-size: 12.5px;line-height: 1.5}.wc-tool .wc-tip-k{flex: 0 0 auto;font-weight: 600;color: #1d4ed8;min-width: 110px}.wc-tool .wc-tip-v{color: #4b5563}:root[data-theme="dark"] .wc-tool .wc-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .wc-tool .wc-status{color: #9ca3af}:root[data-theme="dark"] .wc-tool .control-label{color: #e5e7eb}:root[data-theme="dark"] .wc-tool .form-control{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .wc-tool .form-control::placeholder{color: #6b7280}:root[data-theme="dark"] .wc-tool .wc-meta{color: #9ca3af}:root[data-theme="dark"] .wc-tool .wc-chip{background: transparent;border-color: #37423d;color: #cbd5e1}:root[data-theme="dark"] .wc-tool .wc-chip:hover{border-color: #60a5fa;color: #93c5fd}:root[data-theme="dark"] .wc-tool .wc-chip.is-active{background: #1d4ed8;border-color: #1d4ed8;color: #fff}:root[data-theme="dark"] .wc-tool .wc-hero{background: #161a18;border-color: #2a312e;border-left-color: #1d4ed8}:root[data-theme="dark"] .wc-tool .wc-hero-dial{color: #93c5fd}:root[data-theme="dark"] .wc-tool .wc-hero-name{color: #93c5fd}:root[data-theme="dark"] .wc-tool .wc-hero-clock{color: #e5e7eb}:root[data-theme="dark"] .wc-tool .wc-badge-region{background: rgba(29,78,216,0.2);color: #93c5fd}:root[data-theme="dark"] .wc-tool .wc-badge-dst{background: rgba(22,163,74,0.2);color: #86efac}:root[data-theme="dark"] .wc-tool .wc-badge-nodst{background: #2a312e;color: #94a3b8}:root[data-theme="dark"] .wc-tool .wc-empty{color: #64748b}:root[data-theme="dark"] .wc-tool .wc-list-wrap{border-color: #2a312e}:root[data-theme="dark"] .wc-tool .wc-list-header{background: #1f2422;border-bottom-color: #2a312e;color: #9ca3af}:root[data-theme="dark"] .wc-tool .wc-item{border-bottom-color: #2a312e}:root[data-theme="dark"] .wc-tool .wc-item:hover{background: #1f2422}:root[data-theme="dark"] .wc-tool .wc-item.is-active{background: rgba(29,78,216,0.25)}:root[data-theme="dark"] .wc-tool .wc-item-name{color: #93c5fd}:root[data-theme="dark"] .wc-tool .wc-item-sub,:root[data-theme="dark"] .wc-tool .wc-item-time{color: #64748b}:root[data-theme="dark"] .wc-tool .wc-item-dial{color: #93c5fd}:root[data-theme="dark"] .wc-tool .wc-noresult{color: #64748b}@media (max-width: 767px){.wc-tool .row-layout{flex-direction: column}.wc-tool .wc-hero-dial{font-size: 40px}.wc-tool .wc-tip{flex-direction: column;gap: 2px}.wc-tool .wc-tip-k{min-width: 0}}