.tc-tp-root{position:fixed;left:64px;bottom:16px;z-index:90;font-family:ui-monospace,SF Mono,Menlo,monospace}.tc-tp-menu{position:absolute;left:0;bottom:calc(100% + 8px);width:236px;max-height:min(60vh,520px);overflow-y:auto;background:rgba(16,16,18,.94);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:4px;backdrop-filter:blur(10px);box-shadow:0 18px 50px -18px rgba(0,0,0,.6)}.tc-tp-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:7px;border:none;background:transparent;color:rgba(255,255,255,.72);font-size:12px;text-align:left;cursor:pointer}.tc-tp-option:not(.is-active):hover{background:rgba(255,255,255,.07)}.tc-tp-option.is-active{background:rgba(255,255,255,.12);color:#fff}.tc-tp-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9999px;border:1px solid rgba(255,255,255,.16);background:rgba(16,16,18,.9);color:rgba(255,255,255,.85);font-size:12px;cursor:pointer;backdrop-filter:blur(10px);box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}.tc-tp-swatch{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:var(--swatch-bg);margin-left:var(--swatch-ml)}