.tcp-container{flex-direction:column;gap:40px;width:100%;min-width:0;display:flex}.tcp-workspace{flex-direction:column;gap:16px;width:100%;max-width:1000px;margin:0 auto;display:flex}.tcp-panel{flex-direction:column;min-width:0;display:flex}.tcp-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tcp-panel-heading{flex-direction:column;min-width:0;display:flex}.tcp-panel-kicker{color:var(--gold,#d4a017);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-family:Cinzel,serif;font-size:.68rem;font-weight:700}.tcp-panel-heading h2{margin:0;font-family:Cinzel,serif;font-size:1.2rem;line-height:1.3}.tcp-palette-strip{border-radius:10px;gap:0;width:100%;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,transform .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}.tcp-theme-gallery{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;width:100%;display:grid}.tcp-theme-card{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;width:100%;font:inherit;appearance:none;background:linear-gradient(135deg,#780000bf,#1e0a0abf);border:2px solid #ffc8502e;border-radius:14px;flex-direction:column;padding:10px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;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-card.active .tcp-theme-preview{outline:1px solid #ffd36a80}.tcp-theme-name{text-transform:uppercase;letter-spacing:1px;color:#ffe7a3;font-family:Courier New,monospace;font-size:13px;font-weight:700;position:relative}.tool-info{flex-direction:column;gap:12px;width:100%;max-width:1000px;margin:0 auto;display:flex}@media (max-width:640px){.tcp-container{gap:32px}.tcp-theme-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tcp-panel-heading h2{font-size:1.05rem}.tcp-panel-kicker{font-size:.62rem}.tcp-swatch-color{height:90px}.tcp-swatch-hex{font-size:10px}.tcp-theme-name{font-size:11px}}@media (max-width:420px){.tcp-swatch-color{height:80px}.tcp-swatch-hex{display:none}.tcp-theme-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.tcp-theme-card{padding:8px}.tcp-theme-preview{height:30px}}@media (max-width:380px){.tcp-container{gap:28px}.tcp-theme-gallery{grid-template-columns:1fr 1fr}.tcp-swatch-name{font-size:10px}}@media (prefers-reduced-motion:reduce){.tcp-container *,.tcp-container :before,.tcp-container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}