.tsm-body{ display:grid; grid-template-columns:300px 1fr 320px; min-height:0; }
.tsm-pane{ min-height:0; overflow:auto; border-right:1px solid rgba(255,255,255,.08); }
.tsm-pane:last-child{ border-right:0; }
.tsm-list{ padding:12px; display:grid; gap:8px; }
.tsm-item{ padding:10px; border-radius:12px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); cursor:pointer; }
.tsm-item.active{ outline:2px solid rgba(245,158,11,.8); }
.tsm-preview{ display:flex; align-items:center; justify-content:center; background:#06080c; }
.tsm-preview-stage{ width:min(100%,860px); aspect-ratio:16/9; border-radius:16px; background:#000; border:1px solid rgba(255,255,255,.08); position:relative; overflow:hidden; }
.tsm-a,.tsm-b{ position:absolute; inset:0; }
.tsm-a{ background:linear-gradient(135deg,#1d4ed8,#0ea5e9); }
.tsm-b{ background:linear-gradient(135deg,#f59e0b,#ef4444); opacity:0; }
.tsm-form{ padding:12px; display:grid; gap:10px; }
.tsm-field{ display:grid; gap:6px; }
.tsm-field input,.tsm-field select{ width:100%; background:rgba(255,255,255,.05); color:#fff; border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:8px 10px; }
