.tc-sliders{display:grid;gap:.4rem;margin-bottom:1rem}
.tc-sliders label,.tc-inputs label{display:flex;gap:.6rem;align-items:center;color:var(--muted)}
.tc-sliders span{width:3.75rem}
.tc-sliders input,.tc-con input{flex:1;min-width:0;padding:0;border:0;accent-color:var(--redline)}
.tc-sliders output,.tc-con output{min-width:3rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--fg)}
.tc-head,.tc-row{display:grid;grid-template-columns:2rem minmax(0,1fr) minmax(0,1fr);gap:.4rem;align-items:center}
.tc-head{margin-bottom:.35rem;color:var(--muted);font-size:.9em}
.tc-body{display:grid;gap:3px}
.tc-n{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;padding-right:.25rem}
.tc-sw{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;min-height:2.1rem;padding:.35rem .55rem;font-variant-numeric:tabular-nums;line-height:1.2}
.tc-sw b{font-weight:500}
.tc-sw small{opacity:.85;font-size:.85em;white-space:nowrap}
.tc-key{margin-top:.6rem;color:var(--muted);font-size:.9em}
.tc-inputs{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;align-items:center;margin-bottom:1rem}
.tc-inputs input[type=color]{width:2.25rem;height:1.75rem;padding:2px;cursor:pointer}
.tc-con{flex:1 1 12rem}
.tc-themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.tc-ui{display:grid;grid-template-columns:5.5rem minmax(0,1fr);min-height:9.5rem;border:1px solid var(--tc-border);border-radius:8px;overflow:hidden;background:var(--tc-bg);color:var(--tc-text);font-size:.92em}
.tc-side{display:flex;flex-direction:column;gap:2px;padding:.5rem .35rem;background:var(--tc-side);border-right:1px solid var(--tc-border);color:var(--tc-muted)}
.tc-side span{padding:.2rem .4rem;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-side .tc-logo{width:1rem;height:1rem;margin:0 0 .35rem .4rem;padding:0;border-radius:4px;background:var(--tc-accent)}
.tc-side .is-on{background:var(--tc-select);color:var(--tc-text)}
.tc-main{padding:.7rem}
.tc-card{display:grid;gap:.35rem;padding:.7rem;border:1px solid var(--tc-border);border-radius:6px;background:var(--tc-card)}
.tc-card strong{font-weight:500}
.tc-card p{margin:0;color:var(--tc-muted);line-height:1.35}
.tc-row2{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.2rem}
.tc-btn{padding:.25rem .6rem;border:0;border-radius:5px;background:var(--tc-accent);color:var(--tc-onAccent);font:inherit;cursor:default}
.tc-link{color:var(--tc-link);text-decoration:underline;text-underline-offset:2px}
.tc-curve{display:block;max-width:480px;margin:1rem auto 0}
.tc-curve text{font-size:11px;fill:var(--muted)}
@media (max-width:560px){.tc-themes{grid-template-columns:minmax(0,1fr)}}