.tcp-container{border-radius:16px;flex-direction:column;gap:1.25rem;padding:14px;display:flex}.tcp-theme-gallery{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.tcp-theme-card{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#780000bf,#1e0a0abf);border:2px solid #ffc8502e;border-radius:14px;padding:10px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.tcp-theme-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ffd7780f,#ffd7780f 8px,#ff000008 8px 16px);position:absolute;inset:0}.tcp-theme-card:hover{border-color:#ffd25a99;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #00000059,0 0 18px #ffb40040}.tcp-theme-card.active{border-color:#ffd36a;box-shadow:0 0 0 2px #ffd36a59,0 0 18px #ff3c3c40}.tcp-theme-preview{border-radius:10px;height:34px;margin-bottom:10px;display:flex;overflow:hidden}.tcp-theme-preview-swatch{flex:1}.tcp-theme-name{text-transform:uppercase;letter-spacing:1px;color:#ffe7a3;font-family:Courier New,monospace;font-size:13px;font-weight:700}.tcp-theme-card.active .tcp-theme-preview{outline:1px solid #ffd36a80}.tcp-palette-strip{border-radius:10px;gap:0;display:flex;overflow:hidden;box-shadow:0 6px 18px #00000040}.tcp-swatch{cursor:pointer;flex-direction:column;flex:1;min-width:0;display:flex}.tcp-swatch-color{height:120px;transition:filter .15s;position:relative}.tcp-swatch:hover .tcp-swatch-color{filter:brightness(.85)saturate(1.2)}.tcp-swatch-overlay{opacity:0;color:#ffd36a;letter-spacing:.5px;background:#00000040;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;inset:0}.tcp-swatch:hover .tcp-swatch-overlay{opacity:1}.tcp-swatch-label{background:linear-gradient(#1a1a1a,#0e0e0e);border-top:1px solid #ffd36a26;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;display:flex}.tcp-swatch-name{color:#ffd36a;white-space:nowrap;font-size:11px;font-weight:700}.tcp-swatch-hex{color:#ffe6b4bf;white-space:nowrap;font-family:monospace;font-size:11px}.tcp-swatch+.tcp-swatch .tcp-swatch-color{border-left:1px solid #ffd36a33}@media (max-width:420px){.tcp-swatch-color{height:80px}.tcp-swatch-hex{display:none}.tcp-theme-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}