:root{--tc-red:#1e3073;--tc-black:#000}.tc-panel{position:relative;width:100%;max-width:100%;margin:0;background:#fff;border-top:4px solid var(--tc-red);border-bottom:2px solid #e0e0e0;font-family:var(--tc-body);overflow:hidden;box-sizing:border-box}.tc-panel__header{background:var(--tc-black);padding:14px 18px 12px;border-bottom:3px solid var(--tc-red)}.tc-panel__title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.tc-panel__icon{font-size:24px;line-height:1;flex-shrink:0;margin-top:2px}.tc-panel__title{font-family:var(--tc-font);font-size:19px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 0 4px;line-height:1}.tc-panel__subtitle{font-family:var(--tc-body);font-size:17px;line-height:1.45;color:rgba(255,255,255,.52);margin:0}.tc-panel__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tc-panel__pills{display:flex;flex-wrap:wrap;gap:5px}.tc-panel__pill{font-family:var(--tc-font);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border:1.5px solid rgba(255,255,255,.2);border-radius:2px;background:0 0;color:rgba(255,255,255,.6);cursor:pointer;white-space:nowrap;transition:background .13s,color .13s,border-color .13s}.tc-panel__pill:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.4)}.tc-panel__pill[aria-selected=true]{background:var(--tc-red);border-color:var(--tc-red);color:#fff}.tc-panel__pill:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.tc-panel__search-wrap{position:relative;margin-left:auto}.tc-panel__search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:11px;pointer-events:none;opacity:.4}.tc-panel__search{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.18);border-radius:2px;color:#fff;font-family:var(--tc-body);font-size:12px;padding:6px 10px 6px 26px;width:160px;outline:none;transition:background .2s,border-color .2s,width .3s ease;box-sizing:border-box}.tc-panel__search::placeholder{color:rgba(255,255,255,.32)}.tc-panel__search:focus{background:rgba(255,255,255,.13);border-color:var(--tc-red);width:200px}.tc-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1px;background:#e2e2e2;max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5}.tc-panel__grid::-webkit-scrollbar{width:5px}.tc-panel__grid::-webkit-scrollbar-track{background:#f5f5f5}.tc-panel__grid::-webkit-scrollbar-thumb{background:#ccc}.tc-panel__card{background:#fff;padding:10px 13px 11px;transition:background .1s}.tc-panel__card:hover{background:#fafafa}.tc-panel__team{font-family:var(--tc-font);font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--tc-black);margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-panel__swatches{display:flex;flex-wrap:wrap;gap:5px}.tc-panel__chip{display:inline-flex;align-items:center;gap:5px;padding:3px 7px 3px 4px;border-radius:2px;border:1px solid #e0e0e0;background:#f4f4f4;cursor:pointer;font-family:var(--tc-body);transition:border-color .12s,background .12s,transform .1s}.tc-panel__chip:hover{background:#eaeaea;border-color:#aaa;transform:translateY(-1px)}.tc-panel__chip:active{transform:scale(.96)}.tc-panel__chip.copied{border-color:#22c55e;background:#f0fdf4}.tc-panel__dot{width:15px;height:15px;border-radius:2px;flex-shrink:0}.tc-panel__hex{font-family:var(--tc-mono);font-size:12px;letter-spacing:.01em}.tc-panel__empty{grid-column:1/-1;padding:32px 16px;text-align:center;color:#999;font-family:var(--tc-body);font-size:13px;background:#fff}.tc-panel__toast{position:absolute;bottom:10px;right:14px;background:var(--tc-black);color:#fff;font-family:var(--tc-font);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-left:3px solid var(--tc-red);opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s;pointer-events:none;z-index:10}.tc-panel__toast.visible{opacity:1;transform:translateY(0)}@media (max-width:640px){.tc-panel__grid{grid-template-columns:1fr 1fr;max-height:300px}.tc-panel__title{font-size:16px}.tc-panel__subtitle{font-size:11px}.tc-panel__search-wrap{margin-left:0;width:100%}.tc-panel__search,.tc-panel__search:focus{width:100%}}