
.mtp-cmp h3{margin:0 0 4px;color:var(--mtp-text,#1a1a1a);font-size:17px}
.mtp-cmp .cmp-sub{color:var(--mtp-muted,#888);font-size:12px;margin-bottom:14px}
.cmp-bar{background:var(--mtp-soft-bg,#f8f8f8);border:1px solid var(--mtp-border,#e6e6e6);border-radius:8px;padding:12px 14px;margin-bottom:12px}
.cmp-bar-title{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mtp-muted,#888);margin-bottom:8px}
.cmp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.cmp-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--mtp-border,#e6e6e6);border-radius:14px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--mtp-text,#1a1a1a)}
.cmp-chip b{cursor:pointer;color:#c0392b;font-weight:700;font-size:14px;line-height:1}
.cmp-chip b:hover{color:#7a1f15}
.cmp-search{position:relative;max-width:460px}
.cmp-search input{width:100%;box-sizing:border-box;padding:7px 10px;border:1px solid var(--mtp-border,#e6e6e6);border-radius:6px;font-size:13px;background:#fff;color:var(--mtp-text,#1a1a1a)}
.cmp-picklist{position:absolute;z-index:30;left:0;right:0;top:38px;background:#fff;border:1px solid var(--mtp-border,#e6e6e6);border-radius:6px;max-height:260px;overflow-y:auto;box-shadow:0 6px 20px rgba(0,0,0,.14)}
.cmp-pickitem{padding:7px 10px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f0f0}
.cmp-pickitem:hover{background:var(--mtp-soft-bg,#f4f4f4)}
.cmp-pickitem .tk{font-weight:700;color:var(--mtp-text,#1a1a1a);min-width:56px}
.cmp-pickitem .nm{color:var(--mtp-muted,#777);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmp-pickitem .re{width:7px;height:7px;border-radius:50%;background:#1b9e4b;flex-shrink:0}
.cmp-hint{color:var(--mtp-muted,#999);font-size:12px}
.cmp-modes{display:flex;flex-wrap:wrap;gap:6px}
.cmp-mode{padding:6px 12px;border:1px solid var(--mtp-border,#e6e6e6);background:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;color:var(--mtp-muted,#666)}
.cmp-mode:hover{border-color:#c9c9c9}
.cmp-mode.on{background:var(--mtp-red,#D71920);border-color:var(--mtp-red,#D71920);color:#fff}
.cmp-sliders{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:10px 18px;margin-top:4px}
.cmp-slider label{display:block;font-size:11px;font-weight:600;color:var(--mtp-text,#1a1a1a);margin-bottom:3px}
.cmp-slider .row{display:flex;align-items:center;gap:8px}
.cmp-slider input[type=range]{flex:1;accent-color:var(--mtp-red,#D71920);min-width:60px}
.cmp-slider input[type=number]{width:84px;padding:3px 5px;border:1px solid var(--mtp-border,#e6e6e6);border-radius:4px;font-size:11px}
.cmp-slider .u{font-size:10px;color:var(--mtp-muted,#999);min-width:26px}
.cmp-slider .spot{font-size:9px;color:#1b9e4b;font-weight:700}
.cmp-reset{margin-top:10px;font-size:11px;color:var(--mtp-red,#D71920);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}
.cmp-tblwrap{overflow-x:auto;border:1px solid var(--mtp-border,#e6e6e6);border-radius:8px}
.cmp-tbl{width:100%;border-collapse:collapse;font-size:12px;min-width:540px}
.cmp-tbl th,.cmp-tbl td{padding:8px 12px;text-align:right;border-bottom:1px solid var(--mtp-border,#eee)}
.cmp-tbl .lbl{text-align:left;color:var(--mtp-muted,#667);font-weight:600;white-space:nowrap}
.cmp-tbl .cohead{text-align:center;font-size:14px;font-weight:800;color:var(--mtp-text,#1a1a1a);cursor:pointer}
.cmp-tbl .cohead .conm{display:block;font-size:10px;font-weight:500;color:var(--mtp-muted,#999);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2px auto 0}
.cmp-tbl .cohead:hover{color:var(--mtp-red,#D71920)}
.cmp-sec td{background:var(--mtp-soft-bg,#f4f5f7);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mtp-muted,#888);text-align:left;padding:5px 12px}
.cmp-tbl td.val{color:var(--mtp-text,#1a1a1a);font-weight:600}
.cmp-tbl td.best{background:#e7f6ec}
.cmp-tbl td.best .bv{color:#157a36;font-weight:800}
.cmp-na{color:#b3b3b3;font-weight:400;font-size:11px}
.cmp-foot{color:var(--mtp-muted,#999);font-size:10.5px;margin-top:10px;line-height:1.6}
.cmp-empty{padding:30px;text-align:center;color:var(--mtp-muted,#999);font-size:13px}
