.op-tool .op-panel,.op-tool .row-result{margin-bottom: 16px}.op-body{display: flex;flex-direction: column;gap: 14px}.op-group{display: flex;flex-wrap: wrap;gap: 8px}.op-item{display: inline-flex;align-items: center;gap: 6px;min-height: 34px;padding: 5px 14px;font-size: 14px;color: var(--text-2,#5c615d);background: var(--bg-soft,#f8fafc);border: 1px solid var(--border,#ddd8ca);border-radius: 999px;cursor: pointer;user-select: none}.op-item input{margin: 0;accent-color: var(--primary,#2563eb)}.op-item:hover{border-color: var(--primary,#2563eb);color: var(--text,#0f172a)}.op-hint{font-size: 12px;line-height: 1.6;color: var(--text-3,#8f918a)}.op-hint.mt-1{margin-top: 10px}.op-badge{font-size: 12px;font-weight: 700;padding: 3px 12px;border-radius: 999px;border: 1px solid var(--border,#ddd8ca);background: var(--bg-soft,#f8fafc);color: var(--text-3,#8f918a)}.op-badge.is-ok{background: var(--success-soft,#f0fdf4);color: var(--success,#16a34a);border-color: rgba(22,163,74,0.28)}.op-badge.is-warn{background: var(--warning-soft,#fffbeb);color: var(--warning,#d97706);border-color: rgba(217,119,6,0.28)}.op-badge.is-error{background: var(--danger-soft,#fef2f2);color: var(--danger,#dc2626);border-color: rgba(220,38,38,0.28)}.op-stats{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 10px}.op-stat{padding: 12px 14px;border: 1px solid var(--border,#ddd8ca);border-radius: 12px;background: var(--bg-soft,#f8fafc)}.op-stat.is-active{border-color: var(--primary,#2563eb);background: var(--primary-soft,#eff6ff)}.op-stat-label{font-size: 12px;color: var(--text-3,#8f918a)}.op-stat-value{font-size: 24px;font-weight: 700;line-height: 1.2;margin: 2px 0 4px;color: var(--text,#0f172a);font-variant-numeric: tabular-nums}.op-stat-range{display: flex;flex-direction: column;gap: 2px;font-size: 11px;font-variant-numeric: tabular-nums}.op-stat-range .op-low{color: var(--success,#16a34a)}.op-stat-range .op-high{color: var(--danger,#dc2626)}.op-meta{font-size: 12px;color: var(--text-3,#8f918a)}.op-meta .op-hint{margin-top: 4px}.op-meta-sep{margin: 0 6px;opacity: 0.6}.op-status{font-size: 13px;line-height: 1.6;padding: 9px 12px;border-radius: 10px;border: 1px solid var(--border,#ddd8ca);background: var(--bg-soft,#f8fafc);color: var(--text-2,#5c615d)}.op-status-busy{border-color: rgba(37,99,235,0.28);background: var(--primary-soft,#eff6ff);color: var(--primary,#2563eb)}.op-status-ok{border-color: rgba(22,163,74,0.28);background: var(--success-soft,#f0fdf4);color: var(--success,#16a34a)}.op-status-warn{border-color: rgba(217,119,6,0.28);background: var(--warning-soft,#fffbeb);color: var(--warning,#d97706)}.op-status-error{border-color: rgba(220,38,38,0.28);background: var(--danger-soft,#fef2f2);color: var(--danger,#dc2626)}.op-table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch}.op-table{width: 100%;min-width: 560px;border-collapse: collapse;font-size: 14px;font-variant-numeric: tabular-nums}.op-table th,.op-table td{padding: 9px 10px;text-align: center;border-bottom: 1px solid var(--border,#e5e2d9)}.op-table thead th{position: sticky;top: 0;z-index: 1;font-size: 13px;font-weight: 700;color: var(--text-2,#5c615d);background: var(--bg-soft,#f8fafc);border-bottom: 1px solid var(--border,#ddd8ca);cursor: pointer;white-space: nowrap;user-select: none}.op-table thead th:hover{color: var(--primary,#2563eb)}.op-table tbody tr:hover{background: var(--primary-soft,#eff6ff)}.op-table tbody tr{cursor: copy}.op-table .op-col-area,.op-table .op-col-op{text-align: left}.op-table td.is-low{color: var(--success,#16a34a);font-weight: 700;background: var(--success-soft,#f0fdf4)}.op-table td.is-high{color: var(--danger,#dc2626);font-weight: 700;background: var(--danger-soft,#fef2f2)}.op-compare-pick{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: 12px}.op-compare-out{border: 1px solid var(--border,#ddd8ca);border-radius: 12px;padding: 12px 14px;background: var(--bg-soft,#f8fafc)}.op-compare-title{font-size: 15px;font-weight: 700;color: var(--text,#0f172a);margin-bottom: 8px}.op-compare-sub{font-size: 12px;font-weight: 400;color: var(--text-3,#8f918a);margin-left: 8px}.op-compare-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 6px 0;border-top: 1px dashed var(--border,#e5e2d9);font-size: 13px;font-variant-numeric: tabular-nums}.op-compare-label{color: var(--text-2,#5c615d)}.op-compare-vals{color: var(--text,#0f172a)}.op-compare-diff.is-low{color: var(--success,#16a34a);font-weight: 700}.op-compare-diff.is-high{color: var(--danger,#dc2626);font-weight: 700}.op-compare-total{margin-top: 8px;padding-top: 8px;border-top: 1px solid var(--border,#e5e2d9);font-size: 13px;font-weight: 700;color: var(--text,#0f172a);font-variant-numeric: tabular-nums}[data-theme="dark"] .op-stat,[data-theme="dark"] .op-compare-out,[data-theme="dark"] .op-table thead th{background: var(--bg-soft,#161b22)}[data-theme="dark"] .op-table th,[data-theme="dark"] .op-table td{border-bottom-color: var(--border,#2a3038)}@media (max-width: 767px){.op-table{font-size: 13px}.op-table th,.op-table td{padding: 8px 6px}.op-stat-value{font-size: 20px}.op-compare-row{flex-wrap: wrap;font-size: 12px}}