@layer components{.mc-tp-overlay{z-index:10000;background:var(--shadow-color,#0000008c);-webkit-backdrop-filter:blur(10px);justify-content:center;align-items:center;padding:20px;animation:.14s ease-out mc-tp-fade;display:flex;position:fixed;inset:0}.mc-tp-panel{background:var(--theme-surface);border:1px solid var(--theme-border-strong);border-radius:var(--mc-dialog-radius,var(--radius-none));width:100%;max-width:372px;max-height:min(660px,100vh - 40px);box-shadow:0 1px 0 0 var(--theme-border-subtle) inset, 0 24px 64px -12px var(--shadow-color,#0000008c), 0 4px 16px -4px var(--shadow-color,#0000004d);color:var(--theme-text-primary);flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) mc-tp-enter;display:flex;overflow:hidden}@keyframes mc-tp-fade{0%{opacity:0}}@keyframes mc-tp-enter{0%{opacity:0;transform:translateY(-8px)scale(.985)}}.mc-tp-head{justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex}.mc-tp-title{font-family:var(--font-heading,var(--font-sans));letter-spacing:-.01em;color:var(--theme-text-primary);font-size:13px;font-weight:600}.mc-tp-current{min-width:0;font-family:var(--font-mono);letter-spacing:.04em;color:var(--theme-text-secondary);align-items:center;gap:6px;font-size:9px;display:flex}.mc-tp-current-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mc-tp-current-dot{background:var(--theme-accent);flex:none;width:6px;height:6px}.mc-tp-modes{background:var(--theme-border);border:1px solid var(--theme-border);flex:none;gap:1px;display:flex}.mc-tp-mode{background:var(--theme-surface);width:30px;height:26px;color:var(--theme-text-tertiary);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s;display:flex}.mc-tp-mode:hover{color:var(--theme-text-primary);background:var(--theme-surface-hover)}.mc-tp-mode.is-on{background:var(--theme-bg);color:var(--theme-accent-ink)}.mc-tp-mode:focus-visible{outline:1px solid var(--theme-accent);outline-offset:-2px}.mc-tp-filter{align-items:center;gap:8px;padding:0 14px 12px;display:flex}.mc-tp-search-wrap{flex:1;min-width:0;position:relative}.mc-tp-search-icon{color:var(--theme-text-tertiary);pointer-events:none;position:absolute;top:50%;left:8px;translate:0 -50%}.mc-tp-search{background:var(--theme-bg);border:1px solid var(--theme-border);border-radius:var(--mc-input-radius,var(--radius-none));width:100%;color:var(--theme-text-primary);font-family:var(--font-sans);padding:7px 8px 7px 26px;font-size:12px;transition:border-color .12s}.mc-tp-search::placeholder{color:var(--theme-text-tertiary)}.mc-tp-search:focus{border-color:var(--theme-accent);outline:none}.mc-tp-chips{background:var(--theme-border);border:1px solid var(--theme-border);flex:none;gap:1px;display:flex}.mc-tp-chip{background:var(--theme-surface);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--theme-text-tertiary);cursor:pointer;border:0;padding:6px 8px;font-size:9px;font-weight:500;transition:color .12s,background .12s}.mc-tp-chip:hover{color:var(--theme-text-primary)}.mc-tp-chip[aria-selected=true]{background:var(--theme-bg);color:var(--theme-text-primary)}.mc-tp-chip:focus-visible{outline:1px solid var(--theme-accent);outline-offset:-2px}.mc-tp-scroll{overscroll-behavior:contain;border-top:1px solid var(--theme-border);scrollbar-width:thin;scrollbar-color:var(--theme-border-strong) transparent;flex:1;min-height:0;overflow-y:auto}.mc-tp-scroll::-webkit-scrollbar{width:9px}.mc-tp-scroll::-webkit-scrollbar-track{background:0 0}.mc-tp-scroll::-webkit-scrollbar-thumb{background:var(--theme-border-strong);border:3px solid var(--theme-surface)}.mc-tp-group{z-index:1;background:var(--theme-surface);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--theme-text-tertiary);justify-content:space-between;align-items:center;padding:12px 14px 6px;font-size:9px;font-weight:500;display:flex;position:sticky;top:0}.mc-tp-group-n{font-variant-numeric:tabular-nums;opacity:.7}.mc-tp-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;grid-template-columns:24px 1fr auto;align-items:center;gap:11px;padding:5px 14px;transition:background .11s;display:grid}.mc-tp-row:hover,.mc-tp-row.is-cursor{background:var(--theme-surface-hover)}.mc-tp-row.is-cursor{border-left-color:var(--theme-border-strong)}.mc-tp-row.is-active{border-left-color:var(--theme-accent);background:var(--theme-surface-hover)}.mc-tp-row:focus-visible{outline:1px solid var(--theme-accent);outline-offset:-2px}.mc-tp-swatch{background:var(--sw-bg);width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--theme-border);position:relative}.mc-tp-swatch:before{content:"";background:var(--sw-surface);width:7px;position:absolute;inset:0 auto 0 0}.mc-tp-swatch:after{content:"";background:var(--sw-accent);width:8px;height:8px;position:absolute;bottom:4px;right:4px}.mc-tp-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font-sans);color:var(--theme-text-secondary);font-size:12.5px;font-weight:400;transition:color .11s;overflow:hidden}.mc-tp-row:hover .mc-tp-name,.mc-tp-row.is-cursor .mc-tp-name{color:var(--theme-text-primary)}.mc-tp-row.is-active .mc-tp-name{color:var(--theme-text-primary);font-weight:500}.mc-tp-check{color:var(--theme-accent-ink);display:flex}.mc-tp-empty{text-align:center;font-family:var(--font-sans);color:var(--theme-text-tertiary);padding:28px 14px 32px;font-size:12px}.mc-tp-foot{background:var(--theme-bg);border-top:1px solid var(--theme-border);font-family:var(--font-mono);letter-spacing:.06em;color:var(--theme-text-tertiary);align-items:center;gap:12px;padding:9px 14px;font-size:9px;display:flex}.mc-tp-hint{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.mc-tp-kbd{background:var(--theme-surface);border:1px solid var(--theme-border);color:var(--theme-text-secondary);padding:2px 4px;font-family:inherit;font-size:9px;line-height:1}.mc-tp-foot-end{margin-left:auto}@media (prefers-reduced-motion:reduce){.mc-tp-overlay,.mc-tp-panel{animation:none}.mc-tp-row,.mc-tp-name,.mc-tp-mode,.mc-tp-chip,.mc-tp-search{transition:none}}@media (max-width:420px){.mc-tp-overlay{padding:12px}.mc-tp-filter{flex-wrap:wrap}.mc-tp-chips{width:100%}.mc-tp-chip{flex:1}}}