/* TRW Digital Multitrack Studio — all rules are scoped to .trwmt-root so the WordPress theme is untouched. */
.trwmt-root {
  --trwmt-bg: #202329;
  --trwmt-panel: #2a2e35;
  --trwmt-panel2: #333840;
  --trwmt-line: #424852;
  --trwmt-text: #ece6d6;
  --trwmt-muted: #a8a193;
  --trwmt-brass: #c9a227;
  --trwmt-brass-hi: #e8c75a;
  --trwmt-rec: #d9483b;
  --trwmt-ok: #7fb77e;
  --trwmt-radius-s: 6px;
  --trwmt-radius-m: 10px;
  --trwmt-font: "Avenir Next", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  position: relative;
  display: flex; flex-direction: column;
  height: var(--trwmt-height, 88vh); min-height: 560px; max-height: 100dvh;
  background: var(--trwmt-bg); color: var(--trwmt-text);
  font: 14px/1.4 var(--trwmt-font);
  border-radius: var(--trwmt-radius-m);
  overflow: hidden; box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  user-select: none; -webkit-user-select: none;
  outline: none;
}
.trwmt-root *, .trwmt-root *::before, .trwmt-root *::after { box-sizing: border-box; }
.trwmt-root button { text-transform: none; letter-spacing: normal; text-shadow: none; font-family: var(--trwmt-font); }
.trwmt-root input, .trwmt-root select { text-transform: none; letter-spacing: normal; }
.trwmt-root:fullscreen, .trwmt-root.trwmt-pseudo-full { position: fixed; inset: 0; height: 100dvh; max-height: none; border-radius: 0; z-index: 99999; }
.trwmt-root h3, .trwmt-root h4, .trwmt-root p, .trwmt-root dl { margin: 0; }
.trwmt-root input[type=text], .trwmt-root input:not([type]), .trwmt-root input[type=number], .trwmt-root select {
  font: inherit; color: var(--trwmt-text); background: var(--trwmt-panel2);
  border: 1px solid var(--trwmt-line); border-radius: var(--trwmt-radius-s);
  padding: 6px 8px; min-height: 36px; margin: 0; box-shadow: none; width: auto; max-width: 100%;
}
.trwmt-root input[type=range] { accent-color: var(--trwmt-brass); width: 100%; min-height: 28px; margin: 0; background: transparent; }
.trwmt-root input[type=checkbox] { accent-color: var(--trwmt-brass); width: 18px; height: 18px; margin: 0; }
.trwmt-root :focus-visible { outline: 2px solid var(--trwmt-brass-hi); outline-offset: 2px; }

/* buttons */
.trwmt-root .trwmt-btn {
  font: inherit; font-weight: 600; color: var(--trwmt-text); background: var(--trwmt-panel2);
  border: 1px solid var(--trwmt-line); border-radius: var(--trwmt-radius-s);
  padding: 7px 12px; min-height: 36px; cursor: pointer; line-height: 1.1; text-transform: none; letter-spacing: 0;
  box-shadow: none; margin: 0; white-space: nowrap;
}
.trwmt-root .trwmt-btn:hover { border-color: var(--trwmt-muted); background: #3a4049; }
.trwmt-root .trwmt-btn:active { transform: translateY(1px); }
.trwmt-root .trwmt-primary { background: var(--trwmt-brass); color: #231d08; border-color: var(--trwmt-brass); }
.trwmt-root .trwmt-primary:hover { background: var(--trwmt-brass-hi); }
.trwmt-root .trwmt-danger { color: #f0a59c; }
.trwmt-root .trwmt-ghost { background: transparent; border-color: transparent; color: var(--trwmt-muted); }
.trwmt-root .trwmt-small { min-height: 30px; padding: 4px 8px; font-size: 12px; }
.trwmt-root .trwmt-icon { width: 44px; height: 44px; padding: 0; display: inline-grid; place-items: center; border-radius: 50%; }
.trwmt-root .trwmt-icon svg { width: 22px; height: 22px; }
.trwmt-root .trwmt-icon.is-on { color: var(--trwmt-brass-hi); border-color: var(--trwmt-brass); }
.trwmt-root .trwmt-play.is-on { background: var(--trwmt-brass); color: #231d08; }
.trwmt-root .trwmt-rec { color: var(--trwmt-rec); }
.trwmt-root .trwmt-rec.is-on { background: var(--trwmt-rec); color: #fff; border-color: var(--trwmt-rec); animation: trwmt-pulse 1s ease-in-out infinite; }
@keyframes trwmt-pulse { 50% { box-shadow: 0 0 0 6px rgba(217, 72, 59, 0.25); } }

/* header */
.trwmt-header, .trwmt-clipbar, .trwmt-tabs { flex-shrink: 0; }
.trwmt-header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 8px 10px; background: var(--trwmt-panel); border-bottom: 1px solid var(--trwmt-line); }
.trwmt-transport { display: flex; gap: 6px; }
.trwmt-pos { min-width: 112px; padding: 2px 12px; border-left: 2px solid var(--trwmt-brass); }
.trwmt-pos-bars { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; line-height: 1.1; }
.trwmt-pos-time { font-size: 12px; color: var(--trwmt-muted); font-variant-numeric: tabular-nums; }
.trwmt-is-recording .trwmt-pos { border-left-color: var(--trwmt-rec); }
.trwmt-tempo { display: flex; align-items: center; gap: 6px; }
.trwmt-tempo-label { display: flex; align-items: center; gap: 4px; color: var(--trwmt-muted); }
.trwmt-root .trwmt-bpm { width: 72px; font-weight: 700; font-variant-numeric: tabular-nums; }
.trwmt-root .trwmt-name { flex: 1 1 140px; min-width: 120px; background: transparent; border-color: transparent; font-weight: 600; }
.trwmt-root .trwmt-name:hover, .trwmt-root .trwmt-name:focus { border-color: var(--trwmt-line); background: var(--trwmt-panel2); }
.trwmt-tools { display: flex; gap: 4px; margin-left: auto; }
.trwmt-tools .trwmt-icon { width: 40px; height: 40px; background: transparent; border-color: transparent; }

/* arrangement */
.trwmt-arrange { flex: 1 1 auto; min-height: 120px; overflow: auto; position: relative; background: var(--trwmt-bg); overscroll-behavior: contain; }
.trwmt-grid { position: relative; display: grid; grid-template-columns: var(--head-w) auto; grid-auto-rows: var(--lane-h); min-height: 100%; }
.trwmt-grid > .trwmt-corner, .trwmt-grid > .trwmt-ruler { height: 34px; }
.trwmt-grid { grid-template-rows: 34px; }
.trwmt-corner { position: sticky; top: 0; left: 0; z-index: 6; background: var(--trwmt-panel); border-bottom: 1px solid var(--trwmt-line); border-right: 1px solid var(--trwmt-line); display: flex; align-items: center; justify-content: center; gap: 4px; }
.trwmt-root .trwmt-zoom { min-height: 26px; padding: 0 10px; font-size: 16px; }
.trwmt-ruler { position: sticky; top: 0; z-index: 4; background: var(--trwmt-panel); border-bottom: 1px solid var(--trwmt-line); cursor: pointer;
  background-image: linear-gradient(to right, var(--trwmt-line) 1px, transparent 1px); background-size: var(--bar-px) 10px; background-repeat: repeat-x; background-position: 0 100%; }
.trwmt-bar-no { position: absolute; bottom: 2px; padding-left: 4px; font-size: 11px; color: var(--trwmt-muted); font-variant-numeric: tabular-nums; pointer-events: none; }
.trwmt-loop { position: absolute; top: 2px; height: 10px; border-radius: 3px; background: rgba(168, 161, 147, 0.25); }
.trwmt-loop.is-on { background: rgba(201, 162, 39, 0.55); }
.trwmt-loop-handle { position: absolute; top: -2px; width: 22px; height: 16px; cursor: ew-resize; touch-action: none; }
.trwmt-loop-start { left: -11px; } .trwmt-loop-end { right: -11px; }
.trwmt-loop-handle::after { content: ""; position: absolute; left: 9px; top: 0; width: 4px; height: 16px; border-radius: 2px; background: var(--trwmt-brass-hi); }
.trwmt-root .trwmt-marker { position: absolute; top: 13px; height: 18px; padding: 0 6px; font: 600 11px/18px var(--trwmt-font); color: #231d08; background: var(--trwmt-brass); border: 0; border-radius: 0 6px 6px 0; cursor: pointer; white-space: nowrap; min-height: 0; }

.trwmt-head { position: sticky; left: 0; z-index: 3; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 4px 6px 4px 10px; background: var(--trwmt-panel); border-bottom: 1px solid var(--trwmt-line); border-right: 1px solid var(--trwmt-line); box-shadow: inset 4px 0 0 var(--trk); }
.trwmt-head.is-armed { background: #35302a; }
.trwmt-root .trwmt-head-name { all: unset; font-weight: 600; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.trwmt-head-btns { display: flex; gap: 4px; }
.trwmt-root .trwmt-ms { min-height: 24px; min-width: 26px; padding: 2px 6px; font-size: 11px; }
.trwmt-root .trwmt-ms.is-mute { background: #5b6470; color: #fff; }
.trwmt-root .trwmt-ms.is-solo { background: var(--trwmt-brass); color: #231d08; }
.trwmt-root .trwmt-arm { min-height: 24px; width: 26px; padding: 0; border-radius: 50%; position: relative; }
.trwmt-root .trwmt-arm::after { content: ""; position: absolute; inset: 7px; border-radius: 50%; border: 2px solid var(--trwmt-rec); }
.trwmt-root .trwmt-arm.is-armed::after { background: var(--trwmt-rec); }
.trwmt-arm-spacer { width: 26px; }
.trwmt-lane { position: relative; border-bottom: 1px solid var(--trwmt-line);
  background-image: linear-gradient(to right, rgba(255,255,255,0.07) 1px, transparent 1px), linear-gradient(to right, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: var(--bar-px) 100%, var(--beat-px) 100%; }
.trwmt-add-row { position: sticky; left: 0; z-index: 3; display: flex; align-items: center; padding-left: 6px; background: var(--trwmt-bg); }
.trwmt-clip { position: absolute; top: 4px; bottom: 4px; border-radius: 5px; background: var(--trk); color: #1b1b1b; overflow: hidden; cursor: grab; touch-action: none; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25); }
.trwmt-clip.is-selected { box-shadow: 0 0 0 2px #fff7d6, inset 0 0 0 1px rgba(0,0,0,0.3); z-index: 2; }
.trwmt-clip.is-muted { opacity: 0.35; }
.trwmt-clip-canvas { position: absolute; left: 0; top: 0; pointer-events: none; }
.trwmt-clip-name { position: absolute; left: 6px; top: 1px; right: 6px; font-size: 11px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; }
.trwmt-clip-edge { position: absolute; top: 0; bottom: 0; width: 14px; cursor: ew-resize; touch-action: none; z-index: 1; }
.trwmt-edge-l { left: 0; } .trwmt-edge-r { right: 0; }
.trwmt-clip.is-selected .trwmt-clip-edge::after { content: ""; position: absolute; top: 30%; bottom: 30%; width: 3px; border-radius: 2px; background: rgba(0,0,0,0.55); }
.trwmt-edge-l::after { left: 3px; } .trwmt-edge-r::after { right: 3px; }
.trwmt-playhead { position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: var(--trwmt-brass-hi); z-index: 5; pointer-events: none; will-change: transform; }
.trwmt-is-recording .trwmt-playhead { background: var(--trwmt-rec); }

/* clip bar */
.trwmt-clipbar { display: none; align-items: center; gap: 10px; padding: 6px 10px; background: #2f2b24; border-top: 1px solid var(--trwmt-line); overflow-x: auto; }
.trwmt-clipbar.is-open { display: flex; }
.trwmt-clipbar-info { display: flex; flex-direction: column; min-width: 120px; }
.trwmt-clipbar-info span { color: var(--trwmt-muted); font-size: 12px; white-space: nowrap; }
.trwmt-clipbar-acts { display: flex; gap: 6px; }

/* tabs + panel */
.trwmt-tabs { display: flex; overflow-x: auto; background: var(--trwmt-panel); border-top: 1px solid var(--trwmt-line); scrollbar-width: none; }
.trwmt-root .trwmt-tab { font: 600 13px var(--trwmt-font); color: var(--trwmt-muted); background: transparent; border: 0; border-bottom: 3px solid transparent; padding: 10px 14px; min-height: 42px; cursor: pointer; white-space: nowrap; border-radius: 0; margin: 0; }
.trwmt-root .trwmt-tab.is-on { color: var(--trwmt-text); border-bottom-color: var(--trwmt-brass); }
.trwmt-panel { flex: 0 0 auto; height: var(--trwmt-panel-h, 42%); min-height: 220px; overflow: auto; padding: 12px; background: var(--trwmt-panel); }
.trwmt-empty { color: var(--trwmt-muted); max-width: 60ch; padding: 12px 0; }
.trwmt-hint { color: var(--trwmt-muted); font-size: 12px; }
.trwmt-field { display: flex; flex-direction: column; gap: 4px; }
.trwmt-field-label { font-size: 12px; color: var(--trwmt-muted); }
.trwmt-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
.trwmt-check { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; cursor: pointer; }
.trwmt-root .trwmt-num { width: 76px; }
.trwmt-root .trwmt-inline { min-height: 30px; padding: 2px 6px; }

/* pads */
.trwmt-pads-wrap { display: flex; gap: 16px; align-items: stretch; height: 100%; }
.trwmt-pads { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); gap: 8px; height: 100%; aspect-ratio: 1; width: auto; max-width: min(100%, 560px); flex: 0 0 auto; touch-action: none; }
.trwmt-pads.is-wide { grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(2, 1fr); aspect-ratio: auto; width: 100%; max-width: none; flex: 1 1 auto; }
.trwmt-root .trwmt-pad {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 0; min-height: 0;
  font: 600 12px var(--trwmt-font); color: var(--trwmt-text); background: #3a3f48;
  border: 1px solid #4b525d; border-top: 4px solid var(--trk); border-radius: 8px;
  touch-action: none; cursor: pointer; padding: 4px; margin: 0; transition: background 60ms linear;
}
.trwmt-root .trwmt-pad small { font-size: 10px; color: var(--trwmt-muted); font-weight: 400; }
.trwmt-root .trwmt-pad.is-hit { background: var(--trk); color: #1b1b1b; }
.trwmt-root .trwmt-pad.is-hit small { color: #1b1b1b; }
.trwmt-pad-side { flex: 1 1 220px; display: flex; flex-direction: column; gap: 12px; max-width: 420px; overflow: auto; max-height: 100%; }
.trwmt-oct { min-width: 24px; text-align: center; align-self: center; }

/* editor */
.trwmt-ed-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; margin-bottom: 8px; }
.trwmt-ed-vel { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; min-height: 40px; margin-bottom: 8px; }
.trwmt-ed-vel .trwmt-field { min-width: 160px; }
.trwmt-ed-scroll { overflow: auto; border: 1px solid var(--trwmt-line); border-radius: var(--trwmt-radius-s); max-height: 420px; }
.trwmt-ed-canvas { display: block; touch-action: none; cursor: crosshair; }

/* mixer */
.trwmt-mixer-head, .trwmt-strip { display: grid; grid-template-columns: minmax(80px, 1.2fr) minmax(60px, 1fr) minmax(90px, 2fr) minmax(60px, 1fr) auto auto; gap: 10px; align-items: center; }
.trwmt-mixer-head { font-size: 12px; color: var(--trwmt-muted); padding: 0 8px 6px; }
.trwmt-strip { padding: 6px 8px; border-left: 4px solid var(--trk, var(--trwmt-brass)); background: var(--trwmt-panel2); border-radius: 0 var(--trwmt-radius-s) var(--trwmt-radius-s) 0; margin-bottom: 6px; }
.trwmt-strip-master { --trk: var(--trwmt-brass); grid-template-columns: minmax(80px, 1.2fr) minmax(60px, 1fr) minmax(90px, 2fr) minmax(60px, 1fr); }
.trwmt-strip-name { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.trwmt-meter { height: 8px; background: #1a1c20; border-radius: 4px; overflow: hidden; }
.trwmt-meter i { display: block; height: 100%; width: 100%; transform-origin: left; transform: scaleX(0); background: linear-gradient(90deg, var(--trwmt-ok) 0 70%, var(--trwmt-brass) 70% 90%, var(--trwmt-rec) 90%); }

/* band, sections, setup */
.trwmt-band-intro { max-width: 70ch; margin-bottom: 12px; }
.trwmt-band-form { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; align-items: end; }
.trwmt-players { grid-column: 1 / -1; border: 1px solid var(--trwmt-line); border-radius: var(--trwmt-radius-s); padding: 8px 12px 12px; display: flex; flex-direction: column; gap: 8px; margin: 0; }
.trwmt-players legend { padding: 0 6px; color: var(--trwmt-muted); font-size: 12px; }
.trwmt-band-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 8px; }
.trwmt-sec-add { margin-bottom: 12px; }
.trwmt-sec { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 10px; background: var(--trwmt-panel2); border-left: 4px solid var(--trwmt-brass); border-radius: 0 var(--trwmt-radius-s) var(--trwmt-radius-s) 0; margin-bottom: 6px; }
.trwmt-sec-name { display: flex; flex-direction: column; }
.trwmt-sec-name span { color: var(--trwmt-muted); font-size: 12px; }
.trwmt-sec-acts { display: flex; flex-wrap: wrap; gap: 6px; }
.trwmt-setup { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.trwmt-setup h4 { font-size: 15px; margin-bottom: 6px; }
.trwmt-cal, .trwmt-setup-opts, .trwmt-diag { display: flex; flex-direction: column; gap: 10px; }
.trwmt-diag dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; font-size: 13px; }
.trwmt-diag dt { color: var(--trwmt-muted); }
.trwmt-diag dd { margin: 0; }
.trwmt-root .trwmt-cal-pad { width: 100%; height: 160px; margin-top: 14px; font: 700 24px var(--trwmt-font); background: #3a3f48; color: var(--trwmt-text); border: 2px solid var(--trwmt-brass); border-radius: 12px; touch-action: none; }
.trwmt-root .trwmt-cal-pad.is-hit { background: var(--trwmt-brass); color: #231d08; }

/* toast, dialog, menu */
.trwmt-toast { position: absolute; left: 50%; top: 64px; transform: translate(-50%, -12px); opacity: 0; pointer-events: none; max-width: min(92%, 560px); padding: 10px 14px; background: #f3ecd8; color: #23201a; border-radius: var(--trwmt-radius-s); font-weight: 500; z-index: 40; transition: opacity 160ms, transform 160ms; box-shadow: 0 6px 24px rgba(0,0,0,0.35); }
.trwmt-toast.is-open { opacity: 1; transform: translate(-50%, 0); }
.trwmt-toast.is-warn { background: #f4d98a; }
.trwmt-toast.is-error { background: #f2b3aa; }
.trwmt-dialog-wrap { position: absolute; inset: 0; z-index: 50; background: rgba(10, 11, 13, 0.6); display: grid; place-items: center; padding: 12px; }
.trwmt-dialog-wrap[hidden] { display: none; }
.trwmt-dialog { width: min(100%, 560px); max-height: 100%; overflow: auto; background: var(--trwmt-panel); border: 1px solid var(--trwmt-line); border-radius: var(--trwmt-radius-m); padding: 14px; display: flex; flex-direction: column; gap: 12px; user-select: text; }
.trwmt-dialog-head { display: flex; justify-content: space-between; align-items: center; }
.trwmt-dialog-head h3 { font-size: 17px; }
.trwmt-dialog-body { display: flex; flex-direction: column; gap: 10px; }
.trwmt-dialog-acts { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.trwmt-menu { display: flex; flex-direction: column; gap: 4px; }
.trwmt-menu h4 { font-size: 12px; color: var(--trwmt-muted); font-weight: 600; margin: 10px 0 2px; }
.trwmt-root .trwmt-menu-item { all: unset; display: flex; flex-direction: column; padding: 9px 10px; border-radius: var(--trwmt-radius-s); cursor: pointer; flex: 1; }
.trwmt-root .trwmt-menu-item:hover, .trwmt-root .trwmt-menu-item:focus-visible { background: var(--trwmt-panel2); }
.trwmt-menu-item span { color: var(--trwmt-muted); font-size: 12px; }
.trwmt-saved { display: flex; align-items: center; gap: 8px; }
.trwmt-import-preview { display: flex; flex-direction: column; gap: 8px; }
.trwmt-import-trk { display: flex; flex-direction: column; gap: 2px; padding: 8px; background: var(--trwmt-panel2); border-radius: var(--trwmt-radius-s); }
.trwmt-import-trk span { color: var(--trwmt-muted); font-size: 12px; }
.trwmt-import-trk code { font-size: 11px; white-space: normal; word-break: break-word; color: var(--trwmt-text); background: none; }
.trwmt-error { color: #f2b3aa; }
.trwmt-text { width: 100%; }

/* phones */
@media (max-width: 640px) {
  .trwmt-root { font-size: 13px; border-radius: 0; min-height: 520px; }
  .trwmt-header { gap: 6px 8px; padding: 6px; }
  .trwmt-root .trwmt-icon { width: 42px; height: 42px; }
  .trwmt-pos { min-width: 86px; padding: 0 8px; }
  .trwmt-pos-bars { font-size: 18px; }
  .trwmt-root .trwmt-name { order: 5; flex-basis: 100%; min-height: 32px; }
  .trwmt-tools { margin-left: 0; }
  .trwmt-panel { --trwmt-panel-h: 48%; padding: 10px; }
  .trwmt-pads-wrap { display: block; }
  .trwmt-pads { width: 100%; max-width: none; aspect-ratio: auto; gap: 6px; }
  .trwmt-pad-side { margin-top: 14px; max-width: none; max-height: none; overflow: visible; }
  .trwmt-mixer-head { display: none; }
  .trwmt-strip { grid-template-columns: 1fr 1fr auto auto; grid-template-areas: "name meter m s" "vol vol pan pan"; }
  .trwmt-strip > :nth-child(1) { grid-area: name; } .trwmt-strip > :nth-child(2) { grid-area: meter; }
  .trwmt-strip > :nth-child(3) { grid-area: vol; } .trwmt-strip > :nth-child(4) { grid-area: pan; }
  .trwmt-strip > :nth-child(5) { grid-area: m; } .trwmt-strip > :nth-child(6) { grid-area: s; }
  .trwmt-strip-master { grid-template-areas: "name meter meter meter" "vol vol vol vol"; }
}
@media (max-height: 560px) and (orientation: landscape) {
  .trwmt-root { min-height: 300px; }
  .trwmt-header { padding: 4px 8px; }
  .trwmt-root .trwmt-icon { width: 42px; height: 42px; }
  .trwmt-root .trwmt-name { display: none; }
  .trwmt-header { flex-wrap: nowrap; overflow-x: auto; }
  .trwmt-arrange { min-height: 56px; }
  .trwmt-root .trwmt-tab { min-height: 36px; padding: 6px 12px; }
  .trwmt-panel { --trwmt-panel-h: 50%; min-height: 140px; padding: 8px; }
  .trwmt-pads-wrap { display: block; }
  .trwmt-pad-side { margin-top: 12px; max-width: none; max-height: none; overflow: visible; }
}
@media (prefers-reduced-motion: reduce) {
  .trwmt-root .trwmt-rec.is-on { animation: none; }
  .trwmt-toast { transition: none; }
}

/* TRW AI Operator Desk */
.trwmt-operator-heading{margin:12px 0 6px;font-weight:700;}
.trwmt-operator-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;}
.trwmt-operator-actions button{min-height:40px;padding:8px 12px;border-radius:6px;}
.trwmt-operator-textarea{width:100%;box-sizing:border-box;min-height:138px;font:12px/1.5 ui-monospace,monospace;color:var(--trwmt-text,#e4e9ef);background:var(--trwmt-panel2,#272b30);border:1px solid var(--trwmt-line,#555);border-radius:8px;padding:10px;}
.trwmt-operator-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;background:var(--trwmt-panel2,#272b30);color:var(--trwmt-text,#e4e9ef);padding:10px;border-radius:8px;}
.trwmt-operator-owner-link{display:inline-block;padding:10px 0;}