.tp-wrap.svelte-1u317mj{position:relative}.tp-trigger.svelte-1u317mj{appearance:none;border:1px solid var(--rule);font-family:var(--mono);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:8px;padding:4px 10px 4px 6px;font-size:12.5px;transition:border-color .15s;display:inline-flex}.tp-trigger.svelte-1u317mj:hover{border-color:var(--ink-3);color:var(--ink)}.tp-swatch.svelte-1u317mj{border:1px solid;flex-shrink:0;width:14px;height:14px}.tp-name.svelte-1u317mj{letter-spacing:.02em}.tp-backdrop.svelte-1u317mj{z-index:99;position:fixed;inset:0}.tp-panel.svelte-1u317mj{z-index:100;background:var(--paper);border:1px solid var(--rule);flex-direction:column;width:260px;max-height:420px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.tp-header.svelte-1u317mj{justify-content:space-between;align-items:center;padding:10px 12px 0;display:flex}.tp-title.svelte-1u317mj{font-family:var(--mono);color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.tp-filters.svelte-1u317mj{gap:2px;display:flex}.tp-filters.svelte-1u317mj button:where(.svelte-1u317mj){appearance:none;border:1px solid var(--rule);font-family:var(--mono);color:var(--ink-3);cursor:pointer;background:0 0;border-radius:0;padding:2px 7px;font-size:12px}.tp-filters.svelte-1u317mj button:where(.svelte-1u317mj):hover{color:var(--ink);border-color:var(--ink-3)}.tp-filters.svelte-1u317mj button.on:where(.svelte-1u317mj){background:var(--ink);color:var(--paper);border-color:var(--ink)}.tp-search.svelte-1u317mj{border:1px solid var(--rule);background:var(--paper-2);font-family:var(--mono);color:var(--ink);border-radius:0;outline:none;margin:8px 12px 4px;padding:4px 8px;font-size:12.5px}.tp-search.svelte-1u317mj:focus{border-color:var(--accent)}.tp-search.svelte-1u317mj::placeholder{color:var(--ink-3)}.tp-list.svelte-1u317mj{flex:1;min-height:0;padding:4px 6px 8px;overflow-y:auto}.tp-list.svelte-1u317mj::-webkit-scrollbar{width:4px}.tp-list.svelte-1u317mj::-webkit-scrollbar-thumb{background:var(--rule)}.tp-item.svelte-1u317mj{appearance:none;cursor:pointer;width:100%;font-family:var(--mono);color:var(--ink-2);text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:5px 6px;font-size:12.5px;transition:background .1s;display:flex}.tp-item.svelte-1u317mj:hover{background:var(--paper-2);color:var(--ink)}.tp-item.active.svelte-1u317mj{color:var(--accent)}.tp-item-swatches.svelte-1u317mj{flex-shrink:0;gap:2px;display:flex}.tp-s.svelte-1u317mj{width:10px;height:10px}.tp-item-name.svelte-1u317mj{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}