:root {
  --bg: #191b1d;
  --panel: #242729;
  --panel-2: #2e3235;
  --panel-3: #151719;
  --line: #484d50;
  --line-soft: #34383b;
  --text: #e5e7e8;
  --muted: #a3a8ab;
  --accent: #40b8a6;
  --accent-2: #e9c84b;
  --danger: #e84747;
  --solo: #35c76f;
  --left: 252px;
  --row-height: 140px;
  --mixer-height: 246px;
  --radius: 6px;
  font-family: "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; background: var(--bg); color: var(--text); }
body { overflow: hidden; }
button, input, select { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible { outline: 2px solid var(--accent-2); outline-offset: 1px; }

.app-shell {
  min-height: 100vh;
  height: 100vh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  background: linear-gradient(180deg, #242628 0, #191b1d 210px);
}

.app-header { border-bottom: 1px solid #0c0d0e; background: #25282a; box-shadow: 0 2px 8px rgba(0,0,0,.28); z-index: 50; }
.menu-row { height: 36px; display: flex; align-items: center; padding: 0 8px; border-bottom: 1px solid #101113; gap: 14px; }
.brand-mini { display: flex; align-items: center; gap: 8px; min-width: 220px; }
.brand-wave { width: 25px; height: 25px; display: grid; place-items: center; background: linear-gradient(145deg, #dbbd44, #817025); color: #161616; border-radius: 50% 42% 50% 42%; font-weight: 950; font-size: 9px; box-shadow: inset 0 1px rgba(255,255,255,.5), 0 2px 6px rgba(0,0,0,.35); }
.brand-app-icon { width: 29px; height: 29px; flex: 0 0 29px; object-fit: cover; border-radius: 8px; box-shadow: 0 2px 7px rgba(0,0,0,.48); }
.brand-copy { min-width: 0; }
.brand-copy strong span { color: #e7c64d; }
.mobile-header-actions, .mobile-zoom-control { display: none; }
.brand-mini strong { display: block; font-size: 12px; letter-spacing: .02em; }
.brand-mini small { color: var(--accent); font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.menu-list { display: flex; height: 100%; }
.menu-list button { border: 0; border-radius: 0; background: transparent; padding: 0 9px; font-size: 12px; color: #d7d9da; cursor: pointer; }
.menu-list button:hover { background: #3a3e41; }
.project-name-wrap { margin-left: auto; display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; }
.project-name-wrap button { border: 0; background: #17191b; border-radius: 3px; padding: 4px 10px; min-width: 150px; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; text-align: left; }

.tool-row { min-height: 48px; display: flex; align-items: center; gap: 8px; padding: 6px 8px; background: linear-gradient(#33373a, #272a2c); }
.tool-group { display: flex; align-items: center; gap: 4px; }
.tool-separator { width: 1px; align-self: stretch; background: #16181a; box-shadow: 1px 0 #474b4e; margin: 0 2px; }
.tool-spacer { flex: 1; }
.tool-btn { min-width: 34px; height: 34px; border: 1px solid #141617; border-radius: 3px; background: linear-gradient(#4a4f52, #2e3234); box-shadow: inset 0 1px rgba(255,255,255,.14), 0 1px 1px rgba(0,0,0,.4); font-size: 12px; font-weight: 850; cursor: pointer; }
.tool-btn:hover { filter: brightness(1.15); }
.tool-btn:active { transform: translateY(1px); }
.tool-btn.wide { padding: 0 10px; }
.tool-btn.accent { background: linear-gradient(#dabb42, #8c7421); color: #171717; }
.tool-btn.fx, .tool-btn.active { background: linear-gradient(#3aa994, #21766a); }
.tool-btn.danger-lite:hover { background: #8d3434; }
.compact-settings { gap: 10px; white-space: nowrap; }
.compact-settings label { display: flex; align-items: center; gap: 4px; font-size: 9px; font-weight: 900; color: #c4c7c8; }
.compact-settings input { accent-color: var(--accent); }
.horizontal-zoom input { width: 92px; }

.workspace { min-height: 0; display: grid; grid-template-rows: minmax(210px, 1fr) auto var(--mixer-height); position: relative; background: #181a1c; }
.arrange-panel { grid-row: 1; min-height: 0; overflow: hidden; border-bottom: 1px solid #08090a; }
.timeline-scroller { height: 100%; overflow: auto; position: relative; background: #1b1d1f; overscroll-behavior: contain; scrollbar-color: #5c6265 #1c1e20; scrollbar-width: thin; }
.timeline-inner { min-height: 100%; min-width: 100%; position: relative; padding-top: 42px; }
.corner-cell { width: var(--left); height: 42px; position: absolute; top: 0; left: 0; z-index: 25; display: flex; align-items: center; gap: 6px; padding: 0 7px; background: linear-gradient(#3c4042, #2a2d2f); border-right: 1px solid #0d0e0f; border-bottom: 1px solid #111; box-shadow: 1px 0 #505558; will-change: transform; }
.corner-desktop-tools { display: flex; align-items: center; gap: 4px; width: 100%; }
.corner-action { height: 29px; border: 1px solid #111; border-radius: 3px; background: linear-gradient(#4a4f52,#2d3133); color: #eef0f0; cursor: pointer; font-size: 9px; font-weight: 950; box-shadow: inset 0 1px rgba(255,255,255,.12), 0 1px 2px rgba(0,0,0,.35); white-space: nowrap; }
.corner-action:hover { filter: brightness(1.14); }
.corner-action.add-track { flex: 1 1 82px; }
.corner-action.add-audio { flex: 1 1 82px; }
.corner-action.fx { flex: 0 0 44px; background: linear-gradient(#39aa95,#20766a); color: #071714; }
.corner-mobile-add, .corner-mobile-label { display: none; }
.ruler { position: absolute; left: var(--left); right: 0; top: 0; height: 42px; z-index: 16; overflow: hidden; border-bottom: 1px solid #0d0e0f; background: linear-gradient(#373b3d, #292c2e); }
.ruler::after { content: ""; position: absolute; inset: 21px 0 0; background: repeating-linear-gradient(90deg, rgba(255,255,255,.10) 0 1px, transparent 1px 10px); pointer-events: none; opacity: .45; }
.ruler-mark { position: absolute; top: 0; height: 42px; border-left: 1px solid #4f5457; color: #9da2a4; font-size: 9px; padding: 4px 0 0 4px; z-index: 2; }
.ruler-mark.major { border-left-color: #777d80; color: #d6d9da; }
.tracks-host { position: relative; }
.track-row { height: var(--row-height); min-height: 52px; display: grid; grid-template-columns: var(--left) 1fr; border-bottom: 1px solid #090a0b; position: relative; }
.track-row.selected .track-panel { background: linear-gradient(90deg, color-mix(in srgb, var(--track-color) 85%, #555), color-mix(in srgb, var(--track-color) 60%, #333)); color: #101112; }
.track-panel { position: sticky; left: 0; z-index: 12; background: linear-gradient(90deg, #8d9395, #aeb3b4); color: #111; border-right: 1px solid #101112; padding: 8px 10px 7px; display: grid; grid-template-rows: auto auto 1fr; gap: 7px; box-shadow: inset 3px 0 var(--track-color), 1px 0 #656a6c; overflow: hidden; }
.track-head { display: grid; grid-template-columns: 22px minmax(0,1fr) auto; align-items: center; gap: 6px; }
.track-number { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #743b2f; color: #fff; border: 2px solid #4a2019; box-shadow: inset 0 1px rgba(255,255,255,.45); font-size: 10px; font-weight: 900; }
.track-name { min-width: 0; font-size: 12px; font-weight: 950; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: text; }
.track-menu-btn { border: 0; background: transparent; font-weight: 950; cursor: pointer; padding: 2px 5px; }
.track-buttons { display: flex; align-items: center; gap: 5px; }
.track-button { height: 23px; min-width: 29px; padding: 0 7px; border: 1px solid #4a4f50; border-radius: 3px; background: linear-gradient(#eef0f0, #b5b9b9); color: #222; font-size: 9px; font-weight: 950; cursor: pointer; box-shadow: inset 0 1px #fff; }
.track-button.record-arm { width: 24px; min-width: 24px; border-radius: 50%; padding: 0; color: #8b1b1b; }
.track-button.record-arm.active { background: #d94040; color: #fff; border-color: #7b1111; }
.track-button.mute.active { background: #db3434; color: #fff; border-color: #7e1111; }
.track-button.solo.active { background: #2bc965; color: #071b0f; border-color: #117634; }
.track-button.fx.active { background: #2eaa92; color: #041916; border-color: #136458; }
.track-controls { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: end; gap: 8px; min-height: 0; }
.pan-control { display: grid; justify-items: center; gap: 2px; font-size: 8px; font-weight: 900; }
.pan-control input { width: 62px; accent-color: #5b5f61; }
.volume-control { display: grid; gap: 2px; font-size: 8px; font-weight: 900; }
.volume-control input { width: 100%; accent-color: #4d5254; }
.track-footer { display: flex; align-items: center; justify-content: space-between; gap: 5px; font-size: 8px; }
.track-footer button { border: 0; border-radius: 2px; background: rgba(255,255,255,.38); color: #171819; padding: 3px 6px; font-size: 8px; font-weight: 900; cursor: pointer; }
.track-footer .track-level { flex: 1; height: 7px; border: 1px solid #535859; background: #252829; position: relative; overflow: hidden; }
.track-level span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #43c26f 0 70%, #e8cc3b 82%, #e84b3f 100%); transition: width .08s linear; }
.track-lane { position: relative; overflow: hidden; min-width: 700px; background-color: #26282a; background-image: linear-gradient(90deg, rgba(255,255,255,.065) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.035) 50%, transparent 50%); touch-action: pan-x pan-y; }
.track-row:nth-child(even) .track-lane { background-color: #222426; }
.track-lane::after { content: ""; position: absolute; inset: 50% 0 auto; border-top: 1px solid rgba(255,255,255,.04); pointer-events: none; }
.empty-lane { position: absolute; inset: 0; display: flex; align-items: center; padding-left: 14px; color: #74797b; font-size: 10px; pointer-events: none; }

.clip { position: absolute; top: 10px; height: calc(var(--row-height) - 20px); min-height: 54px; min-width: 18px; border: 1px solid rgba(0,0,0,.85); border-radius: 2px; overflow: hidden; cursor: grab; touch-action: none; user-select: none; background: color-mix(in srgb, var(--track-color) 88%, #fff); box-shadow: inset 0 1px rgba(255,255,255,.45), 0 2px 5px rgba(0,0,0,.35); }
.clip:hover { filter: brightness(1.06); }
.clip:active { cursor: grabbing; }
.clip.selected {
  outline: 2px solid #fff36a;
  outline-offset: -3px;
  z-index: 8;
  filter: brightness(1.14) saturate(1.28);
  box-shadow: inset 0 1px rgba(255,255,255,.58), 0 0 0 3px rgba(241,207,69,.9), 0 0 18px rgba(241,207,69,.52);
}
.clip canvas { position: absolute; inset: 22px 0 0; width: 100%; height: calc(100% - 22px); opacity: .9; }
.clip-label { position: absolute; top: 3px; left: 8px; right: 8px; z-index: 2; color: #1a1b1c; font-size: 9px; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px rgba(255,255,255,.3); }
.clip-gain-label { position: absolute; top: 3px; right: 5px; z-index: 3; background: rgba(0,0,0,.55); color: #fff; font-size: 8px; border-radius: 2px; padding: 1px 4px; pointer-events: none; }
.trim-handle { position: absolute; top: 0; bottom: 0; width: 9px; z-index: 10; cursor: ew-resize; background: rgba(255,255,255,.04); }
.trim-handle.left { left: 0; }
.trim-handle.right { right: 0; }
.trim-handle::after { content: ""; position: absolute; top: 43%; width: 2px; height: 22px; background: rgba(20,20,20,.7); }
.trim-handle.left::after { left: 3px; }
.trim-handle.right::after { right: 3px; }
.fade-visual { position: absolute; top: 21px; bottom: 0; pointer-events: none; opacity: .8; }
.fade-visual.in { left: 0; background: linear-gradient(135deg, transparent 49%, #6d1717 50%, transparent 52%); }
.fade-visual.out { right: 0; background: linear-gradient(45deg, transparent 49%, #6d1717 50%, transparent 52%); }
.playhead { position: absolute; top: 0; bottom: 0; width: 1px; background: #e7c64b; z-index: 24; pointer-events: none; left: var(--left); box-shadow: 0 0 6px rgba(231,198,75,.72); }
.playhead::before { content: ""; position: absolute; top: 0; left: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid #e7c64b; }
.playhead span { position: absolute; top: 9px; left: 5px; background: #1a1c1e; border: 1px solid #8f7924; padding: 1px 4px; font-size: 8px; color: #f1d96e; white-space: nowrap; }

.inspector { position: absolute; right: 12px; top: 12px; z-index: 40; width: min(560px, calc(100% - 24px)); border: 1px solid #5d6265; border-radius: 5px; background: rgba(39,42,44,.98); box-shadow: 0 15px 45px rgba(0,0,0,.55); padding: 10px; }
.inspector.hidden { display: none; }
.inspector-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.inspector-title small { display: block; color: var(--accent); font-size: 8px; letter-spacing: .14em; font-weight: 900; }
.inspector-title strong { font-size: 12px; }
.inspector-title button { border: 0; background: transparent; color: #ddd; font-size: 20px; cursor: pointer; }
.inspector-fields { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 9px; }
.inspector-fields label { display: grid; gap: 3px; color: #aaa; font-size: 8px; font-weight: 800; }
.inspector-fields input { min-width: 0; width: 100%; border: 1px solid #555b5e; background: #181a1c; color: #fff; border-radius: 3px; padding: 5px; accent-color: var(--accent); }
.inspector-actions { display: flex; gap: 5px; margin-top: 8px; }
.inspector-actions button { border: 1px solid #555b5e; background: #333739; border-radius: 3px; padding: 6px 9px; font-size: 9px; cursor: pointer; }
.inspector-actions .danger { background: #7d2a2a; }

.mixer-panel { grid-row: 3; min-height: 112px; height: var(--mixer-height); overflow: hidden; border-top: 1px solid #4b5052; background: #202224; display: grid; grid-template-rows: 25px minmax(0,1fr); }
.mixer-panel.hidden { display: none; }
.workspace.mixer-hidden { grid-template-rows: minmax(210px, 1fr) auto 0; }
.mixer-head { display: flex; align-items: center; justify-content: space-between; padding: 0 8px; border-bottom: 1px solid #111; background: #2e3133; color: #aeb2b4; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.mixer-head button { width: 25px; height: 20px; border: 1px solid #171819; background: #43484a; cursor: pointer; }
.mixer-host { min-width: 100%; display: flex; align-items: stretch; overflow-x: auto; overflow-y: hidden; scrollbar-color: #555b5e #1b1d1f; }
.mixer-strip { width: 116px; min-width: 116px; display: grid; grid-template-rows: 28px 27px minmax(0,1fr) 24px; border-right: 1px solid #090a0a; background: linear-gradient(90deg, #222527, #2d3032); position: relative; }
.mixer-strip.selected { box-shadow: inset 0 -5px var(--track-color); background: linear-gradient(90deg, #363a3c, #25282a); }
.mixer-strip.master { width: 124px; min-width: 124px; background: #181a1c; }
.mixer-fx { margin: 3px 6px 0; border: 1px solid #111; border-radius: 2px; background: #555a5c; font-size: 8px; font-weight: 900; cursor: pointer; }
.mixer-fx.active { background: #2ca88f; }
.mixer-buttons { display: flex; justify-content: center; gap: 4px; padding: 3px; }
.mixer-buttons button { width: 25px; border: 1px solid #111; border-radius: 2px; background: #555a5c; font-size: 8px; font-weight: 900; cursor: pointer; }
.mixer-buttons .mute.active { background: #dc3333; }
.mixer-buttons .solo.active { background: #2bc965; color: #07170d; }
.fader-area { min-height: 0; display: grid; grid-template-columns: 22px 1fr 22px; justify-content: center; align-items: stretch; padding: 4px 8px; }
.meter { align-self: stretch; border: 1px solid #0a0b0c; background: repeating-linear-gradient(0deg,#1b1d1f 0 4px,#242729 4px 5px); position: relative; overflow: hidden; }
.meter span { position: absolute; left: 2px; right: 2px; bottom: 2px; height: 0; background: linear-gradient(0deg,#30bd60 0 72%,#e4d047 84%,#e9483f 100%); transition: height .08s linear; }
.vertical-fader { justify-self: center; width: 86px; transform: rotate(-90deg); accent-color: #c7ccce; }
.fader-db { writing-mode: vertical-rl; transform: rotate(180deg); color: #929799; font-size: 7px; text-align: center; }
.mixer-name { display: flex; align-items: center; justify-content: center; border-top: 1px solid #111; background: color-mix(in srgb, var(--track-color) 78%, #555); color: #111; font-size: 8px; font-weight: 950; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 4px; cursor: pointer; }
.mixer-strip.master .mixer-name { background: #b4b9ba; }

.transport-bar {
  height: 82px;
  min-height: 82px;
  display: grid;
  grid-template-columns: minmax(360px, 1fr) auto minmax(360px, 1fr);
  align-items: center;
  gap: 18px;
  padding: 8px 14px;
  border-top: 1px solid #51575a;
  background: linear-gradient(#303436, #202325);
  box-shadow: 0 -3px 12px rgba(0,0,0,.42);
  z-index: 100;
  position: relative;
  width: 100%;
}
.transport-left { min-width: 0; display: flex; align-items: center; gap: 18px; justify-self: stretch; }
.status-text { min-width: 70px; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; color: #9da2a4; font-size: 10px; }
.transport-monitor { display: flex; align-items: center; justify-content: flex-end; gap: 15px; flex: 0 0 auto; }
.transport-center { display: flex; align-items: center; justify-content: center; justify-self: center; }
.transport-buttons { display: flex; align-items: center; gap: 6px; }
.transport-buttons button {
  width: 40px;
  height: 40px;
  border: 1px solid #0c0d0e;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 30%, #777d80 0 13%, #555b5e 42%, #303436 74%, #1c1f21 100%);
  box-shadow: inset 0 2px 2px rgba(255,255,255,.22), inset 0 -3px 5px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.42);
  font-size: 11px;
  font-weight: 950;
  cursor: pointer;
}
.transport-buttons button:hover { filter: brightness(1.12); }
.transport-buttons button:active { transform: translateY(1px); box-shadow: inset 0 2px 5px rgba(0,0,0,.5); }
.transport-buttons .record-button {
  color: #fff;
  background: radial-gradient(circle at 38% 30%, #ff766d 0 14%, #c33831 44%, #76241f 75%, #3a1210 100%);
  font-size: 20px;
}
.transport-buttons .record-button.active { background: radial-gradient(circle at 38% 30%, #ff9b92 0 12%, #f1493e 45%, #a42019 78%, #4e0e0b 100%); box-shadow: 0 0 0 3px rgba(236,70,59,.24), 0 0 14px rgba(236,70,59,.55); }
.transport-buttons .play-button {
  width: 50px;
  height: 50px;
  font-size: 21px;
  color: #101112;
  background: radial-gradient(circle at 38% 30%, #f7f9f9 0 15%, #cfd4d5 43%, #858b8e 76%, #424749 100%);
}
.transport-buttons .play-button.playing { background: radial-gradient(circle at 38% 30%, #80eadf 0 15%, #45c7b9 46%, #208173 78%, #0f4039 100%); }
.time-display { white-space: nowrap; min-width: 156px; text-align: right; }
.time-display strong { display: block; font-size: 24px; color: #d3d7d8; letter-spacing: .025em; font-variant-numeric: tabular-nums; }
.time-display span { display: block; font-size: 10px; color: #92989a; font-variant-numeric: tabular-nums; }
.transport-master { width: 166px; display: grid; grid-template-columns: auto minmax(76px,1fr) auto; align-items: center; gap: 6px; }
.master-label { font-size: 8px; color: #b9bdbe; font-weight: 950; letter-spacing: .08em; }
.transport-master-meter { height: 13px; border: 1px solid #111; border-radius: 8px; background: #141617; overflow: hidden; box-shadow: inset 0 1px 4px rgba(0,0,0,.8); }
.transport-master-meter i { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg,#2fc766 0 66%,#e3ce42 80%,#f17736 91%,#e33e39 100%); box-shadow: 0 0 7px rgba(47,199,102,.38); transition: width .07s linear; }
.master-db { min-width: 44px; text-align: right; font-size: 8px; color: #aeb3b5; font-variant-numeric: tabular-nums; }
.transport-right { min-width: 0; justify-self: stretch; }
.transport-meta { display: flex; align-items: center; justify-content: flex-end; gap: 7px; color: #9ba0a2; font-size: 8px; white-space: nowrap; }
.transport-meta button { border: 1px solid #111; background: #3c4143; border-radius: 4px; color: #e0e3e4; font-size: 9px; font-weight: 850; padding: 6px 8px; cursor: pointer; }
.transport-meta .mini-key { min-width: 29px; height: 27px; padding: 0; font-size: 16px; font-weight: 950; }
.transport-meta .mixer-meta { min-width: 43px; font-weight: 950; }
.transport-meta .mixer-meta.active { background: linear-gradient(#39ad99,#21786c); color: #071714; }
.transport-meta .fullscreen-meta { min-width: 34px; height: 27px; padding: 0; font-size: 17px; line-height: 1; }
.transport-meta .collapse-transport { min-width: 31px; height: 27px; padding: 0; font-size: 18px; color: #ead164; border-color: #6e6024; }
.app-shell.transport-collapsed { grid-template-rows: auto minmax(0,1fr) 30px; }
.app-shell.transport-collapsed .transport-bar { height: 30px; min-height: 30px; grid-template-columns: 1fr; padding: 2px 9px; }
.app-shell.transport-collapsed .transport-left,
.app-shell.transport-collapsed .transport-center,
.app-shell.transport-collapsed .transport-meta > *:not(.collapse-transport) { display: none; }
.app-shell.transport-collapsed .transport-right { justify-self: end; display: block; }
.app-shell.transport-collapsed .transport-meta { display: flex; }
.app-shell.transport-collapsed .collapse-transport { transform: rotate(180deg); }

.boot-error {
  margin: 24px;
  max-width: 620px;
  display: grid;
  gap: 10px;
  padding: 18px;
  border: 1px solid #8d4d4d;
  border-radius: 8px;
  background: #341f20;
  color: #f3dddd;
  font-size: 13px;
}
.boot-error strong { font-size: 17px; }
.boot-error button { justify-self: start; border: 1px solid #111; border-radius: 4px; background: #c39d37; color: #171717; padding: 8px 12px; font-weight: 850; cursor: pointer; }

.mobile-toolbar { display: none; }
.mobile-time-badge { display: none; }
.mobile-dock { display: none; }
.dialog { border: 1px solid #5d6365; border-radius: 7px; background: #292c2e; color: #e7e9e9; box-shadow: 0 25px 80px rgba(0,0,0,.65); width: min(560px, calc(100vw - 24px)); padding: 0; }
.dialog::backdrop { background: rgba(0,0,0,.72); backdrop-filter: blur(2px); }
.dialog form { padding: 18px; }
.dialog h2 { margin: 2px 0 7px; font-size: 18px; }
.dialog p { color: #abb0b2; font-size: 11px; line-height: 1.5; }
.dialog-label { display: grid; gap: 5px; font-size: 10px; color: #b4b8ba; margin-top: 12px; }
.dialog input[type=text] { border: 1px solid #555b5d; border-radius: 3px; background: #17191b; color: #fff; padding: 9px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 7px; margin-top: 16px; }
.dialog-actions button, .preset-row button { border: 1px solid #141617; border-radius: 3px; background: #454a4c; color: #fff; padding: 8px 11px; cursor: pointer; }
.dialog-actions .primary { background: #278d7e; }
.dialog-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.dialog-title-row small { font-size: 8px; color: var(--accent); font-weight: 900; letter-spacing: .16em; }
.close-dialog { border: 0; background: transparent; color: #ddd; font-size: 23px; cursor: pointer; }
.project-list { display: grid; gap: 7px; max-height: 50vh; overflow: auto; margin-top: 12px; }
.project-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid #4b5052; border-radius: 4px; padding: 9px; background: #1e2022; }
.project-item strong { display: block; font-size: 11px; }
.project-item small { color: #929799; font-size: 9px; }
.project-item-actions { display: flex; gap: 5px; }
.project-item-actions button { border: 1px solid #111; background: #3e4345; border-radius: 3px; padding: 6px 8px; font-size: 9px; cursor: pointer; }
.preset-row { display: flex; gap: 6px; flex-wrap: wrap; margin: 12px 0; }
.fx-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.fx-grid label { border: 1px solid #4b5052; border-radius: 4px; padding: 10px; display: flex; align-items: flex-start; gap: 8px; background: #1d1f21; cursor: pointer; }
.fx-grid input { margin-top: 2px; accent-color: var(--accent); }
.fx-grid strong { display: block; font-size: 10px; }
.fx-grid small { display: block; color: #969b9d; font-size: 8px; margin-top: 2px; line-height: 1.35; }
.shortcut-grid { display: grid; grid-template-columns: auto 1fr; gap: 7px 10px; align-items: center; margin-top: 12px; }
kbd { min-width: 48px; border: 1px solid #111; border-bottom-width: 3px; border-radius: 4px; background: #454a4c; padding: 5px 8px; text-align: center; font-size: 9px; font-weight: 900; }
.shortcut-grid span { font-size: 10px; color: #c8cbcc; }
.context-menu { position: fixed; z-index: 120; min-width: 180px; border: 1px solid #5c6264; border-radius: 4px; background: #2c3032; box-shadow: 0 15px 40px rgba(0,0,0,.55); padding: 4px; }
.context-menu.hidden { display: none; }
.context-menu button { display: block; width: 100%; border: 0; background: transparent; color: #e4e6e6; text-align: left; padding: 8px 9px; font-size: 10px; cursor: pointer; }
.context-menu button:hover { background: #414648; }
.toast { position: fixed; left: 50%; bottom: 78px; transform: translate(-50%, 15px); z-index: 150; opacity: 0; pointer-events: none; background: #151719; border: 1px solid #5a6062; color: #f0f1f1; padding: 9px 13px; border-radius: 4px; box-shadow: 0 15px 45px rgba(0,0,0,.55); transition: .18s ease; max-width: min(520px, 90vw); font-size: 10px; text-align: center; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }


.hidden-control { display: none !important; }
.track-panel { padding: 10px 12px 9px; gap: 8px; }
.track-head { grid-template-columns: 29px minmax(0,1fr) auto; gap: 8px; }
.track-number {
  width: 28px;
  height: 28px;
  font-size: 11px;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 30%, #bd6a56 0 13%, #7d3e30 45%, #4b2019 78%, #2a100c 100%);
  border: 2px solid #3c1813;
  box-shadow: inset 0 2px 2px rgba(255,255,255,.34), inset 0 -3px 4px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.36);
}
.track-name { font-size: 14px; font-weight: 800; letter-spacing: .01em; }
.track-button { height: 27px; min-width: 34px; padding: 0 9px; font-size: 10px; border-radius: 4px; }
.track-button.record-arm {
  width: 29px;
  min-width: 29px;
  height: 29px;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 30%, #fafafa 0 14%, #c9cecf 45%, #777d7f 78%, #383c3e 100%);
  box-shadow: inset 0 2px 2px rgba(255,255,255,.75), inset 0 -3px 4px rgba(0,0,0,.35), 0 2px 3px rgba(0,0,0,.35);
}
.track-button.record-arm.active { background: radial-gradient(circle at 38% 30%, #ff8e86 0 14%, #e5433a 45%, #8d1e18 78%, #450d0a 100%); }
.pan-control, .volume-control { font-size: 9px; }
.track-footer { font-size: 9px; }
.track-footer button { padding: 6px 10px; font-size: 10px; border-radius: 4px; background: rgba(255,255,255,.52); }
.track-footer button:hover { background: rgba(255,255,255,.72); }
.empty-lane { font-size: 11px; }
.clip-label { top: 4px; font-size: 11px; font-weight: 800; }
.clip-gain-label { top: 4px; font-size: 9px; }
.clip canvas { inset: 25px 0 0; height: calc(100% - 25px); }
.fade-visual { top: 24px; }
.context-menu.clip-context { width: min(430px, calc(100vw - 18px)); padding: 10px; border-radius: 7px; background: rgba(39,42,44,.99); }
.clip-context-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #4d5355; }
.clip-context-head small { display: block; color: #4fd0bd; font-size: 8px; font-weight: 950; letter-spacing: .13em; }
.clip-context-head strong { display: block; margin-top: 2px; font-size: 12px; max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clip-context-head button { width: auto; padding: 2px 7px; font-size: 18px; text-align: center; }
.clip-context-fields { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin: 9px 0; }
.clip-context-fields label { display: grid; gap: 4px; color: #b4b9bb; font-size: 8px; font-weight: 850; }
.clip-context-fields input { min-width: 0; width: 100%; border: 1px solid #575d60; background: #17191b; color: #fff; border-radius: 4px; padding: 7px; accent-color: #e5c64b; }
.clip-context-fields label:last-child { grid-column: span 1; }
.clip-context-actions { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; padding-top: 7px; border-top: 1px solid #444a4c; }
.clip-context-actions button { border: 1px solid #161819; border-radius: 4px; background: #3b4042; padding: 8px 6px; text-align: center; font-size: 9px; }
.clip-context-actions button:hover { background: #505659; }
.clip-context-actions button.danger { background: #7f2929; }


/* PRO 2.9 — faixas ultracompactas para projetos grandes */
html.compact-tracks .track-panel { padding: 4px 7px; gap: 3px; grid-template-rows: auto auto; }
html.compact-tracks .track-controls,
html.compact-tracks .track-footer,
html.compact-tracks .track-button.record-arm,
html.compact-tracks .track-buttons .track-button:nth-child(2),
html.compact-tracks .track-buttons .track-button.fx { display: none; }
html.compact-tracks .track-head { gap: 4px; }
html.compact-tracks .track-name { font-size: 10px; }
html.compact-tracks .track-number { width: 20px; height: 20px; font-size: 8px; }
html.compact-tracks .track-buttons { gap: 4px; }
html.compact-tracks .track-button.mute,
html.compact-tracks .track-button.solo { height: 21px; min-width: 31px; }
html.compact-tracks .clip { top: 5px; height: calc(var(--row-height) - 10px); min-height: 32px; }
html.compact-tracks .clip canvas { inset: 18px 0 0; height: calc(100% - 18px); }
html.compact-tracks .clip-label { top: 2px; font-size: 8px; }
@media (max-width: 1050px) {
  :root { --left: 190px; }
  .brand-mini { min-width: 185px; }
  .menu-list button { padding: 0 6px; font-size: 10px; }
  .compact-settings label:not(.horizontal-zoom) { display: none; }
  .track-panel { padding: 7px; }
  .track-name { font-size: 10px; }
  .transport-bar { grid-template-columns: minmax(280px,1fr) auto minmax(250px,1fr); gap: 10px; }
  .transport-left { gap: 9px; }
  .transport-monitor { gap: 8px; }
  .time-display { min-width: 126px; }
  .time-display strong { font-size: 20px; }
  .transport-master { width: 122px; }
  .status-text { display: none; }
  .transport-meta > span { display: none; }
}

@media (max-width: 760px) {
  :root { --left: 148px; --row-height: 118px; --mixer-height: 190px; }
  body { overflow: hidden; }
  .app-shell { padding-bottom: 0; }
  .menu-row { height: 40px; gap: 8px; }
  .brand-mini { min-width: 0; flex: 1; }
  .brand-mini strong { font-size: 11px; }
  .menu-list { display: none; }
  .project-name-wrap span { display: none; }
  .project-name-wrap button { min-width: 90px; max-width: 120px; font-size: 9px; }
  .tool-row { overflow-x: auto; min-height: 44px; padding: 5px; scrollbar-width: none; }
  .tool-row::-webkit-scrollbar { display: none; }
  .tool-btn { min-width: 32px; height: 32px; font-size: 10px; flex: 0 0 auto; }
  .tool-btn.wide { padding: 0 7px; }
  .tool-separator, .compact-settings { display: none; }
  .tool-spacer { display: none; }
  .workspace { grid-template-rows: minmax(230px,1fr) auto var(--mixer-height); }
  .corner-cell { padding: 0 6px; transform: none !important; }
  .corner-desktop-tools { display: none; }
  .corner-mobile-add { display: block; width: 34px; height: 34px; border: 1px solid #111; border-radius: 5px; background: #159b8d; color: #fff; cursor: pointer; font-size: 24px; font-weight: 950; }
  .corner-mobile-label { display: none; }
  .track-panel { padding: 6px; gap: 5px; }
  .track-head { grid-template-columns: 20px minmax(0,1fr) auto; gap: 4px; }
  .track-number { width: 20px; height: 20px; font-size: 8px; }
  .track-name { font-size: 10px; }
  .track-button { min-width: 27px; height: 23px; padding: 0 5px; font-size: 9px; }
  .track-button.record-arm { width: 21px; min-width: 21px; }
  .track-buttons { gap: 3px; }
  .track-controls { grid-template-columns: 1fr; gap: 3px; }
  .pan-control { display: none; }
  .track-footer .track-level { display: none; }
  .track-footer button { padding: 5px 7px; font-size: 9px; }
  .clip { top: 8px; height: calc(var(--row-height) - 16px); }
  .mixer-strip { width: 96px; min-width: 96px; }
  .mixer-strip.master { width: 100px; min-width: 100px; }
  .transport-bar {
    min-height: 72px;
    height: 72px;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    gap: 6px;
    padding: 5px 7px;
  }
  .transport-left { overflow: hidden; }
  .transport-monitor { gap: 5px; }
  .time-display { min-width: 92px; }
  .time-display strong { font-size: 15px; }
  .time-display span { font-size: 8px; }
  .transport-master { width: 84px; grid-template-columns: 1fr; gap: 2px; }
  .transport-master .master-label, .transport-master .master-db { display: none; }
  .transport-buttons { gap: 3px; }
  .transport-buttons button { width: 31px; height: 31px; font-size: 9px; }
  .transport-buttons .play-button { width: 39px; height: 39px; font-size: 16px; }
  .transport-right { overflow-x: auto; scrollbar-width: none; }
  .transport-right::-webkit-scrollbar { display: none; }
  .transport-meta { justify-content: flex-end; gap: 4px; }
  .transport-meta #trackZoomLabel, .transport-meta .mini-key { display: none; }
  .transport-meta button { padding: 5px 6px; font-size: 8px; }
  .mobile-dock { display: none; }
  .mobile-dock button { border: 0; background: transparent; color: #e0e3e3; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 17px; padding: 3px; }
  .mobile-dock button span { color: #9ea3a5; font-size: 8px; }
  .inspector { top: 8px; right: 8px; width: calc(100% - 16px); }
  .inspector-fields { grid-template-columns: 1fr 1fr; }
  .clip-context-fields { grid-template-columns: 1fr 1fr; }
  .clip-context-actions { grid-template-columns: 1fr 1fr; }
  .fx-grid { grid-template-columns: 1fr; }
  .toast { bottom: 76px; }
}

@media (max-width: 440px) {
  :root { --left: 132px; --row-height: 112px; --mixer-height: 170px; }
  .brand-mini small { display: none; }
  .project-name-wrap button { max-width: 90px; }
  .track-button.fx { display: none; }
  .track-footer button:last-child { display: none; }
  .mixer-strip { width: 88px; min-width: 88px; }
  .inspector-actions { flex-wrap: wrap; }
  .inspector-actions button { flex: 1 1 42%; }
}


/* =========================
   MODO CELULAR PRO 2.2
   Todas as regras abaixo são exclusivas para telas pequenas.
   A interface de computador permanece intacta.
   ========================= */
@media (max-width: 760px) {
  :root {
    --left: 102px;
    --row-height: 96px;
    --mixer-height: 42dvh;
  }

  html, body, .app-shell { height: 100dvh; min-height: 100dvh; }
  .app-shell { grid-template-rows: auto minmax(0, 1fr) 64px; }
  .app-header { position: relative; z-index: 70; }

  .menu-row {
    height: 46px;
    padding: 0 8px;
    background: linear-gradient(#292d2f, #202325);
  }
  .brand-mini { min-width: 0; flex: 1; gap: 7px; }
  .brand-wave { width: 30px; height: 30px; font-size: 10px; }
  .brand-mini strong { font-size: 13px; }
  .brand-mini small { display: block; font-size: 7px; }
  .project-name-wrap { display: none; }
  .tool-row { display: none !important; }

  .mobile-toolbar {
    height: 52px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    border-top: 1px solid #454a4c;
    border-bottom: 1px solid #101112;
    background: linear-gradient(#34383a, #282b2d);
    position: relative;
  }
  .mobile-toolbar > button {
    min-width: 0;
    border: 0;
    border-right: 1px solid #17191a;
    background: transparent;
    color: #e7e9e9;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1px;
    padding: 3px 2px;
    cursor: pointer;
  }
  .mobile-toolbar > button:active { background: #424749; }
  .mobile-toolbar > button strong { font-size: 18px; line-height: 1; color: #ead05c; }
  .mobile-toolbar > button span { font-size: 8px; font-weight: 850; color: #d5d8d9; }
  .mobile-time-badge {
    display: flex;
    position: absolute;
    right: 6px;
    bottom: -24px;
    z-index: 32;
    align-items: baseline;
    gap: 4px;
    padding: 3px 7px;
    border: 1px solid #5c5123;
    border-radius: 4px;
    background: rgba(25,27,29,.93);
    box-shadow: 0 2px 8px rgba(0,0,0,.35);
    pointer-events: none;
    font-variant-numeric: tabular-nums;
  }
  .mobile-time-badge span { color: #f0d45a; font-size: 11px; font-weight: 900; }
  .mobile-time-badge small { color: #aeb3b5; font-size: 7px; }

  .workspace {
    min-height: 0;
    grid-template-rows: minmax(0, 1fr) !important;
    overflow: hidden;
  }
  .arrange-panel { grid-row: 1; }
  .timeline-inner { padding-top: 34px; }
  .corner-cell, .ruler { height: 34px; }
  .corner-cell { width: var(--left); padding: 0 5px; justify-content: flex-start; }
  .corner-cell button { width: 30px; height: 28px; font-size: 17px; border-radius: 5px; }
  .corner-cell span { display: inline; font-size: 7px; letter-spacing: .08em; }
  .ruler { left: var(--left); }
  .ruler::after { inset: 17px 0 0; }
  .ruler-mark { height: 34px; padding-top: 3px; font-size: 8px; }

  .track-row { min-height: 82px; }
  .track-panel {
    padding: 5px 6px;
    gap: 4px;
    grid-template-rows: auto auto 1fr;
  }
  .track-head { grid-template-columns: 24px minmax(0, 1fr) 20px; gap: 4px; }
  .track-number { width: 24px; height: 24px; font-size: 9px; }
  .track-name { font-size: 10px; line-height: 1.08; white-space: normal; max-height: 24px; }
  .track-menu-btn { font-size: 18px; padding: 0; }
  .track-buttons { gap: 4px; }
  .track-buttons .track-button:nth-child(2),
  .track-buttons .track-button.fx { display: none; }
  .track-button { min-width: 25px; height: 24px; padding: 0 5px; font-size: 9px; }
  .track-button.record-arm { width: 25px; min-width: 25px; height: 25px; }
  .track-controls { display: block; }
  .pan-control { display: none; }
  .volume-control { gap: 1px; font-size: 7px; }
  .volume-control input { height: 18px; }
  .track-footer { display: none; }

  .track-lane { min-width: 620px; touch-action: pan-x pan-y; }
  .empty-lane { padding-left: 10px; max-width: 260px; font-size: 9px; line-height: 1.35; }
  .clip { top: 7px; height: calc(var(--row-height) - 14px); min-height: 54px; }
  .clip-label { top: 4px; left: 6px; right: 6px; font-size: 10px; }
  .clip canvas { inset: 23px 0 0; height: calc(100% - 23px); }
  .fade-visual { top: 22px; }
  .trim-handle { width: 12px; }

  .transport-bar {
    height: 64px;
    min-height: 64px;
    grid-template-columns: 1fr;
    padding: 5px 8px max(5px, env(safe-area-inset-bottom));
    gap: 0;
    position: relative;
    z-index: 105;
  }
  .transport-left, .transport-right { display: none !important; }
  .transport-center { width: 100%; justify-self: stretch; justify-content: center; }
  .transport-buttons { width: 100%; max-width: 340px; justify-content: center; gap: 8px; }
  .transport-buttons #goStartBtn,
  .transport-buttons #loopBtn { display: none; }
  .transport-buttons button { width: 39px; height: 39px; font-size: 10px; flex: 0 0 auto; }
  .transport-buttons .record-button { font-size: 18px; }
  .transport-buttons .play-button { width: 50px; height: 50px; font-size: 20px; }
  .app-shell.transport-collapsed { grid-template-rows: auto minmax(0, 1fr) 28px; }
  .app-shell.transport-collapsed .transport-bar { height: 28px; min-height: 28px; }

  .mixer-panel {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 64px;
    height: min(44dvh, 360px) !important;
    z-index: 95;
    border-top: 2px solid #58c6b4;
    box-shadow: 0 -12px 40px rgba(0,0,0,.68);
  }
  .workspace.mixer-hidden .mixer-panel, .mixer-panel.hidden { display: none; }
  .mixer-strip { width: 102px; min-width: 102px; }
  .mixer-strip.master { width: 106px; min-width: 106px; }

  .context-menu,
  .context-menu.clip-context {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    bottom: 72px !important;
    width: auto !important;
    max-height: min(68dvh, 560px);
    overflow: auto;
    border-radius: 12px 12px 6px 6px;
    padding: 8px;
    box-shadow: 0 -18px 55px rgba(0,0,0,.72);
  }
  .context-menu:not(.clip-context) button {
    min-height: 42px;
    border-bottom: 1px solid #454a4c;
    font-size: 12px;
  }
  .clip-context-head strong { max-width: 260px; font-size: 12px; }
  .clip-context-fields { grid-template-columns: 1fr 1fr; }
  .clip-context-actions { grid-template-columns: 1fr 1fr; }
  .clip-context-actions button { min-height: 42px; font-size: 10px; }

  .dialog.mobile-more-dialog {
    width: calc(100vw - 14px);
    max-height: 86dvh;
    margin: auto auto 7px;
    border-radius: 14px 14px 7px 7px;
  }
  .mobile-more-dialog form { padding: 15px; }
  .mobile-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 13px;
  }
  .mobile-action-grid button {
    min-height: 58px;
    border: 1px solid #131516;
    border-radius: 7px;
    background: linear-gradient(#484d50, #303436);
    color: #fff;
    display: grid;
    grid-template-columns: 46px 1fr;
    align-items: center;
    text-align: left;
    padding: 8px;
  }
  .mobile-action-grid strong { color: #ead05c; font-size: 16px; text-align: center; }
  .mobile-action-grid span { font-size: 11px; font-weight: 850; }
  .mobile-help-text { margin: 12px 0 0; padding: 10px; border-radius: 6px; background: #1c1f20; color: #bcc1c2; font-size: 10px; line-height: 1.5; }

  .toast { bottom: 70px; }
}

@media (max-width: 440px) {
  :root { --left: 92px; --row-height: 92px; }
  .brand-mini strong { font-size: 12px; }
  .brand-mini small { display: none; }
  .mobile-toolbar > button strong { font-size: 17px; }
  .mobile-toolbar > button span { font-size: 7px; }
  .corner-cell span { display: none; }
  .track-name { font-size: 9px; }
  .track-button { min-width: 23px; height: 23px; padding: 0 4px; }
  .track-button.record-arm { width: 23px; min-width: 23px; height: 23px; }
  .transport-buttons { gap: 6px; }
  .transport-buttons button { width: 37px; height: 37px; }
  .transport-buttons .play-button { width: 48px; height: 48px; }
  .mobile-action-grid { grid-template-columns: 1fr 1fr; }
}


/* =====================================================
   MODO CELULAR PRO 2.5 — TIMELINE CENTRAL E TELA LIMPA
   Regras exclusivas para celular. O desktop permanece igual.
   ===================================================== */
.mobile-edit-bar { display: none; }

@media (max-width: 760px) {
  :root {
    --left: 48px;
    --row-height: 104px;
    --mobile-edit-height: 72px;
    --mobile-transport-height: 64px;
  }

  .app-shell {
    grid-template-rows: auto minmax(0, 1fr) var(--mobile-edit-height) var(--mobile-transport-height) !important;
  }

  /* Topo mais limpo: cortar fica na barra de edição inferior. */
  .mobile-toolbar {
    height: 48px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  #mobileCutBtn { display: none !important; }
  .mobile-toolbar > button strong { font-size: 19px; }
  .mobile-toolbar > button span { font-size: 8px; }

  /* O relógio acompanha visualmente a agulha central. */
  .mobile-time-badge {
    left: 50%;
    right: auto;
    bottom: -29px;
    transform: translateX(-50%);
    min-width: 148px;
    justify-content: center;
    z-index: 90;
  }

  .workspace { grid-row: 2; }
  .arrange-panel { overflow: hidden; }
  .timeline-scroller {
    overflow-x: auto;
    overflow-y: auto;
    scroll-behavior: auto;
    touch-action: pan-x pan-y;
    scrollbar-width: none;
  }
  .timeline-scroller::-webkit-scrollbar { display: none; }

  .timeline-inner,
  .tracks-host { touch-action: pan-x pan-y; }

  /* O botão + permanece visível mesmo quando a timeline desliza. */
  .corner-cell {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 96;
  }
  .corner-cell button {
    width: 36px;
    height: 32px;
    font-size: 21px;
    border-radius: 8px;
    box-shadow: 0 3px 9px rgba(0,0,0,.42);
  }

  /* A lateral vira apenas um trilho compacto. M/S/REC/volume abrem no menu. */
  .track-panel {
    z-index: 65;
    width: var(--left);
    min-width: var(--left);
    padding: 7px 4px;
    display: block;
    background: linear-gradient(180deg, #aeb3b4, #858b8d);
    box-shadow: inset 4px 0 var(--track-color), 2px 0 6px rgba(0,0,0,.45);
    overflow: hidden;
  }
  .track-row.selected .track-panel {
    background: linear-gradient(180deg, color-mix(in srgb, var(--track-color) 68%, #eee), color-mix(in srgb, var(--track-color) 50%, #777));
  }
  .track-head {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
  }
  .track-number {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    font-size: 11px;
    border-radius: 50%;
    box-shadow: inset 0 2px 3px rgba(255,255,255,.55), 0 3px 7px rgba(0,0,0,.38);
  }
  .track-name,
  .track-buttons,
  .track-controls,
  .track-footer { display: none !important; }
  .track-menu-btn {
    width: 32px;
    height: 42px;
    font-size: 25px;
    line-height: 1;
    border-radius: 8px;
    color: #141516;
    background: rgba(255,255,255,.22);
  }
  .track-menu-btn:active { background: rgba(255,255,255,.55); }

  .track-row { grid-template-columns: var(--left) 1fr; }
  .track-lane {
    min-width: 0;
    overflow: hidden;
    border-left: 1px solid #08090a;
    touch-action: pan-x pan-y;
  }
  .track-lane::before {
    content: attr(data-track-name);
    position: sticky;
    left: calc(var(--left) + 8px);
    top: 5px;
    z-index: 3;
    display: inline-block;
    max-width: 160px;
    padding: 3px 7px;
    border-radius: 10px;
    background: rgba(14,16,17,.72);
    color: #eef0f0;
    font-size: 8px;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
  }
  .empty-lane { font-size: 10px; max-width: 250px; }
  .clip { border-radius: 6px; }
  .clip-label { font-size: 11px; }
  .trim-handle { width: 16px; }

  /* A agulha fica fixa no centro; a timeline é que desliza. */
  .playhead {
    z-index: 82;
    width: 2px;
    background: #f1cf45;
    box-shadow: 0 0 9px rgba(241,207,69,.9);
  }
  .playhead::before {
    left: -8px;
    border-left-width: 8px;
    border-right-width: 8px;
    border-top-width: 12px;
    border-top-color: #f1cf45;
  }
  .playhead span { display: none; }

  /* Carrossel de edição, inspirado no fluxo de apps móveis. */
  .mobile-edit-bar {
    grid-row: 3;
    height: var(--mobile-edit-height);
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    border-top: 1px solid #555b5e;
    border-bottom: 1px solid #0c0d0e;
    background: linear-gradient(#303436, #222527);
    box-shadow: 0 -5px 16px rgba(0,0,0,.36);
    z-index: 104;
  }
  .mobile-edit-bar::-webkit-scrollbar { display: none; }
  .mobile-edit-bar button {
    flex: 0 0 76px;
    min-width: 76px;
    border: 0;
    border-right: 1px solid #111314;
    background: transparent;
    color: #dfe2e3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 5px 4px;
  }
  .mobile-edit-bar button:active,
  .mobile-edit-bar button.active { background: #454a4c; }
  .mobile-edit-bar button strong {
    color: #e8c947;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
  }
  .mobile-edit-bar button span {
    color: #d5d8d9;
    font-size: 9px;
    font-weight: 850;
    white-space: nowrap;
  }
  .mobile-edit-bar button.danger strong { color: #ef6a6a; }

  .transport-bar {
    grid-row: 4;
    height: var(--mobile-transport-height);
    min-height: var(--mobile-transport-height);
  }

  /* Menus e diálogos ocupam a tela toda no celular. */
  .context-menu,
  .context-menu.clip-context,
  .context-menu.track-mobile-panel {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 18px 14px calc(26px + env(safe-area-inset-bottom)) !important;
    background: linear-gradient(180deg, #2b2f31, #1d2022) !important;
    box-shadow: none !important;
    z-index: 220 !important;
  }
  .clip-context-head,
  .track-mobile-head {
    position: sticky;
    top: -18px;
    z-index: 4;
    margin: -18px -14px 14px;
    padding: 18px 14px 14px;
    background: rgba(38,42,44,.98);
    border-bottom: 1px solid #555b5e;
  }
  .clip-context-head small,
  .track-mobile-head small { font-size: 10px; }
  .clip-context-head strong,
  .track-mobile-head strong { font-size: 18px; max-width: calc(100vw - 80px); }
  .clip-context-head button,
  .track-mobile-head button {
    min-width: 44px;
    min-height: 44px;
    border-radius: 8px;
    background: #3d4244;
  }
  .clip-context-fields,
  .track-mobile-fields {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin: 14px 0 !important;
  }
  .clip-context-fields label,
  .track-mobile-fields label { font-size: 11px; gap: 7px; }
  .clip-context-fields input,
  .track-mobile-fields input { min-height: 48px; font-size: 15px; }
  .clip-context-actions,
  .track-mobile-actions {
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
  }
  .clip-context-actions button,
  .track-mobile-actions button {
    min-height: 58px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 800;
  }
  .track-mobile-toggles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin: 14px 0;
  }
  .track-mobile-toggles button {
    min-height: 58px;
    border: 1px solid #151718;
    border-radius: 9px;
    background: #414648;
    font-weight: 900;
  }
  .track-mobile-toggles button.active.arm { background: #c93636; }
  .track-mobile-toggles button.active.mute { background: #d83434; }
  .track-mobile-toggles button.active.solo { background: #2fc66a; color: #07170d; }
  .track-mobile-toggles button.active.fx { background: #2ca88f; }

  .dialog {
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  .dialog form {
    min-height: 100%;
    padding: 18px 14px calc(28px + env(safe-area-inset-bottom));
  }
  .dialog-title-row {
    position: sticky;
    top: -18px;
    z-index: 4;
    margin: -18px -14px 14px;
    padding: 18px 14px 13px;
    background: rgba(38,42,44,.98);
    border-bottom: 1px solid #555b5e;
  }
  .mobile-action-grid button { min-height: 72px; }
  .mobile-help-text { font-size: 13px; }

  .mixer-panel { bottom: calc(var(--mobile-edit-height) + var(--mobile-transport-height)); }
  .toast { bottom: calc(var(--mobile-edit-height) + var(--mobile-transport-height) + 8px); }
}

@media (max-width: 440px) {
  :root { --left: 44px; --row-height: 100px; }
  .mobile-edit-bar button { flex-basis: 72px; min-width: 72px; }
  .track-number { width: 28px; height: 28px; flex-basis: 28px; }
  .track-menu-btn { width: 30px; }
}

/* Editor AudioRAS 2.6 — identidade e controles móveis */
@media (max-width:760px){.brand-app-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px}.brand-mini{min-width:0}.brand-mini strong{font-size:12px}}


/* =====================================================
   EDITOR AUDIORAS 2.6 — AJUSTES EXCLUSIVOS PARA CELULAR
   O desktop mantém a organização aprovada.
   ===================================================== */
@media (max-width: 760px) {
  .menu-row {
    height: 66px;
    min-height: 66px;
    padding: 0 8px;
    gap: 7px;
    background: linear-gradient(180deg, #292d2f 0%, #202426 100%);
  }
  .brand-mini { min-width: 0; flex: 1 1 auto; gap: 8px; overflow: hidden; }
  .brand-app-icon {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 4px 11px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.14);
  }
  .brand-copy { overflow: hidden; min-width: 0; }
  .brand-mini strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: clamp(16px, 5vw, 23px);
    line-height: 1.04;
    font-weight: 950;
    letter-spacing: -.035em;
    background: linear-gradient(180deg, #ffffff 0%, #d8dbdc 36%, #858b8e 70%, #f3f4f4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 2px 3px rgba(0,0,0,.58);
  }
  .brand-mini strong span {
    background: linear-gradient(180deg, #fff 0%, #d9dcdd 38%, #7c8386 70%, #f3f4f4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .brand-mini small { margin-top: 3px; color: #d9bd4b; font-size: 7px; letter-spacing: .12em; }

  .mobile-header-actions {
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
  }
  .mobile-header-actions button {
    width: 43px;
    height: 45px;
    border: 1px solid #111314;
    border-radius: 8px;
    background: linear-gradient(#454a4c, #2b2f31);
    box-shadow: inset 0 1px rgba(255,255,255,.16), 0 2px 5px rgba(0,0,0,.38);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    padding: 2px;
  }
  .mobile-header-actions button:active { transform: translateY(1px); filter: brightness(1.13); }
  .mobile-header-actions strong { color: #ebcd4c; font-size: 13px; line-height: 1; }
  .mobile-header-actions span { color: #eef0f0; font-size: 6px; font-weight: 850; }

  .mobile-edit-bar button.split-action strong { color: #f0d259; font-size: 25px; }
  .mobile-edit-bar button.danger { border-left: 1px solid #4a2424; }
  .mobile-edit-bar button.danger strong { color: #ff6b6b; }

  .clip.selected {
    outline: 3px solid #fff;
    outline-offset: -4px;
    filter: brightness(1.2) saturate(1.4);
    box-shadow: inset 0 0 0 3px #f1cf45, 0 0 0 2px #111, 0 0 18px rgba(241,207,69,.76);
  }
  .clip.selected .clip-label { color: #080909; text-shadow: 0 1px rgba(255,255,255,.7); }
  .clip canvas { image-rendering: auto; }

  .transport-center {
    width: 100%;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 58px;
    align-items: center;
    gap: 8px;
    padding: 0 4px;
  }
  .mobile-zoom-control {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #e8ecee;
    outline: 1px dotted #fff;
    outline-offset: -6px;
    background: radial-gradient(circle at 38% 28%, #3d4245 0 18%, #1b1e20 58%, #050607 100%);
    color: #fff;
    font-size: 35px;
    line-height: 1;
    font-weight: 500;
    box-shadow: inset 0 2px 4px rgba(255,255,255,.18), inset 0 -5px 8px rgba(0,0,0,.68), 0 4px 10px rgba(0,0,0,.58);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }
  .mobile-zoom-control:active {
    transform: scale(.95);
    background: radial-gradient(circle at 40% 30%, #5a6063 0 18%, #25292b 58%, #090a0b 100%);
  }
  .transport-buttons {
    width: 100%;
    max-width: none;
    justify-content: space-between;
    gap: 9px;
  }
  .transport-buttons button { width: 42px; height: 42px; }
  .transport-buttons .play-button { width: 54px; height: 54px; }
  .transport-buttons #goStartBtn, .transport-buttons #loopBtn { display: none; }

  .mobile-time-badge { pointer-events: none; }
}

@media (max-width: 410px) {
  .menu-row { height: 62px; min-height: 62px; }
  .brand-app-icon { width: 45px; height: 45px; flex-basis: 45px; }
  .brand-mini strong { font-size: 17px; }
  .mobile-header-actions button { width: 38px; height: 41px; }
  .transport-center { grid-template-columns: 50px minmax(0, 1fr) 50px; gap: 5px; padding: 0 2px; }
  .mobile-zoom-control { width: 48px; height: 48px; font-size: 31px; }
  .transport-buttons { gap: 5px; }
  .transport-buttons button { width: 36px; height: 36px; }
  .transport-buttons .play-button { width: 48px; height: 48px; }
}

/* =========================
   AUDIORAS IA INTEGRADA — PRO 2.7
   Tela cheia interna para Playback e VS.
   ========================= */
.ai-toolbar-group { gap: 6px; }

/* Mixer e FX PRO 2.8 */
.fx-live-note{margin:12px 0 10px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:9px 10px;border:1px solid #364044;border-radius:7px;background:#15191b;color:#d9ddde}.fx-live-note b{font-size:9px;letter-spacing:.08em;color:#4bd3b3}.fx-live-note small{font-size:9px;color:#939b9e}.fx-live-dot{width:8px;height:8px;border-radius:50%;background:#39d27c;box-shadow:0 0 9px #39d27c}.fx-tuning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.fx-tuning-grid label{display:grid;gap:7px;padding:10px;border:1px solid #3b4245;border-radius:7px;background:linear-gradient(#272c2f,#1e2224)}.fx-tuning-grid label span{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;color:#e3e6e7}.fx-tuning-grid label b{color:#e1bd4c;font-size:9px}.fx-tuning-grid input[type=range]{width:100%;accent-color:#d6b448}
.ai-tool-btn { min-width: 132px; letter-spacing: .02em; border-color: #17191a; box-shadow: inset 0 1px rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.45); }
.ai-tool-btn.ai-playback-btn { background: linear-gradient(#c79432, #7a5720); color: #fff6d5; }
.ai-tool-btn.ai-vs-btn { background: linear-gradient(#348f87, #1e5f5a); color: #eafffb; }
.ai-tool-btn:hover { filter: brightness(1.12) saturate(1.08); }

.ai-studio-overlay {
  position: fixed;
  inset: 0;
  z-index: 1600;
  display: grid;
  grid-template-rows: 66px minmax(0,1fr);
  background:
    radial-gradient(circle at 72% 8%, rgba(212,164,62,.08), transparent 30%),
    linear-gradient(180deg,#272b2d 0,#181a1c 210px,#151719 100%);
  color: var(--text);
}
.ai-studio-overlay.hidden { display: none !important; }
.ai-studio-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  align-items: center;
  gap: 14px;
  padding: 8px 16px;
  border-bottom: 1px solid #0d0f10;
  background: linear-gradient(#303437,#242729);
  box-shadow: 0 3px 12px #0007;
}
.ai-studio-brand { display:flex; align-items:center; gap:11px; min-width:0; }
.ai-studio-brand img { width:46px; height:46px; border-radius:10px; object-fit:cover; box-shadow:0 3px 9px #0008; }
.ai-studio-brand small { display:block; font-size:8px; letter-spacing:.17em; color:#d9bd59; font-weight:900; }
.ai-studio-brand h2 { margin:2px 0 0; font-size:20px; line-height:1.1; letter-spacing:.015em; }
.ai-head-status { display:flex; align-items:center; gap:7px; color:#b9bec0; font-size:10px; font-weight:800; }
.ai-led { width:9px; height:9px; border-radius:50%; background:#3bcf78; box-shadow:0 0 10px rgba(59,207,120,.8); }
.ai-close-btn { width:38px; height:38px; border-radius:50%; border:1px solid #111; background:radial-gradient(circle at 38% 30%,#747a7d,#353a3c 70%,#1b1e20); color:#fff; font-size:24px; cursor:pointer; box-shadow:inset 0 1px 2px #fff2,0 2px 6px #0008; }
.ai-studio-body { min-height:0; overflow:auto; padding:18px; }
.ai-hero-panel, .ai-results-panel { width:min(1180px,100%); margin:0 auto; }
.ai-mode-switch { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }
.ai-mode-switch button { min-height:68px; border:1px solid #141617; border-radius:7px; background:linear-gradient(#3c4144,#292d2f); color:#e9ebeb; text-align:left; padding:12px 16px; cursor:pointer; box-shadow:inset 0 1px #fff2,0 2px 6px #0005; }
.ai-mode-switch button strong { display:block; font-size:15px; color:#e4c653; letter-spacing:.05em; }
.ai-mode-switch button span { display:block; margin-top:4px; font-size:10px; color:#aeb4b6; }
.ai-mode-switch button.active[data-ai-mode="playback"] { border-color:#b8882d; background:linear-gradient(#594622,#332b1e); box-shadow:inset 0 0 0 1px #d5aa4b55,0 0 16px #c9972d18; }
.ai-mode-switch button.active[data-ai-mode="vs"] { border-color:#369f92; background:linear-gradient(#254842,#21312f); box-shadow:inset 0 0 0 1px #4cc2b255,0 0 16px #40b8a61a; }

.ai-source-card, .ai-process-card, .ai-progress-panel, .ai-results-panel {
  border:1px solid #3b4144;
  border-radius:9px;
  background:linear-gradient(180deg,#25292b,#1d2022);
  box-shadow:0 8px 26px #0003;
}
.ai-source-card { min-height:128px; display:grid; grid-template-columns:70px minmax(0,1fr) auto; align-items:center; gap:16px; padding:18px; }
.ai-source-icon { width:62px; height:62px; border-radius:50%; display:grid; place-items:center; color:#111; font-size:27px; font-weight:950; background:radial-gradient(circle at 35% 28%,#f4d667,#c6972f 60%,#78561b); box-shadow:inset 0 2px 2px #fff5,0 5px 13px #0008; }
.ai-source-copy { min-width:0; }
.ai-source-copy small,.ai-process-copy small,.ai-results-head small { color:#dab94c; font-size:8px; letter-spacing:.14em; font-weight:950; }
.ai-source-copy h3,.ai-process-copy h3,.ai-results-head h3 { margin:4px 0 3px; font-size:19px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ai-source-copy p,.ai-process-copy p { margin:0; color:#9fa5a7; font-size:11px; line-height:1.45; }
.ai-source-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.ai-primary-btn,.ai-secondary-btn,.ai-start-btn,.ai-open-editor-btn,.ai-zip-btn,.ai-stem-download {
  border:1px solid #111;
  border-radius:5px;
  min-height:38px;
  padding:0 14px;
  font-size:10px;
  font-weight:950;
  letter-spacing:.025em;
  cursor:pointer;
  box-shadow:inset 0 1px #fff2,0 2px 4px #0006;
}
.ai-primary-btn { background:linear-gradient(#4d5356,#303436); color:#fff; }
.ai-secondary-btn { background:linear-gradient(#42474a,#292d2f); color:#e2e5e6; }
.ai-start-btn { background:linear-gradient(#d4ad44,#8f6d22); color:#161616; min-width:230px; }
.ai-start-btn[data-mode="vs"] { background:linear-gradient(#45b5a6,#24796f); color:#071713; }
.ai-start-btn:disabled { opacity:.42; cursor:not-allowed; filter:grayscale(.35); }
.ai-process-card { margin-top:12px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 18px; }
.ai-process-copy { min-width:0; }
.ai-progress-panel { margin-top:12px; padding:15px 18px; }
.ai-progress-panel.hidden,.ai-error-panel.hidden,.ai-results-panel.hidden { display:none!important; }
.ai-progress-top { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:11px; }
.ai-progress-track { height:11px; margin:9px 0 7px; border:1px solid #0e1011; border-radius:7px; background:#121416; overflow:hidden; box-shadow:inset 0 2px 5px #000b; }
.ai-progress-track i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#bd8b28,#ebc94e 70%,#f4dc75); box-shadow:0 0 12px #d3a53666; transition:width .28s ease; }
.ai-progress-panel p { margin:0; color:#aab0b2; font-size:10px; }
.ai-error-panel { width:min(1180px,100%); margin:12px auto 0; padding:13px 15px; border:1px solid #8c3732; border-radius:7px; background:#4a221f; color:#ffd6d2; font-size:11px; line-height:1.45; }

.ai-results-panel { margin-top:14px; padding:16px; }
.ai-results-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid #3d4245; }
.ai-results-badge { border:1px solid #8b6e27; border-radius:999px; background:#302817; color:#ebc84f; padding:7px 11px; font-size:9px; font-weight:950; letter-spacing:.08em; }
.ai-results-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding-top:12px; }
.ai-stem-card { border:1px solid #41474a; border-radius:7px; background:linear-gradient(#292d30,#202426); padding:13px; min-width:0; }
.ai-stem-card.bonus { grid-column:1/-1; border-style:dashed; background:linear-gradient(#252a2c,#1b1f21); }
.ai-stem-top { display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:9px; }
.ai-stem-number { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 35% 30%,#8b4f3e,#5b2a20 70%,#29110d); border:1px solid #2a110c; color:#fff; font-size:11px; font-weight:950; box-shadow:inset 0 1px #fff4,0 2px 5px #0007; }
.ai-stem-card.bonus .ai-stem-number { background:radial-gradient(circle at 35% 30%,#d2ab43,#88651f 70%,#3d2d0c); color:#151515; }
.ai-stem-copy { min-width:0; }
.ai-stem-copy small { display:block; color:#d8b746; font-size:8px; font-weight:950; letter-spacing:.12em; }
.ai-stem-copy strong { display:block; margin-top:2px; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ai-stem-copy span { display:block; margin-top:2px; color:#979d9f; font-size:9px; }
.ai-stem-player { margin-top:10px; min-height:54px; display:grid; grid-template-columns:50px 72px minmax(80px,1fr); align-items:center; gap:8px; padding:5px 7px; border:1px solid #141617; border-radius:28px; background:linear-gradient(#3d4245,#282c2f); box-shadow:inset 0 1px #fff1; }
.ai-stem-play { width:44px; height:44px; border:1px solid #090a0b; border-radius:50%; color:#111; background:radial-gradient(circle at 38% 30%,#f7f9f9 0 15%,#cfd4d5 43%,#858b8e 76%,#424749 100%); box-shadow:inset 0 2px 2px #fff5,inset 0 -3px 5px #0006,0 2px 4px #0007; font-size:17px; font-weight:950; cursor:pointer; }
.ai-stem-play.playing { background:radial-gradient(circle at 38% 30%,#80eadf 0 15%,#45c7b9 46%,#208173 78%,#0f4039 100%); }
.ai-stem-time { font-size:9px; color:#d8dbdc; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ai-stem-seek { width:100%; accent-color:#d6b448; }
.ai-stem-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:9px; }
.ai-stem-download { display:grid; place-items:center; text-decoration:none; background:linear-gradient(#3c4245,#292d2f); color:#e8eaeb; }
.ai-stem-download.mp3 { background:linear-gradient(#4d4223,#312a1a); color:#f2d56d; }
.ai-stem-download[aria-busy="true"] { opacity:.6; pointer-events:none; }
.ai-results-footer { display:flex; justify-content:center; align-items:center; gap:9px; flex-wrap:wrap; padding-top:14px; margin-top:14px; border-top:1px solid #3d4245; }
.ai-open-editor-btn { min-width:260px; min-height:44px; background:linear-gradient(#3db4a4,#236f67); color:#061b17; font-size:11px; }
.ai-zip-btn { min-width:230px; min-height:44px; border:1px solid #17130b; border-radius:5px; padding:0 14px; background:linear-gradient(#d4ad44,#8f6d22); color:#17130b; font-size:10px; font-weight:950; letter-spacing:.025em; cursor:pointer; box-shadow:inset 0 1px #fff2,0 2px 4px #0006; }
.ai-zip-btn[aria-busy="true"] { opacity:.62; pointer-events:none; }
.ai-results-note { margin:9px 0 0; text-align:center; color:#979d9f; font-size:9px; }

@media (max-width: 1120px) {
  .ai-tool-btn { min-width:108px; padding:0 8px!important; font-size:10px; }
  .ai-toolbar-group { gap:4px; }
}

@media (max-width: 760px) {
  .ai-studio-overlay { grid-template-rows:58px minmax(0,1fr); }
  .ai-studio-head { padding:6px 9px; gap:8px; }
  .ai-studio-brand img { width:40px; height:40px; }
  .ai-studio-brand small { font-size:7px; }
  .ai-studio-brand h2 { font-size:16px; }
  .ai-head-status { display:none; }
  .ai-close-btn { width:36px; height:36px; }
  .ai-studio-body { padding:9px; }
  .ai-mode-switch { gap:6px; }
  .ai-mode-switch button { min-height:62px; padding:9px; }
  .ai-mode-switch button strong { font-size:12px; }
  .ai-mode-switch button span { font-size:8px; }
  .ai-source-card { grid-template-columns:48px minmax(0,1fr); padding:12px; gap:9px; }
  .ai-source-icon { width:44px; height:44px; font-size:20px; }
  .ai-source-copy h3 { font-size:15px; }
  .ai-source-actions { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .ai-primary-btn,.ai-secondary-btn { min-height:43px; padding:0 8px; font-size:9px; }
  .ai-process-card { display:grid; padding:12px; }
  .ai-process-copy h3 { font-size:15px; }
  .ai-start-btn { width:100%; min-width:0; min-height:46px; }
  .ai-results-panel { padding:10px; }
  .ai-results-grid { grid-template-columns:1fr; gap:8px; }
  .ai-stem-card.bonus { grid-column:auto; }
  .ai-stem-player { grid-template-columns:46px 66px minmax(60px,1fr); }
  .ai-stem-play { width:40px; height:40px; }
  .ai-open-editor-btn,.ai-zip-btn { width:100%; min-width:0; min-height:48px; }
  .ai-results-footer .ai-secondary-btn { width:100%; }
  .ai-mobile-action.playback strong { color:#e2bd4a!important; }
  .ai-mobile-action.vs strong { color:#49c7b7!important; }
}


/* AudioRAS IA - navegação lateral PRO 2.8 */
.ai-studio-layout{min-height:0;display:grid;grid-template-columns:214px minmax(0,1fr);overflow:hidden}.ai-sidebar{min-height:0;border-right:1px solid #111517;background:linear-gradient(180deg,#24292b,#171a1c);box-shadow:4px 0 15px #0005;display:flex;flex-direction:column;padding:12px 10px;gap:12px;transition:width .2s ease,padding .2s ease}.ai-side-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 3px 10px;border-bottom:1px solid #353b3e;color:#d7bc54;font-size:9px;font-weight:950;letter-spacing:.14em}.ai-side-title button{width:32px;height:30px;border:1px solid #131617;border-radius:6px;background:linear-gradient(#42484b,#2b3032);color:#fff;font-size:19px;cursor:pointer;box-shadow:inset 0 1px #fff2,0 2px 5px #0005}.ai-side-nav{display:grid;gap:8px}.ai-side-nav button{width:100%;min-height:67px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;text-align:left;padding:9px 10px;border:1px solid #343b3e;border-radius:8px;background:linear-gradient(#313639,#25292b);color:#dce0e1;cursor:pointer;box-shadow:inset 0 1px #fff1,0 3px 8px #0004}.ai-side-nav button>strong{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#15191b;border:1px solid #41484b;color:#e2bd4b;font-size:13px}.ai-side-nav button span{min-width:0}.ai-side-nav button b{display:block;font-size:11px;letter-spacing:.045em}.ai-side-nav button small{display:block;margin-top:3px;color:#939a9d;font-size:8px;white-space:normal;line-height:1.3}.ai-side-nav button.active{border-color:#d2ae43;background:linear-gradient(#554622,#312a1c);box-shadow:inset 3px 0 #e4c34e,0 3px 10px #0005}.ai-side-nav button.active[data-ai-mode="vs"]{border-color:#3fae9f;background:linear-gradient(#244c46,#20312f);box-shadow:inset 3px 0 #43c5b3,0 3px 10px #0005}.ai-side-nav button.active[data-ai-mode="karaoke"]{border-color:#b34b43;background:linear-gradient(#512d2a,#30201f);box-shadow:inset 3px 0 #cf5a4f,0 3px 10px #0005}.ai-side-info{margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #343a3d;border-radius:8px;background:#1d2123}.ai-side-info b{display:block;font-size:8px;color:#bfc4c6;letter-spacing:.08em}.ai-side-info small{display:block;margin-top:2px;color:#777f82;font-size:7px}.ai-studio-body{min-width:0;overflow:auto;padding:18px}.ai-studio-overlay.sidebar-collapsed .ai-studio-layout{grid-template-columns:68px minmax(0,1fr)}.ai-studio-overlay.sidebar-collapsed .ai-sidebar{padding-left:8px;padding-right:8px}.ai-studio-overlay.sidebar-collapsed .ai-side-title span,.ai-studio-overlay.sidebar-collapsed .ai-side-nav button span,.ai-studio-overlay.sidebar-collapsed .ai-side-info div{display:none}.ai-studio-overlay.sidebar-collapsed .ai-side-title{justify-content:center}.ai-studio-overlay.sidebar-collapsed .ai-side-nav button{grid-template-columns:1fr;padding:8px;place-items:center}.ai-studio-overlay.sidebar-collapsed .ai-side-nav button>strong{width:40px}.ai-studio-overlay.sidebar-collapsed .ai-side-info{justify-content:center}.ai-start-btn{background:linear-gradient(#b84a42,#7c2e2a)!important;color:#fff!important;border-color:#4d1714!important;box-shadow:inset 0 1px #fff2,0 5px 13px #0007,0 0 0 1px #c65b5130!important}.ai-start-btn:hover:not(:disabled){filter:brightness(1.1)}
@media(max-width:760px){.ai-studio-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.ai-sidebar{border-right:0;border-bottom:1px solid #111517;display:block;padding:6px 7px;box-shadow:0 3px 12px #0005}.ai-side-title,.ai-side-info{display:none}.ai-side-nav{grid-template-columns:repeat(3,1fr);gap:5px}.ai-side-nav button{min-height:52px;grid-template-columns:30px minmax(0,1fr);gap:5px;padding:6px}.ai-side-nav button>strong{width:28px;height:28px;font-size:10px}.ai-side-nav button b{font-size:9px}.ai-side-nav button small{display:none}.ai-studio-overlay.sidebar-collapsed .ai-studio-layout{grid-template-columns:1fr}.ai-studio-overlay.sidebar-collapsed .ai-side-nav button span{display:block}.fx-tuning-grid{grid-template-columns:1fr}.fx-live-note{grid-template-columns:auto 1fr}.fx-live-note small{grid-column:1/-1}}

/* 2.8.1 — ícones claros de projeto e biblioteca servidor/local */
.project-icon-btn{display:grid!important;place-items:center!important;padding:5px!important}
.project-icon-btn svg{width:19px;height:19px;display:block;filter:drop-shadow(0 1px 1px #0008)}
.mobile-svg-icon{display:grid!important;place-items:center!important}
.mobile-svg-icon svg{width:24px;height:24px;display:block}
.project-dialog-note{margin:-5px 0 10px;color:#a9afb2;font-size:10px}
.project-section-title{display:flex;align-items:center;gap:7px;margin:12px 0 6px;padding:7px 8px;border-radius:4px;background:#292d2f;border-left:3px solid #d6ad2f;color:#f3d064;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.project-section-title.server{border-left-color:#39bcae;color:#70ded1}
.project-item.server-project{border-color:#2f6964;background:#20282a}
.project-item small .project-origin{color:#63d6ca;font-weight:800}
.project-save-progress{font-variant-numeric:tabular-nums}

/* PRO 2.9.0 — atalhos de zoom/rolagem e ferramentas fixas no cabeçalho das faixas */

/* =========================
   AudioRAS PRO 3.0 — VOZ IA
   Locutor MiniMax HD + Cantor/Jingle RVC autorizado
   ========================= */
.voice-ai-toolbar-btn{
  background:linear-gradient(#d1aa39,#8c6817)!important;
  color:#17130a!important;
  border-color:#5f4710!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 2px 6px rgba(0,0,0,.52),0 0 0 1px rgba(224,190,76,.16)!important;
}
.voice-ai-toolbar-btn:hover{filter:brightness(1.1) saturate(1.05)}
.voice-studio-overlay{z-index:1200}
.voice-studio-body{display:block}
.voice-side-nav button.active[data-voice-mode="speech"]{border-color:#d6b145;background:linear-gradient(#4a4025,#2d291d);box-shadow:inset 3px 0 #e1bf52,0 3px 10px #0005}
.voice-side-nav button.active[data-voice-mode="clone"]{border-color:#d8b64b;background:linear-gradient(#544622,#30291b);box-shadow:inset 3px 0 #e8c85a,0 3px 10px #0005}
.voice-side-nav button.active[data-voice-mode="jingle"]{border-color:#4ac9ff;background:linear-gradient(#173e50,#132a34);box-shadow:inset 3px 0 #58d1ff,0 3px 12px #0006,0 0 14px #35bfff18}
.voice-side-nav button.active[data-voice-mode="library"]{border-color:#43c8b3;background:linear-gradient(#244b46,#20322f);box-shadow:inset 3px 0 #4bd1bd,0 3px 10px #0005}
.voice-mode-panel{max-width:1120px;margin:0 auto 14px;padding:18px;border:1px solid #343b3e;border-radius:10px;background:linear-gradient(#252a2d,#1d2123);box-shadow:inset 0 1px #fff1,0 7px 22px #0004}
.voice-mode-panel.hidden{display:none!important}
.voice-panel-head{margin-bottom:16px}.voice-panel-head small{display:block;color:#dfbd4d;font-size:8px;font-weight:950;letter-spacing:.15em}.voice-panel-head h3{margin:4px 0 5px;font-size:21px;color:#f2f3f3}.voice-panel-head p{margin:0;color:#9ea6a9;font-size:10px;line-height:1.5}
.voice-grid{display:grid;gap:10px}.voice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.voice-field{display:grid;gap:6px}.voice-field>span{display:flex;justify-content:space-between;gap:8px;color:#dce0e1;font-size:9px;font-weight:900;letter-spacing:.04em}.voice-field>span b{color:#dfbd4d}.voice-field input[type=text],.voice-field select,.voice-field textarea{width:100%;box-sizing:border-box;border:1px solid #42494c;border-radius:7px;background:#111517;color:#f3f5f5;padding:11px 12px;font:inherit;font-size:11px;outline:none}.voice-field input[type=text]:focus,.voice-field select:focus,.voice-field textarea:focus{border-color:#d3ae3f;box-shadow:0 0 0 2px #d3ae3f2b}.voice-field input[type=range]{width:100%;accent-color:#d0aa3b}.voice-text{margin-top:11px}.voice-text textarea{min-height:145px;resize:vertical;line-height:1.55}
.voice-upload-card{margin-top:11px;padding:14px;border:1px dashed #4c5558;border-radius:9px;background:#171b1d}.voice-upload-card.hidden{display:none!important}.voice-upload-card strong{display:block;color:#e7c452;font-size:10px;letter-spacing:.09em}.voice-upload-card p{margin:6px 0 10px;color:#9da5a8;font-size:9px;line-height:1.45}.voice-upload-card input[type=file]{width:100%;color:#d8dcdd;font-size:10px}.voice-inline-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.voice-inline-actions input{flex:1;min-width:240px}
.voice-consent-card{margin-top:12px;padding:14px;border:1px solid #63532c;border-radius:9px;background:linear-gradient(#2c291f,#1e1c18)}.voice-check{display:flex;align-items:flex-start;gap:8px;margin-top:12px;color:#e7e1cd;font-size:10px;line-height:1.45}.voice-check input{margin-top:2px;accent-color:#d4b346}.voice-term{margin-top:12px;border-top:1px solid #5a4a27;padding-top:10px}.voice-term summary{cursor:pointer;color:#e6c753;font-weight:900;font-size:10px}.voice-term pre{white-space:pre-wrap;background:#111411;border:1px solid #3e3b2b;border-radius:7px;padding:12px;color:#d9d8ce;font:10px/1.5 monospace}.voice-term p{color:#989485;font-size:8px;margin:7px 0 0}
.voice-main-btn{display:block;margin:18px auto 0;min-width:260px;min-height:48px;border:1px solid #5e4712;border-radius:8px;background:linear-gradient(#d4ad3f,#98721b);color:#151109;font-size:10px;font-weight:950;letter-spacing:.07em;cursor:pointer;box-shadow:inset 0 1px #fff5,0 7px 18px #0007,0 0 0 1px #e4c45b22}.voice-main-btn:hover:not(:disabled){filter:brightness(1.12)}.voice-main-btn:disabled{opacity:.5;cursor:not-allowed}
.voice-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.voice-library-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #3a4245;border-radius:9px;background:linear-gradient(#292e31,#202426)}.voice-library-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#d2af48,#7f611c 72%,#2f250d);border:1px solid #5b4410;color:#161109;font-size:20px;box-shadow:inset 0 1px #fff4,0 3px 7px #0007}.voice-library-info strong{display:block;font-size:13px;color:#f0f2f2}.voice-library-info span{display:block;margin-top:4px;color:#969ea1;font-size:8px}.voice-library-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.voice-library-actions button{min-height:34px;border:1px solid #17191a;border-radius:5px;background:linear-gradient(#3c4245,#292e30);color:#e7e9e9;font-size:8px;font-weight:900;padding:0 10px}.voice-library-actions button.danger{background:linear-gradient(#843f3f,#552929);color:#fff}.voice-library-empty{grid-column:1/-1;display:grid;gap:5px;padding:25px;border:1px dashed #465054;border-radius:9px;text-align:center;color:#98a0a3}.voice-library-empty strong{color:#e2e6e7;font-size:14px}.voice-library-empty span{font-size:9px}
.voice-result-panel{max-width:1120px;margin:0 auto 18px;padding:16px;border:1px solid #47665f;border-radius:10px;background:linear-gradient(#22302e,#1b2322);box-shadow:0 8px 24px #0004}.voice-result-panel.hidden{display:none!important}.voice-result-panel small{color:#55d5bf;font-size:8px;font-weight:950;letter-spacing:.12em}.voice-result-panel h3{margin:4px 0 12px;font-size:18px}.voice-result-panel audio{width:100%;height:48px}.voice-result-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:10px}.voice-download-btn{display:grid;place-items:center;min-height:42px;border:1px solid #17191a;border-radius:6px;background:linear-gradient(#3b4245,#292e30);color:#f0f2f2;text-decoration:none;font-size:9px;font-weight:950;cursor:pointer}.voice-download-btn.mp3{background:linear-gradient(#554823,#312a1a);color:#f1d56a}
.ai-mobile-action.voice strong{color:#e0bd4e!important}
@media(max-width:1120px){.voice-ai-toolbar-btn{min-width:92px!important}}
@media(max-width:760px){.voice-grid.two{grid-template-columns:1fr}.voice-mode-panel{padding:12px}.voice-panel-head h3{font-size:17px}.voice-library-grid{grid-template-columns:1fr}.voice-library-card{grid-template-columns:42px minmax(0,1fr)}.voice-library-actions{grid-column:1/-1;justify-content:stretch}.voice-library-actions button{flex:1}.voice-result-actions{grid-template-columns:1fr}.voice-main-btn{width:100%;min-width:0}.voice-inline-actions{display:grid}.voice-inline-actions input{min-width:0}.voice-side-nav{grid-template-columns:repeat(4,1fr)!important}.voice-side-nav button{grid-template-columns:1fr!important;place-items:center}.voice-side-nav button span{display:none!important}}


/* AudioRAS 3.0.4 — processamento de voz em modal central */
body.voice-processing{overflow:hidden!important}
#voiceProgressPanel.ai-progress-panel{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(560px,calc(100vw - 34px))!important;
  margin:0!important;
  padding:24px 26px!important;
  z-index:1800!important;
  border:1px solid #68531a!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#2a2e30,#171a1c)!important;
  box-shadow:0 0 0 100vmax rgba(3,5,6,.82),0 26px 70px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.08)!important;
}
#voiceProgressPanel .ai-progress-top{margin-bottom:14px!important}
#voiceProgressPanel .ai-progress-top strong{font-size:16px!important;color:#f1f2f2!important}
#voiceProgressPanel .ai-progress-top span{font-size:15px!important;color:#e0bd4e!important;font-weight:900!important}
#voiceProgressPanel .ai-progress-track{height:11px!important;border-radius:8px!important;background:#0d1011!important;overflow:hidden!important}
#voiceProgressPanel .ai-progress-track i{background:linear-gradient(90deg,#94701b,#dfbc48,#f2d466)!important;box-shadow:0 0 15px #e8c64b55!important}
#voiceProgressPanel p{margin-top:12px!important;font-size:11px!important;line-height:1.55!important;color:#b8bec0!important;text-align:center!important}
@media(max-width:760px){#voiceProgressPanel.ai-progress-panel{width:calc(100vw - 26px)!important;padding:20px 18px!important}.voice-main-btn{width:min(100%,340px)!important}}


/* AudioRAS 3.7.1 — Jingle/Cantor em dark + azul tecnológico */
#voiceModeJingle.voice-mode-panel{
  border-color:#1f566f;
  background:radial-gradient(circle at 76% -24%,rgba(59,191,255,.14),transparent 42%),linear-gradient(180deg,#20292e 0%,#151c20 100%);
  box-shadow:inset 3px 0 #3bc2ff,inset 0 1px rgba(255,255,255,.045),0 9px 24px rgba(0,0,0,.38);
}
#voiceModeJingle .voice-panel-head small{color:#74d7ff}
#voiceModeJingle .voice-field input[type=range]{accent-color:#45c5ff}
#voiceModeJingle .voice-field select:focus,
#voiceModeJingle .voice-field input:focus{border-color:#3ebdf4;box-shadow:0 0 0 2px rgba(62,189,244,.18)}
#voiceConvertSingerBtn.voice-main-btn{
  background:linear-gradient(180deg,#39bff6 0%,#168cc2 56%,#0b5f87 100%);
  border-color:#54cbfb;
  color:#eefbff;
  text-shadow:0 1px 1px rgba(0,0,0,.45);
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 8px 20px rgba(0,0,0,.48),0 0 18px rgba(57,191,246,.16);
}
#voiceConvertSingerBtn.voice-main-btn:hover:not(:disabled){filter:brightness(1.1) saturate(1.05)}
.voice-singer-setup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 14px;padding:15px 16px;border:1px solid #245d78;border-radius:10px;background:linear-gradient(135deg,#132630,#0d171c 68%);box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.28)}
.voice-singer-setup-copy{min-width:0}.voice-singer-setup-copy>small{display:block;color:#65d2ff;font-size:8px;font-weight:950;letter-spacing:.13em}.voice-singer-setup-copy>strong{display:block;margin-top:4px;color:#effaff;font-size:14px}.voice-singer-setup-copy>p{margin:6px 0 9px;color:#9eb5c0;font-size:9px;line-height:1.5}.voice-singer-engine{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:#7897a5;font:700 8px/1.4 monospace}.voice-singer-engine span{padding:3px 6px;border:1px solid #286b89;border-radius:4px;background:#0d2835;color:#7edcff;font:900 7px/1 monospace}.voice-singer-engine i{color:#4cbde9;font-style:normal}.voice-singer-setup-actions{display:grid;gap:7px;min-width:205px}.voice-singer-setup-actions>b{display:block;text-align:center;padding:6px 8px;border:1px solid #284956;border-radius:6px;background:#0d171c;color:#89a5b1;font-size:8px;letter-spacing:.05em}.voice-singer-setup-actions>b.ready{border-color:#267aa0;color:#79d8ff;background:#0c222d}.voice-singer-setup-actions button{min-height:39px;border:1px solid #43c2f7;border-radius:7px;background:linear-gradient(#2aafe7,#147da9);color:#f4fcff;font-size:9px;font-weight:950;letter-spacing:.055em;cursor:pointer;box-shadow:inset 0 1px #ffffff35,0 6px 15px #0007}.voice-singer-setup-actions button.secondary{border-color:#315360;background:linear-gradient(#20333c,#152329);color:#b9d0da;box-shadow:none}.voice-step-label{display:flex;align-items:center;gap:8px;margin:3px 0 10px;color:#8fa7b2;font-size:8px;letter-spacing:.08em}.voice-step-label span{padding:4px 7px;border:1px solid #2b647d;border-radius:5px;background:#102631;color:#70d4ff;font-weight:950}.voice-step-label b{font-size:8px;color:#9db2bc}
#voiceModeClone.singer-training{border-color:#24566d;background:radial-gradient(circle at 80% -30%,rgba(61,191,248,.10),transparent 45%),linear-gradient(#242a2d,#1a1f22)}
#voiceModeClone.singer-training .voice-panel-head small{color:#70d6ff}
#voiceModeClone.singer-training #voiceSingerSampleBox{border-color:#2a6079;background:linear-gradient(#1d292f,#161f23)}
#voiceModeClone.singer-training #voiceSingerSampleBox .voice-price-note{border-color:#245e79;background:#10232c;color:#a8c2ce}
#voiceModeClone.singer-training #voiceSingerSampleBox .voice-price-note b{color:#72d8ff}
#voiceModeClone.singer-training #voiceSingerSampleBox .voice-file-zone{border-color:#347ea0;background:linear-gradient(#1d2d35,#152127)}
#voiceModeClone.singer-training #voiceSingerSampleBox .voice-file-zone:hover{border-color:#59cfff}
#voiceModeClone.singer-training #voiceSingerSampleBox .voice-file-zone>span{border-color:#43bce9;background:linear-gradient(#38b9ed,#167ea9);color:#f5fcff}
#voiceModeClone.singer-training #voiceCloneBtn.voice-main-btn{background:linear-gradient(#39bff6,#168cc2 56%,#0b5f87);border-color:#54cbfb;color:#eefbff;box-shadow:inset 0 1px #ffffff42,0 8px 20px #0007,0 0 18px #38bff51f}
@media(max-width:760px){.voice-singer-setup{grid-template-columns:1fr}.voice-singer-setup-actions{min-width:0}.voice-singer-setup-actions button{width:100%}}

/* AudioRAS 3.0.4 — refinamento VOZ IA */
.voice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.voice-cost-card{min-height:70px;display:grid;align-content:center;gap:5px;padding:10px 12px;border:1px solid #4a4130;border-radius:8px;background:linear-gradient(#25241f,#1a1a17);box-sizing:border-box}
.voice-cost-card strong{font-size:8px;letter-spacing:.12em;color:#dfbd4d}
.voice-cost-card span{font-size:13px;font-weight:900;color:#f2f3f3}
.voice-cost-card small{font-size:8px;line-height:1.35;color:#92999b}
.voice-tone-card{margin-top:12px;padding:14px;border:1px solid #3b4346;border-radius:9px;background:linear-gradient(#202527,#171b1d);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.voice-tone-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.voice-tone-head strong{display:block;color:#e4c252;font-size:10px;letter-spacing:.09em}
.voice-tone-head small{display:block;margin-top:4px;color:#939b9e;font-size:9px}
.voice-check.compact{margin:0;font-size:9px;white-space:nowrap}
.voice-upload-card.voice-upload-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:16px;align-items:stretch;padding:16px}
.voice-upload-copy{min-width:0;align-self:center}
.voice-upload-copy strong{font-size:11px}
.voice-upload-copy p{font-size:9.5px;line-height:1.55;margin:7px 0 10px}
.voice-price-note{padding:9px 10px;border:1px solid #4b4126;border-radius:7px;background:#201d14;color:#c8c1a6;font-size:8.5px;line-height:1.45}
.voice-price-note b{color:#e2c251}
.voice-clone-options{display:flex;gap:16px;flex-wrap:wrap;margin-top:11px}
.voice-file-zone{position:relative;min-height:118px;display:grid;place-items:center;align-content:center;gap:6px;padding:18px;border:1px dashed #8a7130;border-radius:10px;background:linear-gradient(180deg,#252a2c,#191d1f);cursor:pointer;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 18px rgba(0,0,0,.25)}
.voice-file-zone:hover{border-color:#d4ad3f;background:linear-gradient(180deg,#2b3032,#1d2123)}
.voice-file-zone>span{display:inline-grid;place-items:center;min-width:190px;min-height:40px;padding:0 16px;border:1px solid #5e4712;border-radius:7px;background:linear-gradient(#d4ad3f,#98721b);color:#151109;font-size:11px;font-weight:950;letter-spacing:.06em;box-shadow:inset 0 1px #fff5,0 5px 14px #0006}
.voice-file-zone>b{font-size:9px;color:#d5dadd;letter-spacing:.05em}
.voice-file-zone>small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#929b9e;font-size:8.5px}
.voice-file-zone input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#voiceCloneBtn.voice-main-btn{min-width:320px;min-height:56px;font-size:13px;letter-spacing:.09em}
#voiceGenerateSpeechBtn.voice-main-btn{min-width:320px;min-height:54px;font-size:12px}
@media(max-width:900px){.voice-upload-card.voice-upload-split{grid-template-columns:1fr}.voice-grid.three{grid-template-columns:1fr}.voice-tone-head{align-items:flex-start;flex-direction:column}.voice-file-zone{min-height:100px}}
@media(max-width:760px){#voiceCloneBtn.voice-main-btn,#voiceGenerateSpeechBtn.voice-main-btn{min-width:0;width:100%;font-size:12px}.voice-cost-card{min-height:64px}.voice-clone-options{display:grid;gap:8px}}

/* AudioRAS 3.1.0 — login das ferramentas IA */
.auth-login-overlay{position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:18px;background:rgba(7,9,10,.64);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.auth-login-overlay.hidden{display:none!important}
.auth-login-card{position:relative;width:min(440px,calc(100vw - 30px));box-sizing:border-box;padding:26px 28px 22px;border:1px solid #4f565a;border-radius:18px;background:linear-gradient(180deg,#292e31 0%,#1b1f21 100%);box-shadow:0 24px 80px #000c,inset 0 1px rgba(255,255,255,.07);text-align:center}
.auth-login-card>small{display:block;margin-top:12px;color:#d8b640;font-size:9px;font-weight:950;letter-spacing:.18em}
.auth-login-card h2{margin:7px 0 8px;color:#f2f3f3;font-size:24px;line-height:1.12}
.auth-login-card>p{margin:0 auto 20px;max-width:360px;color:#b2b9bc;font-size:11px;line-height:1.55}
.auth-login-logo{position:relative;width:74px;height:74px;margin:0 auto;border-radius:18px;overflow:visible;filter:drop-shadow(0 8px 17px #0009)}
.auth-login-logo img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}
.auth-login-led{position:absolute;right:-3px;bottom:4px;width:12px;height:12px;border-radius:50%;background:#31d77d;border:2px solid #1d2123;box-shadow:0 0 12px #31d77daa}
.auth-login-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;border:1px solid #52595d;background:linear-gradient(#3b4043,#262a2c);color:#fff;font-size:22px;line-height:1;cursor:pointer}
#authLoginForm{display:grid;gap:12px;text-align:left}
.auth-login-field{display:grid;gap:6px}.auth-login-field span{color:#d8dddf;font-size:10px;font-weight:800}.auth-login-field input{height:46px;box-sizing:border-box;border:1px solid #4b5357;border-radius:9px;background:#101415;color:#fff;padding:0 13px;font-size:14px;outline:none}.auth-login-field input:focus{border-color:#d2ad3d;box-shadow:0 0 0 2px rgba(210,173,61,.17)}
.auth-login-remember{display:flex;align-items:center;gap:8px;color:#aeb5b8;font-size:10px;cursor:pointer}.auth-login-remember input{accent-color:#d4ad3f}
.auth-login-error{padding:10px 12px;border:1px solid #71393c;border-radius:8px;background:#4a2226;color:#ffd9da;font-size:10px;line-height:1.45}.auth-login-error.hidden{display:none!important}
.auth-login-submit{height:50px;margin-top:2px;border:1px solid #694e11;border-radius:9px;background:linear-gradient(180deg,#dfba48 0%,#ae8424 62%,#8f6b18 100%);color:#17130a;font-size:12px;font-weight:950;letter-spacing:.07em;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.36),0 8px 19px #0007}.auth-login-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-login-submit:disabled{opacity:.6;cursor:wait}
.auth-login-note{display:grid;gap:4px;margin-top:15px;padding-top:14px;border-top:1px solid #3c4245;color:#8f989b;font-size:9px;line-height:1.45}.auth-login-note strong{color:#d3d8da;font-size:9px}.auth-login-note span{display:block}
.ai-access-user{display:none}
@media(max-width:760px){.auth-login-overlay{padding:12px}.auth-login-card{padding:22px 18px 18px;border-radius:15px}.auth-login-card h2{font-size:21px}.auth-login-card>p{font-size:10px}.auth-login-logo{width:66px;height:66px}}

/* AudioRAS 3.1.1 — Locutores Pro, layout SaaS amplo e avisos em modal */
.voice-studio-body{
  overflow:hidden!important;
  padding:10px 12px!important;
}
.voice-mode-panel{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100% - 2px)!important;
  margin:0!important;
  padding:16px 18px!important;
  box-sizing:border-box!important;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#4d5356 transparent;
}
.voice-mode-panel::-webkit-scrollbar{width:7px}
.voice-mode-panel::-webkit-scrollbar-thumb{background:#4d5356;border-radius:8px}
.voice-panel-head{margin-bottom:12px!important}
.voice-panel-head h3{font-size:20px!important}
.voice-panel-head p{font-size:10px!important;max-width:980px}
.voice-pro-select>span{color:#e5c454!important;letter-spacing:.11em!important;font-size:10px!important}
.voice-field-help{display:block;margin-top:-2px;color:#7f898d;font-size:8px;line-height:1.35;font-weight:600}
#voiceSpeechSelect{min-height:44px;font-size:12px;font-weight:800;border-color:#5c512f;background:linear-gradient(#151a1c,#101416);box-shadow:inset 0 0 0 1px #d4ad3f14}
#voiceSpeechSelect:focus{border-color:#d9b444!important;box-shadow:0 0 0 2px #d9b4442b!important}

body.voice-error-open{overflow:hidden!important}
#voiceErrorPanel.voice-error-modal{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(570px,calc(100vw - 34px))!important;
  margin:0!important;
  padding:24px 26px 22px!important;
  z-index:1810!important;
  border:1px solid #8b3b3d!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#302325,#1d1819)!important;
  color:#f5eeee!important;
  box-shadow:0 0 0 100vmax rgba(3,5,6,.80),0 26px 70px rgba(0,0,0,.74),inset 0 1px rgba(255,255,255,.07)!important;
  text-align:left!important;
}
#voiceErrorPanel.voice-error-modal>strong{display:block;padding-right:42px;color:#f09a94;font-size:10px;letter-spacing:.14em}
#voiceErrorPanel.voice-error-modal>p{margin:10px 0 0;color:#f2e7e7;font-size:12px;line-height:1.55}
#voiceErrorClose{
  position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;border:1px solid #4c2527;
  background:linear-gradient(#8c4246,#5a292d);color:#fff;font-size:21px;line-height:1;cursor:pointer;
  box-shadow:inset 0 1px #fff2,0 3px 9px #0007;
}
#voiceErrorClose:hover{filter:brightness(1.14)}

@media(min-width:900px){
  #voiceModeSpeech .voice-text textarea{min-height:125px!important}
  #voiceModeSpeech .voice-main-btn{margin-top:14px!important}
  #voiceModeSpeech .voice-tone-card{margin-top:10px!important}
}
@media(max-width:760px){
  .voice-studio-body{overflow:auto!important;padding:8px!important}
  .voice-mode-panel{min-height:0!important;padding:12px!important;overflow:visible!important}
  #voiceErrorPanel.voice-error-modal{width:calc(100vw - 24px)!important;padding:20px 18px!important}
}
/* Ajuste final 3.1.1: painel ocupa a área útil sem forçar rolagem; resultado continua visível abaixo. */
.voice-mode-panel{min-height:0!important;margin:0 0 10px!important;overflow:visible!important}
.voice-result-panel{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
@media(min-width:900px){
  #voiceModeSpeech{padding-top:14px!important;padding-bottom:14px!important}
  #voiceModeSpeech .voice-text textarea{min-height:112px!important;max-height:130px!important;resize:none!important}
  #voiceModeSpeech .voice-main-btn{min-height:46px!important}
}


/* ===== VS-RAS LIVE 3.3 • MESA DE PALCO ===== */
.vsras-toolbar-btn{background:linear-gradient(#8b3032,#5b181b)!important;color:#fff!important;border-color:#b95357!important;box-shadow:0 4px 12px #0008,inset 0 1px #ffffff26!important;min-width:112px}.vsras-toolbar-btn:hover{filter:brightness(1.13)}
.vsras-overlay{position:fixed;inset:0;z-index:12000;background:radial-gradient(circle at 50% 8%,#20272b 0,#101416 46%,#090c0e 100%);color:#eef0f1;display:flex;flex-direction:column;font-family:inherit;overflow:hidden}.vsras-overlay.hidden{display:none!important}.vsras-header{height:68px;min-height:68px;background:linear-gradient(180deg,#11191e,#0d1317);border-bottom:1px solid #334047;display:flex;align-items:center;padding:0 18px;gap:18px;box-shadow:0 8px 24px #0008;position:relative;z-index:4}.vsras-brand{display:flex;align-items:center;gap:12px}.vsras-brand img{width:46px;height:46px;border-radius:10px;box-shadow:0 4px 14px #000b,0 0 0 1px #45535b}.vsras-brand small{display:block;color:#efc135;font-weight:950;font-size:9px;letter-spacing:2px}.vsras-brand h2{font-size:27px;line-height:1;margin:5px 0 0;letter-spacing:.5px;color:#fff}.vsras-brand h2 span{color:#f0bd2f}.vsras-live-status{margin-left:auto;margin-right:50px;display:flex;align-items:center;gap:9px;color:#e8edef;font-size:11px;font-weight:900;letter-spacing:.9px;background:#11181c;border:1px solid #3e4b52;border-radius:9px;padding:10px 14px}.vsras-live-status i,.vsras-now-status i{width:10px;height:10px;border-radius:50%;background:#31e279;box-shadow:0 0 13px #31e279}.vsras-close{position:absolute;right:14px;top:11px;width:44px;height:44px;border-radius:50%;border:1px solid #58636a;background:linear-gradient(#4e575c,#20262a);color:#fff;font-size:26px;box-shadow:0 5px 14px #000b;cursor:pointer}
.vsras-layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}.vsras-sidebar{background:linear-gradient(180deg,#11181c,#0d1215);border-right:1px solid #303c43;padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto}.vsras-project-card,.vsras-setting-card,.vsras-tempo-card,.vsras-tip{background:linear-gradient(180deg,#1b2429,#141b1f);border:1px solid #35434a;border-radius:11px;padding:12px;box-shadow:inset 0 1px #ffffff0b,0 6px 16px #0004}.vsras-project-card small,.vsras-tip b,.vsras-tempo-card>small{color:#f0bd2f;font-size:9px;letter-spacing:1.5px;font-weight:950}.vsras-project-card strong{display:block;margin:6px 0 4px;font-size:16px}.vsras-project-card span,.vsras-tip span{font-size:10px;color:#aab5ba;line-height:1.4}.vsras-primary{min-height:45px;border-radius:9px;border:1px solid #ffd65b;background:linear-gradient(#f4c83d,#b98208);color:#101214;font-weight:950;letter-spacing:.5px;box-shadow:0 5px 14px #0008,inset 0 1px #fff8;cursor:pointer}.vsras-setting-card.vertical{display:flex;flex-direction:column;gap:7px}.vsras-setting-card>span{display:block;color:#d7dddf;font-size:9px;font-weight:950;letter-spacing:1px}.vsras-radio{display:grid!important;grid-template-columns:18px 1fr;column-gap:7px;align-items:start;padding:8px;border-radius:8px;background:#0f1518;border:1px solid #29353a}.vsras-radio input{grid-row:1/3}.vsras-radio b{font-size:10px}.vsras-radio small{font-size:8px;color:#909da3;margin-top:2px}.vsras-tempo-card{display:flex;flex-direction:column;gap:9px}.vsras-tempo-line{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center}.vsras-tempo-line>span{font-size:9px;color:#cdd4d7;font-weight:950;letter-spacing:1px}.vsras-tempo-line label{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px}.vsras-tempo-line input,.vsras-tempo-line select{height:34px;background:#0c1114;border:1px solid #435159;border-radius:7px;color:white;padding:0 8px;font-weight:850}.vsras-tempo-line label b{font-size:8px;color:#8d989e;padding-bottom:6px}.vsras-smart-click{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-top:1px solid #303b41;padding-top:8px}.vsras-smart-click small{display:block;color:#eebf31;font-size:8px;font-weight:950;letter-spacing:1px}.vsras-smart-click strong{display:block;font-size:9px;color:#cbd3d6;margin-top:3px}.vsras-smart-click button,.vsras-mark-beat{border:1px solid #526068;background:linear-gradient(#39464c,#20292e);color:#fff;border-radius:7px;height:31px;font-weight:900;font-size:9px;cursor:pointer}.vsras-mark-beat{width:100%;color:#f0c546;border-color:#5c5130}.vsras-tip{margin-top:auto;display:flex;flex-direction:column;gap:4px}.vsras-tip em{margin-top:7px;padding-top:7px;border-top:1px solid #2f3a40;color:#46df80;font-style:normal;font-size:9px;font-weight:900}
.vsras-main{padding:12px;overflow:hidden;min-width:0;display:flex;flex-direction:column;gap:10px}.vsras-now{background:linear-gradient(180deg,#1a2429,#121a1e);border:1px solid #354249;border-radius:12px;min-height:90px;padding:12px 16px;display:grid;grid-template-columns:minmax(230px,1fr) auto 180px;align-items:center;gap:20px;box-shadow:0 8px 24px #0006}.vsras-song small,.vsras-console-head small{color:#f0be2e;font-size:9px;font-weight:950;letter-spacing:1.6px}.vsras-song h3{font-size:22px;margin:4px 0 4px}.vsras-song span{font-size:10px;color:#a8b2b7}.vsras-clock{text-align:right}.vsras-clock strong{display:block;font-family:monospace;font-size:30px;letter-spacing:1px;color:#f4f5f5}.vsras-clock span{font-size:10px;color:#9ea8ad}.vsras-now-status{border-left:1px solid #3a474d;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding-left:15px}.vsras-now-status i{grid-row:1/3}.vsras-now-status strong{font-size:11px;color:#38e883}.vsras-now-status span{font-size:8px;color:#98a4a9}
.vsras-console{background:linear-gradient(180deg,#151d21,#0f1518);border:1px solid #303b41;border-radius:12px;padding:10px;box-shadow:0 10px 26px #0006;min-height:0;display:flex;flex-direction:column;flex:1}.vsras-console-head{display:flex;align-items:center;justify-content:space-between;padding:0 5px 8px;border-bottom:1px solid #303b40}.vsras-console-head h3{font-size:15px;margin:3px 0 0}.vsras-console-note{font-size:8px;color:#86949a;letter-spacing:1px;font-weight:800}.vsras-channels{display:grid;grid-template-columns:minmax(128px,1.08fr) repeat(6,minmax(118px,1fr));gap:8px;margin-top:9px;min-height:0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#526068 #11171a}.vsras-strip{background:linear-gradient(180deg,#1d282d,#11181c 48%,#0c1215);border:1px solid #3c4b52;border-top:4px solid var(--vs-color,#e7b82b);border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:8px 8px 9px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 5px 13px #0006}.vsras-master-strip{border-color:#745f22;border-top-color:#d9b238;box-shadow:inset 0 0 26px #b98e1512,0 0 0 1px #9a7a24,0 7px 18px #0008}.vsras-strip-head{width:100%;display:flex;align-items:center;gap:7px;min-height:43px}.vsras-num{width:30px;height:30px;min-width:30px;border-radius:7px;background:color-mix(in srgb,var(--vs-color) 28%,#161b1e);border:1px solid color-mix(in srgb,var(--vs-color) 72%,#21292d);display:grid;place-items:center;color:#fff;font-weight:950;font-size:15px;box-shadow:0 2px 7px #0008}.vsras-master-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#253138;color:#d8e0e4;font-size:17px}.vsras-strip-head div{min-width:0}.vsras-strip-head strong{font-size:10px;display:block;line-height:1.08}.vsras-strip-head small{font-size:7px;color:#91a0a6;display:block;margin-top:3px}.vsras-master-head strong{color:#f2c43c;font-size:13px}.vsras-db{width:82%;background:#080d10;border:1px solid #253137;border-radius:6px;text-align:center;font-size:10px;font-weight:900;padding:5px 3px;margin:3px 0 5px;color:#f0f3f4}.vsras-fader-zone{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;justify-content:center;width:100%;min-height:0;flex:1;max-height:260px}.vsras-meter{height:86%;min-height:130px;width:15px;border-radius:3px;background:repeating-linear-gradient(to top,#0b0f11 0 5px,#1b2428 5px 7px);border:1px solid #3c484e;padding:2px;display:flex;align-items:flex-end;box-shadow:inset 0 0 7px #000}.vsras-meter i{display:block;width:100%;height:0;background:linear-gradient(to top,#16e36d 0 62%,#d6e236 72%,#ffb52e 83%,#ff4a42 96%);transition:height .06s linear;box-shadow:0 0 5px #1ee47c}.vsras-fader{appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:rtl;width:48px;height:90%;min-height:145px;background:transparent;margin:auto;cursor:pointer}.vsras-fader::-webkit-slider-runnable-track{width:7px;border-radius:4px;background:linear-gradient(90deg,#111 0 20%,#bfc5c7 44% 56%,#111 80% 100%);box-shadow:inset 0 0 3px #000}.vsras-fader::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:38px;border-radius:3px;background:linear-gradient(180deg,#f1f3f3 0 35%,#9ba1a4 36% 42%,#f4f4f4 43% 56%,#81878a 57% 64%,#d9dcdd 65% 100%);border:1px solid #111;box-shadow:0 3px 7px #000a,0 0 0 1px #ffffff77}.vsras-master-strip .vsras-fader::-webkit-slider-thumb{background:linear-gradient(180deg,#f4cf3d 0 34%,#a87400 35% 42%,#ffd84d 43% 56%,#986900 57% 64%,#e0aa12 65% 100%)}.vsras-fader::-moz-range-track{width:7px;background:#bfc5c7;border-radius:4px}.vsras-fader::-moz-range-thumb{width:28px;height:36px;border-radius:3px;background:#e2e5e6;border:1px solid #111}.vsras-value{font-size:11px;font-weight:950;color:#e5e9ea;margin:1px 0 7px}.vsras-value.master{color:#f0c43a}.vsras-ms{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:auto}.vsras-ms button{height:34px;border-radius:5px;border:1px solid #657176;background:linear-gradient(#e4e8e9,#a9afb2);font-weight:950;font-size:15px;color:#111418;cursor:pointer}.vsras-ms button.active-mute{background:linear-gradient(#ef5d57,#9c1f1e);color:white;border-color:#ff8984}.vsras-ms button.active-solo{background:linear-gradient(#3cdf7f,#158b49);color:#06150b;border-color:#72f5aa}.vsras-empty{color:#68767c!important}
.vsras-footer{height:76px;min-height:76px;background:linear-gradient(180deg,#11191d,#0a0f12);border-top:1px solid #344149;display:grid;grid-template-columns:minmax(310px,1fr) auto minmax(310px,1fr);align-items:center;gap:12px;padding:8px 12px;box-shadow:0 -10px 24px #0008;z-index:5}.vsras-footer-actions{display:flex;align-items:center;gap:7px;min-width:0}.vsras-footer-actions.right{justify-content:flex-end}.vsras-footer-actions button{height:46px;min-width:95px;padding:0 12px;border-radius:7px;border:1px solid #46545b;background:linear-gradient(#2b373d,#172025);color:#edf2f4;font-size:9px;font-weight:950;letter-spacing:.25px;box-shadow:0 4px 9px #0008;cursor:pointer}.vsras-footer-actions button span{margin-right:6px}.vsras-footer-actions button.gold{border-color:#d1a82f;color:#f2c63d}.vsras-transport{display:flex;align-items:center;justify-content:center;gap:7px}.vsras-transport button{width:45px;height:45px;border-radius:50%;border:1px solid #526069;background:linear-gradient(#4d575d,#1b2226);color:white;font-size:14px;box-shadow:0 4px 10px #000b,inset 0 1px #ffffff29;cursor:pointer}.vsras-transport button.play{width:61px;height:61px;background:linear-gradient(#fff,#aeb3b5);color:#111;font-size:24px;border-color:#f3f3f3;box-shadow:0 5px 14px #000c,0 0 0 2px #4d5559}.vsras-transport button.play.is-playing{background:linear-gradient(#45dbcb,#138d84);color:#051513}.vsras-rotate-hint{position:absolute;inset:68px 0 76px;z-index:30;background:#070b0de8;backdrop-filter:blur(8px);display:grid;place-items:center}.vsras-rotate-hint.hidden{display:none}.vsras-rotate-hint>div{text-align:center;max-width:300px;padding:24px;border:1px solid #4d5d65;border-radius:14px;background:#131b1f}.vsras-rotate-hint strong{display:block;color:#f0c13b;font-size:18px}.vsras-rotate-hint span{display:block;color:#c1cace;font-size:11px;line-height:1.5;margin-top:8px}.vsras-rotate-hint b{display:block;font-size:42px;margin-top:12px;color:#fff}
@media(max-width:1180px){.vsras-layout{grid-template-columns:205px minmax(0,1fr)}.vsras-channels{grid-template-columns:118px repeat(6,110px)}.vsras-footer{grid-template-columns:1fr auto 1fr}.vsras-footer-actions button{min-width:76px;padding:0 7px;font-size:8px}.vsras-now{grid-template-columns:1fr auto 135px}}
@media(max-width:900px) and (orientation:landscape){.vsras-header{height:48px;min-height:48px;padding:0 8px}.vsras-brand img{width:34px;height:34px}.vsras-brand small{font-size:6px}.vsras-brand h2{font-size:18px}.vsras-live-status{padding:7px 10px;margin-right:40px;font-size:8px}.vsras-close{width:34px;height:34px;top:7px;right:7px;font-size:20px}.vsras-layout{grid-template-columns:145px minmax(0,1fr)}.vsras-sidebar{padding:6px;gap:5px}.vsras-project-card,.vsras-setting-card,.vsras-tempo-card,.vsras-tip{padding:7px;border-radius:7px}.vsras-project-card strong{font-size:11px}.vsras-project-card span{font-size:7px}.vsras-primary{min-height:31px;font-size:9px}.vsras-tempo-line{grid-template-columns:48px 1fr;gap:4px}.vsras-tempo-line input,.vsras-tempo-line select{height:27px;font-size:9px}.vsras-smart-click strong,.vsras-smart-click small{font-size:6px}.vsras-smart-click button,.vsras-mark-beat{height:25px;font-size:7px}.vsras-setting-card.vertical{gap:3px}.vsras-radio{padding:4px;grid-template-columns:12px 1fr}.vsras-radio b{font-size:7px}.vsras-radio small{display:none}.vsras-tip{display:none}.vsras-main{padding:6px;gap:5px}.vsras-now{min-height:53px;padding:6px 9px;grid-template-columns:1fr auto 90px;gap:8px;border-radius:7px}.vsras-song small{font-size:6px}.vsras-song h3{font-size:14px;margin:2px 0}.vsras-song span{display:none}.vsras-clock strong{font-size:20px}.vsras-clock span{font-size:7px}.vsras-now-status{padding-left:7px}.vsras-now-status strong{font-size:7px}.vsras-now-status span{font-size:6px}.vsras-console{padding:5px;border-radius:7px}.vsras-console-head{padding-bottom:4px}.vsras-console-head h3{font-size:10px}.vsras-console-note{display:none}.vsras-channels{grid-template-columns:91px repeat(6,88px);gap:4px;margin-top:4px}.vsras-strip{padding:4px;border-top-width:3px}.vsras-strip-head{min-height:29px;gap:4px}.vsras-num,.vsras-master-icon{width:21px;height:21px;min-width:21px;font-size:9px}.vsras-strip-head strong{font-size:7px}.vsras-strip-head small{display:none}.vsras-db{font-size:7px;padding:3px;margin:1px 0 2px}.vsras-fader-zone{grid-template-columns:12px 1fr;gap:3px}.vsras-meter{min-height:63px;width:9px;padding:1px}.vsras-fader{width:31px;min-height:72px}.vsras-fader::-webkit-slider-thumb{width:22px;height:25px}.vsras-value{font-size:8px;margin-bottom:3px}.vsras-ms{gap:3px}.vsras-ms button{height:25px;font-size:10px}.vsras-footer{height:57px;min-height:57px;padding:4px 6px;gap:5px;grid-template-columns:1fr auto 1fr}.vsras-footer-actions{gap:3px}.vsras-footer-actions button{height:34px;min-width:54px;padding:0 5px;font-size:6px}.vsras-footer-actions button span{display:none}.vsras-footer-actions.right button:nth-child(2),.vsras-footer-actions.right button:nth-child(3){display:none}.vsras-transport{gap:3px}.vsras-transport button{width:34px;height:34px;font-size:10px}.vsras-transport button.play{width:45px;height:45px;font-size:18px}.vsras-rotate-hint{inset:48px 0 57px}}
@media(max-width:760px) and (orientation:portrait){.vsras-header{height:56px;min-height:56px;padding:0 8px}.vsras-brand img{width:36px;height:36px}.vsras-brand h2{font-size:17px}.vsras-live-status{display:none}.vsras-close{width:36px;height:36px;top:10px;right:8px}.vsras-layout{display:block;overflow:hidden}.vsras-sidebar,.vsras-main,.vsras-footer{visibility:hidden}.vsras-rotate-hint{inset:56px 0 0}.vsras-toolbar-btn{display:none!important}.mobile-more-grid .vsras{display:flex}}


/* ===== VS-RAS LIVE 3.4 • MOBILE PALCO + PACOTE PORTÁTIL ===== */
.vsras-mobile-menu-btn{display:none;position:absolute;right:62px;top:11px;width:44px;height:44px;border-radius:10px;border:1px solid #4c5960;background:linear-gradient(#334047,#1a2226);color:#f2c43b;font-size:20px;font-weight:900;box-shadow:0 5px 14px #0008;cursor:pointer}
.vsras-package-overlay{position:absolute;inset:68px 0 76px;z-index:40;background:#070b0de8;backdrop-filter:blur(9px);display:grid;place-items:center;padding:18px}.vsras-package-overlay.hidden{display:none!important}.vsras-package-card{position:relative;width:min(760px,92vw);background:linear-gradient(180deg,#1d272c,#11181c);border:1px solid #46555c;border-radius:16px;padding:24px;box-shadow:0 24px 70px #000c,inset 0 1px #ffffff0d}.vsras-package-card>small{color:#f0c13b;font-size:10px;font-weight:950;letter-spacing:1.8px}.vsras-package-card h3{font-size:26px;margin:6px 0 7px;color:#fff}.vsras-package-card>p{margin:0 0 18px;color:#bac5ca;font-size:12px;line-height:1.5;max-width:650px}.vsras-package-card>em{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #364249;color:#8f9da3;font-style:normal;font-size:10px}.vsras-package-close{position:absolute;right:13px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #59676e;background:linear-gradient(#465158,#1f272b);color:#fff;font-size:24px;cursor:pointer}.vsras-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vsras-package-grid button{min-height:92px;text-align:left;padding:14px;border-radius:11px;border:1px solid #49575e;background:linear-gradient(#2a363c,#171f23);color:#eef2f3;box-shadow:0 6px 16px #0007;cursor:pointer}.vsras-package-grid button.recommended{border-color:#d3ad38;background:linear-gradient(#5b4a1e,#251f12);box-shadow:0 0 0 1px #8a6c1c,0 8px 20px #0008}.vsras-package-grid button b{display:block;font-size:13px;color:#fff}.vsras-package-grid button.recommended b{color:#f4c83f}.vsras-package-grid button span{display:block;margin-top:6px;color:#a9b5ba;font-size:10px;line-height:1.35}.vsras-package-grid button:disabled{opacity:.45;cursor:wait}.vsras-package-progress{margin-top:15px;background:#0b1114;border:1px solid #334148;border-radius:10px;padding:12px}.vsras-package-progress.hidden{display:none}.vsras-package-progress>div{display:flex;justify-content:space-between;gap:15px;font-size:10px}.vsras-package-progress>div strong{color:#fff}.vsras-package-progress>div span{color:#f0c13b;font-weight:900}.vsras-package-progress>i{display:block;height:8px;margin:9px 0;border-radius:999px;background:#050809;overflow:hidden;border:1px solid #273238}.vsras-package-progress>i>b{display:block;height:100%;width:0;background:linear-gradient(90deg,#b9850f,#f3c63a);transition:width .2s}.vsras-package-progress p{margin:0;color:#9dabb1;font-size:9px}

/* Telefone deitado: a mesa assume praticamente toda a tela e nunca empilha canais. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  .vsras-header{height:45px!important;min-height:45px!important;padding:0 7px!important;gap:7px!important}.vsras-brand{gap:7px!important}.vsras-brand img{width:32px!important;height:32px!important;border-radius:7px!important}.vsras-brand small{font-size:5px!important;letter-spacing:1.3px!important}.vsras-brand h2{font-size:16px!important;margin-top:2px!important}.vsras-live-status{display:none!important}.vsras-close{width:32px!important;height:32px!important;top:6px!important;right:6px!important;font-size:18px!important}.vsras-mobile-menu-btn{display:grid!important;place-items:center;width:32px!important;height:32px!important;top:6px!important;right:43px!important;border-radius:8px!important;font-size:16px!important}
  .vsras-layout{display:block!important;position:relative!important;overflow:hidden!important}.vsras-sidebar{position:absolute!important;z-index:25!important;left:0!important;top:0!important;bottom:0!important;width:min(248px,72vw)!important;transform:translateX(-104%)!important;transition:transform .2s ease!important;box-shadow:14px 0 30px #000c!important;padding:8px!important;gap:7px!important}.vsras-overlay.mobile-sidebar-open .vsras-sidebar{transform:translateX(0)!important}.vsras-main{height:100%!important;padding:4px!important;gap:4px!important;overflow:hidden!important}.vsras-now{min-height:48px!important;height:48px!important;padding:4px 8px!important;grid-template-columns:minmax(130px,1fr) auto 82px!important;gap:7px!important;border-radius:7px!important}.vsras-song small{font-size:5px!important}.vsras-song h3{font-size:13px!important;margin:1px 0!important}.vsras-song span{display:none!important}.vsras-clock strong{font-size:18px!important}.vsras-clock span{font-size:6px!important}.vsras-now-status{padding-left:5px!important}.vsras-now-status i{width:7px!important;height:7px!important}.vsras-now-status strong{font-size:6px!important}.vsras-now-status span{font-size:5px!important}
  .vsras-console{padding:4px!important;border-radius:7px!important;min-height:0!important}.vsras-console-head{height:24px!important;min-height:24px!important;padding:0 3px 3px!important}.vsras-console-head small{font-size:5px!important}.vsras-console-head h3{font-size:9px!important;margin:1px 0!important}.vsras-console-note{display:none!important}.vsras-channels{display:grid!important;grid-template-columns:92px repeat(6,minmax(78px,1fr))!important;gap:3px!important;margin-top:3px!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:0!important;flex:1!important}.vsras-strip{padding:3px 4px 4px!important;border-radius:6px!important;border-top-width:3px!important;min-width:0!important}.vsras-strip-head{min-height:27px!important;gap:3px!important}.vsras-num,.vsras-master-icon{width:20px!important;height:20px!important;min-width:20px!important;border-radius:5px!important;font-size:8px!important}.vsras-strip-head strong{font-size:6.5px!important;line-height:1!important}.vsras-strip-head small{display:none!important}.vsras-db{width:88%!important;font-size:6px!important;padding:2px!important;margin:0 0 2px!important}.vsras-fader-zone{grid-template-columns:9px 1fr!important;gap:2px!important;max-height:none!important;min-height:125px!important;height:100%!important}.vsras-meter{height:96%!important;min-height:120px!important;width:7px!important;padding:1px!important}.vsras-fader{width:27px!important;height:96%!important;min-height:125px!important}.vsras-fader::-webkit-slider-runnable-track{width:5px!important}.vsras-fader::-webkit-slider-thumb{width:21px!important;height:26px!important}.vsras-value{font-size:7px!important;margin:0 0 2px!important}.vsras-ms{gap:2px!important}.vsras-ms button{height:24px!important;font-size:9px!important;border-radius:4px!important}.vsras-footer{height:54px!important;min-height:54px!important;padding:3px 5px!important;gap:4px!important;grid-template-columns:minmax(165px,1fr) auto minmax(90px,.55fr)!important}.vsras-footer-actions{gap:3px!important}.vsras-footer-actions button{height:32px!important;min-width:45px!important;padding:0 5px!important;font-size:5.8px!important;border-radius:5px!important}.vsras-footer-actions button span{display:none!important}.vsras-footer-actions.left #vsRasFooterLoadCurrentBtn{display:none!important}.vsras-footer-actions.right #vsRasFooterVoiceBtn,.vsras-footer-actions.right #vsRasFooterPlaybackBtn,.vsras-footer-actions.right #vsRasFooterCreateBtn{display:none!important}.vsras-transport{gap:2px!important}.vsras-transport button{width:31px!important;height:31px!important;font-size:9px!important}.vsras-transport button.play{width:43px!important;height:43px!important;font-size:17px!important}.vsras-rotate-hint{inset:45px 0 54px!important}.vsras-package-overlay{inset:45px 0 54px!important;padding:8px!important}.vsras-package-card{width:min(650px,96vw)!important;padding:15px!important}.vsras-package-card h3{font-size:18px!important;margin:3px 0 4px!important}.vsras-package-card>p{font-size:9px!important;margin-bottom:9px!important}.vsras-package-grid{gap:6px!important}.vsras-package-grid button{min-height:66px!important;padding:8px!important}.vsras-package-grid button b{font-size:9px!important}.vsras-package-grid button span{font-size:7px!important;margin-top:3px!important}.vsras-package-card>em{font-size:7px!important;margin-top:8px!important;padding-top:7px!important}
}

@media (max-width:760px) and (orientation:portrait){.vsras-mobile-menu-btn{display:none!important}}


/* ===== VS-RAS LIVE 3.4.1 • MOBILE PALCO POLIDO =====
   Ajustes exclusivos para telefone deitado: mais area de mesa, faders maiores,
   transporte espalhado e botoes de menu/fechar separados para evitar toque acidental. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  .vsras-overlay{height:100dvh!important;min-height:100dvh!important}

  /* Cabecalho mais baixo e seguro: fechar longe do menu. */
  .vsras-header{height:40px!important;min-height:40px!important;padding:0 7px!important;gap:6px!important}
  .vsras-brand{gap:6px!important;margin-left:40px!important}
  .vsras-brand img{width:29px!important;height:29px!important;border-radius:6px!important}
  .vsras-brand small{font-size:4.5px!important;letter-spacing:1.1px!important}
  .vsras-brand h2{font-size:15px!important;margin-top:1px!important}
  .vsras-close{left:5px!important;right:auto!important;top:4px!important;width:32px!important;height:32px!important;font-size:18px!important;border-radius:8px!important}
  .vsras-mobile-menu-btn{left:auto!important;right:6px!important;top:3px!important;width:36px!important;height:34px!important;font-size:20px!important;border-radius:8px!important;box-shadow:0 4px 12px #000b!important}

  /* Ganha o espaco vazio superior para a mesa. */
  .vsras-main{height:100%!important;padding:3px!important;gap:3px!important;overflow:hidden!important}
  .vsras-now{height:38px!important;min-height:38px!important;padding:3px 8px!important;grid-template-columns:minmax(150px,1fr) auto 86px!important;gap:7px!important;border-radius:7px!important}
  .vsras-song small{font-size:4.8px!important;line-height:1!important}
  .vsras-song h3{font-size:12px!important;line-height:1.05!important;margin:1px 0!important}
  .vsras-clock strong{font-size:17px!important;line-height:1!important}
  .vsras-clock span{font-size:5.5px!important}
  .vsras-now-status{padding-left:5px!important}
  .vsras-now-status strong{font-size:6px!important}
  .vsras-now-status span{font-size:4.8px!important}

  .vsras-console{padding:3px!important;border-radius:7px!important;min-height:0!important;overflow:hidden!important}
  .vsras-console-head{height:19px!important;min-height:19px!important;padding:0 3px 2px!important}
  .vsras-console-head small{font-size:4.5px!important;letter-spacing:.9px!important}
  .vsras-console-head h3{font-size:8px!important;line-height:1!important;margin:0!important}
  .vsras-channels{display:grid!important;grid-template-columns:92px repeat(6,minmax(78px,1fr))!important;gap:3px!important;margin-top:2px!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:0!important;flex:1!important;align-items:stretch!important}
  .vsras-strip{height:100%!important;min-height:0!important;padding:3px 4px 4px!important;border-radius:6px!important;border-top-width:3px!important}
  .vsras-strip-head{min-height:24px!important;gap:3px!important}
  .vsras-num,.vsras-master-icon{width:20px!important;height:20px!important;min-width:20px!important;font-size:8px!important}
  .vsras-strip-head strong{font-size:6.8px!important;line-height:1!important}
  .vsras-db{width:90%!important;font-size:6.2px!important;padding:2px!important;margin:0 0 1px!important}

  /* Potenciometros mais altos e puxados para cima. */
  .vsras-fader-zone{grid-template-columns:9px 1fr!important;gap:3px!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;align-items:stretch!important;padding-top:0!important}
  .vsras-meter{height:100%!important;min-height:0!important;width:8px!important;padding:1px!important;align-self:stretch!important}
  .vsras-fader{height:100%!important;min-height:0!important;width:31px!important;align-self:stretch!important}
  .vsras-fader::-webkit-slider-runnable-track{width:6px!important}
  .vsras-fader::-webkit-slider-thumb{width:24px!important;height:30px!important}
  .vsras-value{font-size:7.3px!important;margin:1px 0 2px!important}
  .vsras-ms{gap:3px!important;margin-top:0!important}
  .vsras-ms button{height:27px!important;font-size:10px!important;border-radius:4px!important}

  /* Rodape mais util: transporte maior e espalhado como mesa fisica. */
  .vsras-footer{height:62px!important;min-height:62px!important;padding:4px 6px!important;gap:6px!important;grid-template-columns:minmax(205px,.85fr) minmax(330px,1.7fr) minmax(74px,.38fr)!important}
  .vsras-footer-actions{gap:5px!important}
  .vsras-footer-actions button{height:38px!important;min-width:60px!important;padding:0 7px!important;font-size:6.4px!important;border-radius:6px!important}
  .vsras-footer-actions.left{justify-content:flex-start!important}
  .vsras-footer-actions.right{justify-content:flex-end!important}
  .vsras-transport{width:min(520px,100%)!important;justify-self:center!important;display:flex!important;justify-content:space-between!important;gap:10px!important;padding:0 4px!important}
  .vsras-transport button{width:40px!important;height:40px!important;font-size:12px!important;flex:0 0 auto!important}
  .vsras-transport button.play{width:54px!important;height:54px!important;font-size:21px!important}

  /* Menus/modais respeitam o novo cabecalho e rodape. */
  .vsras-rotate-hint{inset:40px 0 62px!important}
  .vsras-package-overlay{inset:40px 0 62px!important}
}

/* Telefones muito baixos: prioriza a mesa sem perder os controles. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:430px){
  .vsras-header{height:36px!important;min-height:36px!important}
  .vsras-close{top:2px!important;width:31px!important;height:31px!important}
  .vsras-mobile-menu-btn{top:2px!important;width:34px!important;height:31px!important}
  .vsras-now{height:34px!important;min-height:34px!important}
  .vsras-footer{height:58px!important;min-height:58px!important}
  .vsras-transport button{width:37px!important;height:37px!important}
  .vsras-transport button.play{width:50px!important;height:50px!important}
}

/* ===== VS RasBR 3.4.2 • MESA ENXUTA / FADERS PRO / MOBILE ACCESS ===== */
.vsras-brand h2 span{color:#f0bd2f}
.vsras-mode-badge{align-self:center;justify-self:center;border:1px solid #4c5960;background:linear-gradient(180deg,#202a2f,#12191d);border-radius:8px;padding:8px 12px;color:#cbd3d6;font-size:9px;font-weight:950;letter-spacing:1.1px;white-space:nowrap;box-shadow:inset 0 1px #ffffff0b}
.vsras-now{grid-template-columns:minmax(230px,1fr) auto auto 180px;min-height:78px;padding:10px 14px;gap:14px}
.vsras-console{padding:5px 7px 7px}
.vsras-channels{margin-top:0;grid-template-columns:minmax(112px,.95fr) repeat(6,minmax(102px,1fr));gap:6px}
.vsras-strip{padding:6px 6px 7px}
.vsras-strip-head{min-height:38px}
.vsras-num,.vsras-master-icon{width:27px;height:27px;min-width:27px;font-size:13px}
.vsras-strip-head strong{font-size:9px}
.vsras-strip-head small{font-size:6.5px}
.vsras-db{width:88%;margin:1px 0 3px;padding:4px 3px}
.vsras-fader-zone{grid-template-columns:14px minmax(32px,1fr);gap:4px;max-height:none;align-items:stretch}
.vsras-meter{width:11px;height:96%;min-height:145px;align-self:stretch}
.vsras-fader{display:block;width:32px;height:96%;min-height:155px;margin:0 auto;align-self:stretch}
.vsras-fader::-webkit-slider-runnable-track{width:4px;background:linear-gradient(90deg,#0b0f11 0 22%,#d0d5d7 44% 56%,#0b0f11 78% 100%)}
.vsras-fader::-webkit-slider-thumb{width:23px;height:30px;border-radius:3px;margin-left:0}
.vsras-fader::-moz-range-track{width:4px}
.vsras-fader::-moz-range-thumb{width:22px;height:29px}
.vsras-value{font-size:10px;margin:0 0 4px}
.vsras-ms button{height:32px}
.vsras-transport{gap:7px}
.vsras-transport button.pause{font-size:16px}
.vsras-transport button.play.is-playing{background:radial-gradient(circle at 42% 35%,#ff7770 0,#e03b35 42%,#7d1715 100%)!important;border-color:#ff8a80!important;color:#fff!important;box-shadow:0 0 0 2px #ffb14a55,0 0 18px #ff3b30aa,0 5px 12px #000c!important}
.vsras-transport button.pause.is-paused{border-color:#9a7c24;color:#f0c43a}
.mobile-vsras-highlight{border-color:#8b6d18!important;background:linear-gradient(#3a321b,#242116)!important;box-shadow:inset 0 0 0 1px #e8be3a44!important}
.mobile-vsras-highlight strong{color:#f0c43a!important}

@media(max-width:760px){
  .mobile-toolbar{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .mobile-vsras-quick strong{color:#f0c43a!important;font-size:15px!important}
  .mobile-vsras-quick span{color:#fff4bf!important}
  .mobile-vsras-highlight{order:-1}
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  .vsras-header{height:38px!important;min-height:38px!important}
  .vsras-brand{margin-left:38px!important}
  .vsras-brand h2{font-size:16px!important}
  .vsras-mobile-menu-btn{right:5px!important;width:40px!important;height:32px!important;font-size:21px!important}
  .vsras-close{left:4px!important;right:auto!important;width:32px!important;height:32px!important}
  .vsras-layout{grid-template-columns:0 minmax(0,1fr)!important}
  .vsras-sidebar{position:absolute!important;left:0!important;top:38px!important;bottom:66px!important;width:min(280px,45vw)!important;z-index:12!important;transform:translateX(-105%)!important;transition:transform .18s ease!important;box-shadow:10px 0 30px #000c!important}
  .vsras-overlay.mobile-sidebar-open .vsras-sidebar{transform:translateX(0)!important}
  .vsras-main{padding:2px 3px!important;gap:2px!important}
  .vsras-now{height:34px!important;min-height:34px!important;padding:2px 7px!important;grid-template-columns:minmax(135px,1fr) auto auto 78px!important;gap:6px!important}
  .vsras-song small{font-size:4.4px!important}
  .vsras-song h3{font-size:11.5px!important}
  .vsras-mode-badge{padding:4px 6px!important;font-size:5px!important;letter-spacing:.6px!important;border-radius:5px!important}
  .vsras-clock strong{font-size:16px!important}
  .vsras-clock span{font-size:5px!important}
  .vsras-console{padding:2px 3px 3px!important;border-radius:6px!important}
  .vsras-channels{grid-template-columns:82px repeat(6,minmax(74px,1fr))!important;gap:3px!important;margin-top:0!important}
  .vsras-strip{padding:2px 3px 3px!important;border-top-width:3px!important}
  .vsras-strip-head{min-height:22px!important}
  .vsras-num,.vsras-master-icon{width:19px!important;height:19px!important;min-width:19px!important;font-size:8px!important}
  .vsras-strip-head strong{font-size:6.3px!important}
  .vsras-db{width:91%!important;font-size:5.8px!important;padding:1px 2px!important;margin:0 0 1px!important}
  .vsras-fader-zone{grid-template-columns:7px minmax(24px,1fr)!important;gap:2px!important;min-height:0!important}
  .vsras-meter{width:6px!important;min-height:0!important;height:100%!important}
  .vsras-fader{width:24px!important;min-height:0!important;height:100%!important;margin:0 auto!important}
  .vsras-fader::-webkit-slider-runnable-track{width:3px!important}
  .vsras-fader::-webkit-slider-thumb{width:18px!important;height:23px!important}
  .vsras-value{font-size:6.5px!important;margin:0!important}
  .vsras-ms{gap:2px!important}
  .vsras-ms button{height:23px!important;font-size:9px!important}
  .vsras-footer{height:64px!important;min-height:64px!important;padding:3px 5px!important;grid-template-columns:minmax(160px,.7fr) minmax(365px,1.8fr) minmax(65px,.3fr)!important;gap:4px!important}
  .vsras-footer-actions.left button{min-width:54px!important}
  .vsras-transport{width:min(620px,100%)!important;gap:13px!important;padding:0 9px!important;justify-content:center!important}
  .vsras-transport button{width:42px!important;height:42px!important;font-size:12px!important}
  .vsras-transport button.pause{font-size:14px!important}
  .vsras-transport button.play{width:56px!important;height:56px!important;font-size:21px!important}
  .vsras-footer-actions.right #vsRasFooterVoiceBtn,.vsras-footer-actions.right #vsRasFooterPlaybackBtn,.vsras-footer-actions.right #vsRasFooterCreateBtn{display:none!important}
  .vsras-footer-actions.right #vsRasFooterShortcutsBtn{display:block!important;min-width:64px!important}
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:430px){
  .vsras-header{height:34px!important;min-height:34px!important}
  .vsras-sidebar{top:34px!important;bottom:60px!important}
  .vsras-now{height:31px!important;min-height:31px!important}
  .vsras-mode-badge{display:none!important}
  .vsras-footer{height:60px!important;min-height:60px!important}
  .vsras-transport{gap:11px!important}
  .vsras-transport button{width:39px!important;height:39px!important}
  .vsras-transport button.play{width:52px!important;height:52px!important}
}


/* ===== VS RasBR 3.4.3 • ORIENTAÇÃO MOBILE SEM TRAVAR ===== */
.vsras-rotate-hint>div{width:min(360px,calc(100vw - 30px));max-width:360px;padding:22px 18px!important;box-shadow:0 18px 60px #000d}
.vsras-rotate-hint b{margin:8px 0 4px!important}
.vsras-rotate-hint p{min-height:16px;margin:7px 0 0;color:#f0c13b;font-size:9px;line-height:1.35}
.vsras-rotate-hint em{display:block;margin-top:10px;color:#8f9ba1;font-size:8px;line-height:1.35;font-style:normal}
.vsras-rotate-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px}
.vsras-rotate-actions button{min-height:42px;border-radius:8px;border:1px solid #46545b;background:linear-gradient(#303b41,#182126);color:#edf2f4;font-size:10px;font-weight:950;letter-spacing:.35px;box-shadow:0 4px 10px #0008;cursor:pointer}
.vsras-rotate-actions button.primary{border-color:#e2b62d;background:linear-gradient(#f1c53c,#bf8d0d);color:#111}
.vsras-rotate-actions button.ghost{background:#0b1114;color:#b8c1c5}

@media(max-width:760px) and (orientation:portrait){
  .vsras-rotate-hint{inset:56px 0 0!important;padding:10px!important}
  .vsras-rotate-hint>div{max-width:330px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-layout{display:block!important;overflow:auto!important;padding-bottom:66px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-main{visibility:visible!important;display:block!important;padding:6px!important;overflow:auto!important;height:calc(100dvh - 122px)!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-sidebar{visibility:hidden!important;display:none!important}
  .vsras-overlay.vsras-portrait-bypass.mobile-sidebar-open .vsras-sidebar{visibility:visible!important;display:flex!important;position:absolute!important;z-index:42!important;top:56px!important;bottom:62px!important;left:0!important;width:min(88vw,320px)!important;background:#10181c!important;overflow:auto!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-footer{visibility:visible!important;display:grid!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:62px!important;min-height:62px!important;z-index:40!important;grid-template-columns:1fr!important;padding:5px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-footer-actions{display:none!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-transport{display:flex!important;justify-content:space-around!important;width:100%!important;gap:4px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-transport button{width:42px!important;height:42px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-transport button.play{width:52px!important;height:52px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-now{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;min-height:88px!important;padding:8px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-clock{text-align:left!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-now-status{display:none!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-console{overflow:hidden!important;padding:5px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-channels{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:5px!important;padding-bottom:4px!important;scroll-snap-type:x proximity!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-strip{min-width:150px!important;width:150px!important;scroll-snap-align:start!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-fader-zone{min-height:230px!important;height:230px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-meter{min-height:220px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-fader{min-height:230px!important;height:230px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-mobile-menu-btn{display:flex!important;position:absolute!important;top:11px!important;right:54px!important;z-index:45!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-close{right:8px!important}
  .vsras-overlay.vsras-portrait-bypass .vsras-rotate-hint{display:none!important}
}

/* ===== VS RasBR 3.5.1 • APP DIRETO /VS ===== */
html.vsras-standalone-root,body.vsras-standalone{background:#000!important;overflow:hidden!important}
body.vsras-standalone .vsras-overlay{inset:0!important;border-radius:10px!important;box-shadow:inset 0 0 0 1px #26343c!important}
body.vsras-standalone .vsras-close{display:none!important}
body.vsras-standalone #vsRasLoadCurrentBtn,
body.vsras-standalone #vsRasFooterLoadCurrentBtn,
body.vsras-standalone #vsRasFooterVoiceBtn,
body.vsras-standalone #vsRasFooterPlaybackBtn,
body.vsras-standalone #vsRasFooterCreateBtn{display:none!important}
body.vsras-standalone .vsras-footer{grid-template-columns:minmax(260px,1fr) auto minmax(70px,.35fr)!important}
body.vsras-standalone .vsras-footer-actions.left{justify-content:flex-start!important}
body.vsras-standalone .vsras-footer-actions.right{justify-content:flex-end!important}
body.vsras-standalone .vsras-project-card span{font-size:10px}
body.vsras-standalone .vsras-package-grid button#vsRasImportZipBtn{border-color:#d3ad38;background:linear-gradient(#5b4a1e,#251f12);box-shadow:0 0 0 1px #8a6c1c,0 8px 20px #0008}
body.vsras-standalone .vsras-package-grid button#vsRasImportZipBtn b{color:#f4c83f}
@media(max-width:900px){
  body.vsras-standalone .vsras-header{padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}
  body.vsras-standalone .vsras-main{padding-left:6px!important;padding-right:6px!important}
  body.vsras-standalone .vsras-footer{padding-left:max(6px,env(safe-area-inset-left))!important;padding-right:max(6px,env(safe-area-inset-right))!important}
  body.vsras-standalone .vsras-footer-actions.left #vsRasOpenProjectBtn,
  body.vsras-standalone .vsras-footer-actions.left #vsRasSaveProjectBtn,
  body.vsras-standalone .vsras-footer-actions.left #vsRasPackageBtn{display:flex!important;min-width:58px!important}
  body.vsras-standalone .vsras-footer-actions.right #vsRasFooterShortcutsBtn{display:block!important}
}

/* VS RasBR 3.5.1 • seletor de pacote Android/WhatsApp */
.vsras-package-mobile-hint{
  margin:10px 0 0;
  padding:10px 12px;
  border:1px solid rgba(255,196,40,.22);
  border-radius:10px;
  background:rgba(255,196,40,.055);
  color:#b9c4c9;
  font-size:11px;
  line-height:1.45;
}
.vsras-package-mobile-hint b{color:#f4bf28}

/* ======================================================================
   VS RasBR 3.6.2 • MESA PREMIUM / DREAM CONSOLE
   Redesign visual sem trocar IDs, eventos ou motor de áudio.
   ====================================================================== */
.vsras-overlay{
  --vs-bg:#061018;
  --vs-panel:#0b1822;
  --vs-panel2:#0f202b;
  --vs-line:#214052;
  --vs-blue:#198fd0;
  --vs-gold:#f3bd28;
  --vs-green:#14e57a;
  background:
    radial-gradient(circle at 55% -15%,rgba(22,104,154,.28),transparent 42%),
    linear-gradient(180deg,#07131b 0%,#04090d 100%)!important;
  color:#f2f6f8!important;
}
.vsras-header{
  height:78px!important;min-height:78px!important;
  padding:0 22px!important;gap:24px!important;
  background:linear-gradient(180deg,#092033 0%,#06131c 68%,#050e14 100%)!important;
  border-bottom:1px solid #23506a!important;
  box-shadow:0 8px 28px #000a,inset 0 -1px #0f3143!important;
}
.vsras-brand{gap:14px!important;min-width:max-content}
.vsras-brand img{width:50px!important;height:50px!important;border-radius:12px!important;border:1px solid #7a6325!important;box-shadow:0 0 0 2px #101c22,0 0 22px #e4b42d28!important}
.vsras-brand small{font-size:9px!important;letter-spacing:2.1px!important;color:#f3bd28!important}
.vsras-brand h2{font-size:29px!important;letter-spacing:.4px!important;margin-top:5px!important;font-weight:950!important}
.vsras-brand h2 span{color:#f3bd28!important}
.vsras-tagline{padding-left:24px;border-left:1px solid #315064;display:flex;flex-direction:column;gap:5px;min-width:245px}
.vsras-tagline strong{font-size:13px;letter-spacing:1.1px;color:#dce7ee}
.vsras-tagline span{font-size:9px;letter-spacing:1.35px;color:#96aab7}
.vsras-live-status{margin-left:auto!important;margin-right:56px!important;padding:11px 16px!important;border:1px solid #29526a!important;border-radius:10px!important;background:linear-gradient(180deg,#0b2331,#07151e)!important;box-shadow:inset 0 1px #ffffff0a,0 6px 18px #0007!important}
.vsras-live-status i,.vsras-now-status i{background:#12e878!important;box-shadow:0 0 8px #12e878,0 0 20px #12e87888!important}
.vsras-close{width:42px!important;height:42px!important;top:18px!important;right:16px!important;background:linear-gradient(#203441,#0b1720)!important;border:1px solid #496373!important;font-size:24px!important;box-shadow:inset 0 1px #ffffff12,0 6px 20px #000a!important}
.vsras-mobile-menu-btn{background:linear-gradient(#203441,#0b1720)!important;border:1px solid #496373!important;color:#f3bd28!important}

.vsras-layout{grid-template-columns:260px minmax(0,1fr)!important;background:#050b10!important}
.vsras-sidebar{
  padding:14px!important;gap:10px!important;
  background:linear-gradient(180deg,#0a1923,#061018 58%,#050c11)!important;
  border-right:1px solid #244559!important;
  box-shadow:10px 0 28px #0007!important;
  scrollbar-width:thin;scrollbar-color:#34596c #08131a;
}
.vsras-project-card,.vsras-tempo-card,.vsras-setting-card,.vsras-tip{
  background:linear-gradient(180deg,#102431,#0a1821)!important;
  border:1px solid #29485a!important;border-radius:10px!important;
  box-shadow:inset 0 1px #ffffff0a,0 7px 18px #0005!important;
}
.vsras-project-card{position:relative;padding:14px 13px 14px 46px!important}
.vsras-project-card:before{content:'▰';position:absolute;left:14px;top:15px;color:#f3bd28;font-size:20px;filter:drop-shadow(0 0 5px #f3bd2855)}
.vsras-project-card small,.vsras-tip b{color:#f3bd28!important}
.vsras-project-card strong{font-size:15px!important;line-height:1.15!important}
.vsras-project-card span{font-size:9px!important;color:#9db0bb!important}
.vsras-primary{height:46px!important;border-radius:9px!important;background:linear-gradient(180deg,#ffd54d,#c68d08)!important;border-color:#ffe27a!important;box-shadow:inset 0 1px #fff9,0 6px 16px #0007!important}
.vsras-tempo-card{padding:13px!important}
.vsras-tempo-line{grid-template-columns:76px 1fr!important}
.vsras-tempo-line>span{font-size:9px!important;color:#dfe8ed!important}
.vsras-tempo-line input,.vsras-tempo-line select{height:36px!important;border-color:#36586a!important;background:#061119!important;border-radius:8px!important;font-size:13px!important;box-shadow:inset 0 2px 5px #0008!important}
.vsras-smart-click{border-color:#254254!important}
.vsras-smart-click button,.vsras-mark-beat{background:linear-gradient(180deg,#193447,#0b1c28)!important;border-color:#41647a!important;box-shadow:inset 0 1px #ffffff0d!important}
.vsras-mark-beat{color:#ffd348!important;border-color:#9b7921!important}
.vsras-setting-card{padding:12px!important}
.vsras-radio{background:#071219!important;border-color:#254657!important}
.vsras-tip{border-color:#214359!important}

.vsras-main{padding:12px!important;gap:10px!important;background:linear-gradient(180deg,#061018,#040a0e)!important}
.vsras-now{
  min-height:94px!important;padding:13px 18px!important;
  grid-template-columns:minmax(260px,1fr) auto 210px 160px!important;gap:18px!important;
  border:1px solid #294d62!important;border-radius:12px!important;
  background:linear-gradient(180deg,#102634,#091821)!important;
  box-shadow:inset 0 1px #ffffff0b,0 8px 24px #0007!important;
}
.vsras-song small{color:#f5be2a!important;font-size:9px!important;letter-spacing:1.65px!important}
.vsras-song h3{font-size:23px!important;margin:5px 0 5px!important;color:#f6f8f9!important}
.vsras-song span{font-size:10px!important;color:#a9bbc5!important}
.vsras-mode-badge{border-color:#315568!important;background:linear-gradient(#102a39,#091923)!important;color:#c8d6de!important;box-shadow:inset 0 1px #ffffff0a!important}
.vsras-clock strong{font-size:31px!important;letter-spacing:1.6px!important;text-shadow:0 2px 8px #000!important}
.vsras-clock span{font-size:10px!important;color:#9aabb4!important}
.vsras-now-status{border-color:#315064!important}
.vsras-now-status strong{color:#20ea7b!important;font-size:12px!important}

.vsras-console{
  padding:8px!important;border-radius:12px!important;
  background:linear-gradient(180deg,#0a1821,#061018)!important;
  border:1px solid #26485a!important;
  box-shadow:inset 0 1px #ffffff08,0 12px 28px #0008!important;
}
.vsras-channels{grid-template-columns:minmax(136px,1.05fr) repeat(6,minmax(122px,1fr))!important;gap:8px!important;margin-top:0!important}
.vsras-strip{
  padding:8px 8px 9px!important;border-radius:9px!important;
  border:1px solid #2a5269!important;border-top:3px solid var(--vs-color,#38aee9)!important;
  background:linear-gradient(180deg,#102633 0%,#0a1821 28%,#061018 100%)!important;
  box-shadow:inset 0 1px #ffffff0b,0 6px 16px #0007!important;
}
.vsras-strip:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff08,transparent 18%,transparent 78%,#ffffff03);border-radius:inherit}
.vsras-master-strip{
  border:1px solid #d5a51f!important;border-top:3px solid #ffcf35!important;
  background:radial-gradient(circle at 50% 35%,#5b45181f,transparent 55%),linear-gradient(180deg,#1c241e,#111b1d 48%,#091012)!important;
  box-shadow:inset 0 0 30px #efb92a18,0 0 0 1px #8a6a16,0 0 22px #edb52218,0 7px 20px #000a!important;
}
.vsras-strip-head{min-height:48px!important;gap:6px!important;position:relative;z-index:1}
.vsras-num,.vsras-master-icon{
  width:31px!important;height:31px!important;min-width:31px!important;border-radius:8px!important;
  font-size:14px!important;box-shadow:inset 0 1px #ffffff1f,0 3px 8px #0008!important;
}
.vsras-num{background:color-mix(in srgb,var(--vs-color) 27%,#07131a)!important;border-color:color-mix(in srgb,var(--vs-color) 76%,#203542)!important}
.vsras-master-icon{background:linear-gradient(180deg,#4b3b14,#1d1709)!important;border:1px solid #9c7b1d!important;color:#ffcf35!important;font-size:19px!important}
.vsras-channel-icon{width:22px;height:26px;display:grid;place-items:center;color:#e7eff3;font-size:15px;opacity:.92;filter:drop-shadow(0 2px 3px #000)}
.vsras-strip-head>div{flex:1;min-width:0}
.vsras-strip-head strong{font-size:10px!important;letter-spacing:.05px!important;white-space:normal!important}
.vsras-strip-head small{font-size:7px!important;color:#8fa4b0!important}
.vsras-master-head strong{font-size:13px!important;color:#ffd13c!important}
.vsras-db{width:88%!important;margin:2px 0 7px!important;padding:5px 3px!important;border-radius:6px!important;background:#03090d!important;border-color:#1d3949!important;font-size:10px!important;box-shadow:inset 0 2px 7px #000b!important;position:relative;z-index:1}
.vsras-fader-zone{
  display:grid!important;grid-template-columns:16px minmax(40px,1fr) 25px!important;gap:6px!important;
  width:100%!important;flex:1!important;max-height:none!important;min-height:205px!important;align-items:stretch!important;position:relative;z-index:1;
}
.vsras-meter{
  width:13px!important;height:92%!important;min-height:190px!important;align-self:center!important;padding:2px!important;
  background:repeating-linear-gradient(to top,#020609 0 6px,#14242d 6px 8px)!important;border-color:#274252!important;
  box-shadow:inset 0 0 7px #000,0 0 0 1px #071015!important;
}
.vsras-meter i{background:linear-gradient(to top,#14f38a 0 65%,#cce73a 76%,#ffb82e 87%,#ff4b43 97%)!important;box-shadow:0 0 7px #1cf38a88!important;transition:height .045s linear!important}
.vsras-fader{
  width:44px!important;height:94%!important;min-height:205px!important;align-self:center!important;margin:0 auto!important;filter:drop-shadow(0 2px 2px #0008)
}
.vsras-fader::-webkit-slider-runnable-track{width:7px!important;border-radius:5px!important;background:linear-gradient(90deg,#020507 0 17%,#485761 18% 29%,#dfe9ee 46% 54%,#485761 71% 82%,#020507 83% 100%)!important;box-shadow:inset 0 0 4px #000,0 0 4px #63bfea22!important}
.vsras-fader::-webkit-slider-thumb{width:31px!important;height:39px!important;border-radius:4px!important;background:linear-gradient(180deg,#f8fbfc 0 19%,#cfd6da 20% 37%,#70787d 38% 43%,#f7fafb 44% 58%,#6d7478 59% 64%,#dce2e5 65% 100%)!important;border:1px solid #111a1f!important;box-shadow:0 4px 9px #000c,inset 0 1px #fff,0 0 0 1px #ffffff55!important}
.vsras-master-strip .vsras-fader::-webkit-slider-runnable-track{background:linear-gradient(90deg,#080603 0 17%,#6a4c0e 18% 29%,#ffe65e 46% 54%,#6a4c0e 71% 82%,#080603 83% 100%)!important;box-shadow:inset 0 0 4px #000,0 0 8px #ffc82e55!important}
.vsras-master-strip .vsras-fader::-webkit-slider-thumb{background:linear-gradient(180deg,#ffe867 0 19%,#e6b52c 20% 37%,#8c620a 38% 43%,#ffe45d 44% 58%,#8b6108 59% 64%,#e1a918 65% 100%)!important;border-color:#4f3705!important;box-shadow:0 4px 10px #000c,0 0 12px #ffc92855,inset 0 1px #fff7!important}
.vsras-fader::-moz-range-track{width:7px!important;background:#d9e3e8!important}
.vsras-fader::-moz-range-thumb{width:30px!important;height:38px!important;border-radius:4px!important;background:#e9eef0!important}
.vsras-scale{height:92%;min-height:190px;align-self:center;display:flex;flex-direction:column;justify-content:space-between;color:#adbbc3;font-size:7px;line-height:1;text-align:left;padding:1px 0;user-select:none}
.vsras-value{font-size:11px!important;margin:2px 0 7px!important;color:#e8eef1!important;text-shadow:0 1px 4px #000!important;position:relative;z-index:1}
.vsras-value.master{color:#ffd13b!important;font-size:12px!important}
.vsras-ms{gap:7px!important;position:relative;z-index:1}
.vsras-ms button{height:38px!important;border-radius:7px!important;background:linear-gradient(180deg,#182b37,#09141b)!important;border:1px solid #38586a!important;color:#e9f0f4!important;font-size:15px!important;box-shadow:inset 0 1px #ffffff12,0 4px 9px #0008!important;text-shadow:0 1px 2px #000!important}
.vsras-master-strip .vsras-ms button{border-color:#80671f!important}
.vsras-ms button.active-mute{background:linear-gradient(#ff6059,#a81919)!important;border-color:#ff8f89!important;box-shadow:0 0 14px #ff3b304f!important}
.vsras-ms button.active-solo{background:linear-gradient(#48e98a,#168d4c)!important;border-color:#7affb0!important;color:#07150c!important;box-shadow:0 0 14px #22dc7555!important;text-shadow:none!important}

.vsras-footer{
  height:88px!important;min-height:88px!important;padding:9px 14px!important;gap:12px!important;
  grid-template-columns:minmax(400px,1.1fr) minmax(430px,.95fr) minmax(410px,1.1fr)!important;
  background:linear-gradient(180deg,#0a1923,#050d13)!important;border-top:1px solid #284b60!important;
  box-shadow:0 -10px 28px #0009,inset 0 1px #ffffff08!important;
}
.vsras-footer-actions{gap:8px!important}
.vsras-footer-actions button{
  height:54px!important;min-width:92px!important;padding:0 14px!important;border-radius:8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  background:linear-gradient(180deg,#173040,#0a1720)!important;border:1px solid #315469!important;
  color:#edf3f6!important;font-size:9px!important;line-height:1!important;font-weight:950!important;
  box-shadow:inset 0 1px #ffffff11,0 5px 12px #0007!important;
}
.vsras-footer-actions button span{font-size:16px!important;line-height:1!important;display:inline-grid!important;place-items:center!important}
.vsras-footer-actions button:hover{filter:brightness(1.12)}
.vsras-footer-actions .gold{border-color:#c09621!important;background:linear-gradient(180deg,#332912,#171108)!important;color:#ffd33f!important;box-shadow:inset 0 0 0 1px #e1b82f22,0 0 12px #dcae241c!important}
.vsras-transport{gap:9px!important;justify-content:center!important;width:100%!important}
.vsras-transport button{
  width:48px!important;height:48px!important;border:1px solid #3e5d6e!important;border-radius:50%!important;
  background:radial-gradient(circle at 36% 28%,#2b4657,#0c1820 68%,#060c10)!important;
  color:#f2f6f8!important;box-shadow:inset 0 1px #ffffff26,0 5px 12px #000a!important;font-size:13px!important
}
.vsras-transport button.play{
  width:64px!important;height:64px!important;font-size:24px!important;
  background:radial-gradient(circle at 42% 34%,#ffffff,#dfe5e8 42%,#7d898f 100%)!important;
  color:#081015!important;border-color:#c5d0d5!important;box-shadow:inset 0 1px #fff,0 0 0 3px #526777,0 5px 16px #000c!important
}
.vsras-transport button.play.is-playing{background:radial-gradient(circle at 40% 32%,#ff7b74,#ef4039 44%,#781512 100%)!important;color:#fff!important;border-color:#ff9b93!important;box-shadow:inset 0 1px #fff4,0 0 0 3px #8a2b28,0 0 22px #ff3428aa,0 6px 16px #000c!important}
.vsras-transport button.pause.is-paused{color:#ffd33d!important;border-color:#a78325!important;box-shadow:0 0 14px #ffce3333!important}

/* Desktop compacto: mantém aparência premium sem cortar canais. */
@media(max-width:1380px) and (min-width:901px){
  .vsras-layout{grid-template-columns:228px minmax(0,1fr)!important}
  .vsras-sidebar{padding:10px!important}
  .vsras-tagline{min-width:190px;padding-left:14px}
  .vsras-tagline strong{font-size:10px}.vsras-tagline span{font-size:7px}
  .vsras-now{grid-template-columns:minmax(200px,1fr) auto 170px 135px!important;padding:10px 12px!important}
  .vsras-channels{grid-template-columns:minmax(116px,1fr) repeat(6,minmax(104px,1fr))!important;gap:5px!important}
  .vsras-strip{padding:6px!important}.vsras-channel-icon{display:none}
  .vsras-fader-zone{grid-template-columns:12px minmax(34px,1fr) 21px!important;gap:3px!important}
  .vsras-scale{font-size:6px}
  .vsras-footer{grid-template-columns:minmax(330px,1fr) minmax(390px,1fr) minmax(330px,1fr)!important;padding:7px 8px!important;gap:6px!important}
  .vsras-footer-actions{gap:5px!important}.vsras-footer-actions button{min-width:74px!important;padding:0 8px!important;font-size:7px!important}
  .vsras-transport{gap:6px!important}.vsras-transport button{width:44px!important;height:44px!important}.vsras-transport button.play{width:59px!important;height:59px!important}
}

/* Mobile palco: a mesma mesa, comprimida com segurança e sem virar cards empilhados. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  .vsras-overlay{padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important}
  .vsras-header{height:44px!important;min-height:44px!important;padding:0 7px!important;gap:7px!important}
  .vsras-brand{margin-left:38px!important;gap:6px!important}
  .vsras-brand img{width:31px!important;height:31px!important;border-radius:7px!important}
  .vsras-brand small{font-size:4.7px!important;letter-spacing:1.1px!important}.vsras-brand h2{font-size:16px!important;margin-top:1px!important}
  .vsras-tagline,.vsras-live-status{display:none!important}
  .vsras-close{left:4px!important;right:auto!important;top:6px!important;width:32px!important;height:32px!important;border-radius:8px!important}
  .vsras-mobile-menu-btn{display:grid!important;left:auto!important;right:6px!important;top:5px!important;width:37px!important;height:34px!important;font-size:20px!important}
  .vsras-layout{grid-template-columns:0 minmax(0,1fr)!important}
  .vsras-sidebar{top:44px!important;bottom:66px!important;width:min(255px,45vw)!important;padding:8px!important;gap:7px!important;background:linear-gradient(180deg,#0a1b26,#061018)!important}
  .vsras-main{padding:3px 5px!important;gap:3px!important}
  .vsras-now{height:39px!important;min-height:39px!important;padding:3px 8px!important;grid-template-columns:minmax(145px,1fr) auto 92px!important;gap:7px!important;border-radius:7px!important}
  .vsras-song small{font-size:4.8px!important}.vsras-song h3{font-size:12px!important;margin:1px 0!important}.vsras-song span{display:none!important}
  .vsras-mode-badge{display:none!important}.vsras-clock strong{font-size:18px!important}.vsras-clock span{font-size:5px!important}.vsras-now-status{padding-left:5px!important}.vsras-now-status strong{font-size:6px!important}.vsras-now-status span{font-size:4.7px!important}
  .vsras-console{padding:3px!important;border-radius:7px!important}
  .vsras-channels{grid-template-columns:92px repeat(6,minmax(80px,1fr))!important;gap:3px!important;margin-top:0!important;overflow-x:auto!important}
  .vsras-strip{padding:3px 4px 4px!important;border-radius:6px!important;border-top-width:2px!important}
  .vsras-strip-head{min-height:25px!important;gap:3px!important}.vsras-num,.vsras-master-icon{width:20px!important;height:20px!important;min-width:20px!important;font-size:8px!important;border-radius:5px!important}.vsras-channel-icon{display:none!important}.vsras-strip-head strong{font-size:6.5px!important}.vsras-strip-head small{display:none!important}
  .vsras-db{width:91%!important;font-size:6px!important;padding:2px!important;margin:0 0 2px!important}
  .vsras-fader-zone{grid-template-columns:7px minmax(24px,1fr)!important;gap:2px!important;min-height:0!important;height:100%!important}
  .vsras-meter{width:6px!important;min-height:0!important;height:100%!important;padding:1px!important}.vsras-fader{width:26px!important;min-height:0!important;height:100%!important}.vsras-scale{display:none!important}
  .vsras-fader::-webkit-slider-runnable-track{width:4px!important}.vsras-fader::-webkit-slider-thumb{width:20px!important;height:26px!important}
  .vsras-value{font-size:7px!important;margin:0 0 2px!important}.vsras-ms{gap:2px!important}.vsras-ms button{height:25px!important;font-size:9px!important;border-radius:4px!important}
  .vsras-footer{height:66px!important;min-height:66px!important;padding:4px 6px!important;grid-template-columns:minmax(185px,.72fr) minmax(365px,1.65fr) minmax(70px,.28fr)!important;gap:5px!important}
  .vsras-footer-actions{gap:4px!important}.vsras-footer-actions button{height:40px!important;min-width:56px!important;padding:0 6px!important;font-size:6px!important;gap:3px!important;border-radius:6px!important;line-height:1!important}.vsras-footer-actions button span{display:none!important}
  .vsras-footer-actions.left #vsRasFooterLoadCurrentBtn{display:none!important}
  .vsras-footer-actions.right #vsRasFooterVoiceBtn,.vsras-footer-actions.right #vsRasFooterPlaybackBtn,.vsras-footer-actions.right #vsRasFooterCreateBtn{display:none!important}
  .vsras-footer-actions.right #vsRasFooterShortcutsBtn{display:flex!important;min-width:64px!important}
  .vsras-transport{gap:9px!important;padding:0 4px!important}.vsras-transport button{width:40px!important;height:40px!important;font-size:11px!important}.vsras-transport button.play{width:55px!important;height:55px!important;font-size:20px!important}
  .vsras-package-overlay{inset:44px 0 66px!important}
  .vsras-rotate-hint{inset:44px 0 66px!important}
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:410px){
  .vsras-header{height:38px!important;min-height:38px!important}.vsras-close{top:3px!important}.vsras-mobile-menu-btn{top:2px!important}
  .vsras-sidebar{top:38px!important;bottom:58px!important}.vsras-now{height:33px!important;min-height:33px!important}.vsras-footer{height:58px!important;min-height:58px!important}
  .vsras-transport{gap:7px!important}.vsras-transport button{width:36px!important;height:36px!important}.vsras-transport button.play{width:49px!important;height:49px!important}
  .vsras-footer-actions button{height:36px!important}
}

/* App /vs standalone: mantém a borda de segurança sem desperdiçar tela. */
body.vsras-standalone .vsras-overlay{border-radius:9px!important;box-shadow:inset 0 0 0 1px #203c4d,0 0 24px #000!important}
body.vsras-standalone .vsras-footer-actions.left #vsRasOpenProjectBtn,
body.vsras-standalone .vsras-footer-actions.left #vsRasSaveProjectBtn,
body.vsras-standalone .vsras-footer-actions.left #vsRasPackageBtn{align-items:center!important;justify-content:center!important}

/* =========================================================
   VS RasBR 3.6.2 • REFINAMENTO FINAL / MESA DE PALCO REALISTA
   ========================================================= */
.vsras-channel-icon,.vsras-master-icon{overflow:visible!important}
.vsras-channel-icon svg,.vsras-master-icon svg{width:22px;height:22px;display:block;stroke:currentColor;filter:drop-shadow(0 2px 2px #0008)}
.vsras-master-icon svg{width:24px;height:24px}
.vsras-dual-icon{display:flex;align-items:center;justify-content:center;gap:1px;width:29px}
.vsras-dual-icon svg{width:14px!important;height:18px!important}
.vsras-icon-keys{width:31px!important}

/* Escala de dB mais legível e separada do LED/fader. */
.vsras-fader-zone{
  grid-template-columns:15px minmax(54px,1fr) 31px!important;
  gap:9px!important;
  padding:0 2px!important;
}
.vsras-meter{margin-right:2px!important}
.vsras-scale{
  min-width:29px!important;
  font-size:8px!important;
  color:#aebdc6!important;
  text-align:left!important;
  letter-spacing:.1px!important;
  padding:2px 0!important;
  opacity:.96!important;
}
.vsras-scale span:nth-child(1),.vsras-scale span:nth-child(2){color:#d7e0e5!important;font-weight:850}

/* Fader centralizado no trilho, com profundidade, sombra e risco central. */
.vsras-fader{
  justify-self:center!important;
  align-self:center!important;
  margin:0!important;
  width:58px!important;
  min-height:220px!important;
  height:94%!important;
  position:relative!important;
  filter:drop-shadow(0 2px 2px #0007)!important;
}
.vsras-fader::-webkit-slider-runnable-track{
  width:8px!important;
  border-radius:6px!important;
  background:
    linear-gradient(to top,rgba(91,199,255,.82) 0 var(--vs-fill,66.67%),#dae4e9 var(--vs-fill,66.67%) 100%)!important;
  border:1px solid #17242c!important;
  box-shadow:inset 0 0 0 2px #020608,inset 0 0 6px #000,0 0 4px #86d5ff22!important;
}
.vsras-master-strip .vsras-fader::-webkit-slider-runnable-track{
  background:linear-gradient(to top,#ffd233 0 var(--vs-fill,66.67%),#d8c57c var(--vs-fill,66.67%) 100%)!important;
  box-shadow:inset 0 0 0 2px #170f02,inset 0 0 6px #000,0 0 9px #ffc92855!important;
}
.vsras-fader::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  width:36px!important;
  height:43px!important;
  border-radius:5px!important;
  background:
    linear-gradient(to bottom,
      #f9fbfc 0 15%,
      #d3dadd 16% 35%,
      #858d92 36% 40%,
      #f4f7f8 41% 47%,
      #202529 48% 52%,
      #f8fafb 53% 59%,
      #747d82 60% 65%,
      #d5dcdf 66% 100%)!important;
  border:1px solid #11181c!important;
  box-shadow:
    0 7px 11px #000c,
    0 1px 0 #ffffffaa inset,
    0 -5px 7px #69717688 inset,
    0 0 0 1px #ffffff55!important;
}
.vsras-master-strip .vsras-fader::-webkit-slider-thumb{
  background:
    linear-gradient(to bottom,
      #ffe35d 0 14%,
      #e7b51d 15% 35%,
      #8c6506 36% 40%,
      #ffd94a 41% 47%,
      #332303 48% 52%,
      #ffe25b 53% 59%,
      #a87508 60% 65%,
      #e2aa14 66% 100%)!important;
  border-color:#5f4305!important;
  box-shadow:0 7px 12px #000d,0 1px 0 #fff7b4 inset,0 -5px 7px #6f4b0788 inset,0 0 0 1px #ffd75b99,0 0 13px #ffc72e55!important;
}
.vsras-fader::-moz-range-track{width:8px!important;border-radius:6px!important;background:#d9e4e9!important;border:1px solid #17242c!important}
.vsras-fader::-moz-range-progress{width:8px!important;background:#5bc7ff!important;border-radius:6px!important}
.vsras-fader::-moz-range-thumb{width:34px!important;height:41px!important;border-radius:5px!important;background:linear-gradient(#f7fafb 0 45%,#252a2e 48% 52%,#d6dcdf 55% 100%)!important;border:1px solid #11181c!important;box-shadow:0 6px 10px #000b!important}
.vsras-master-strip .vsras-fader::-moz-range-progress{background:#ffd233!important}
.vsras-master-strip .vsras-fader::-moz-range-thumb{background:linear-gradient(#ffe35d 0 45%,#332303 48% 52%,#dca615 55% 100%)!important;border-color:#5f4305!important}

/* Percentual maior para leitura rápida no palco. */
.vsras-value{
  font-size:15px!important;
  line-height:1!important;
  margin:6px 0 9px!important;
  font-weight:1000!important;
  text-shadow:0 2px 4px #000!important;
}
.vsras-value.master{font-size:16px!important;color:#ffd33b!important;text-shadow:0 0 9px #ffc42a44,0 2px 4px #000!important}

/* Master: assinatura visual própria e segura. */
.vsras-master-strip{
  background:radial-gradient(circle at 50% 24%,#3a31137a,#16170f 40%,#071015 100%)!important;
  border:1px solid #d1a621!important;
  border-top:4px solid #ffcf37!important;
  box-shadow:inset 0 0 34px #ffcb3020,0 0 0 1px #806516,0 0 20px #dba91f1f,0 8px 22px #000b!important;
}
.vsras-master-strip:before{content:'';position:absolute;inset:1px;border-radius:7px;pointer-events:none;box-shadow:inset 0 0 18px #f3c22b12}
.vsras-master-head strong{font-size:14px!important;letter-spacing:.35px!important}
.vsras-master-head small{color:#cfbf8c!important}

/* Cabeçalhos com ícones de instrumentos reais e melhor leitura. */
.vsras-strip-head{min-height:54px!important}
.vsras-strip-head strong{font-size:10.5px!important;font-weight:950!important}
.vsras-strip-head small{font-size:7.2px!important}
.vsras-channel-icon{flex:0 0 auto!important;color:#eff7fb!important}

/* Transporte perfeitamente centralizado na tela. */
.vsras-footer{position:relative!important;grid-template-columns:1fr auto 1fr!important}
.vsras-footer-actions.left{justify-self:start!important;justify-content:flex-start!important}
.vsras-footer-actions.right{justify-self:end!important;justify-content:flex-end!important}
.vsras-transport{justify-self:center!important;width:max-content!important;z-index:3!important}
.vsras-transport button{transition:transform .12s ease,filter .12s ease,background .12s ease,box-shadow .12s ease!important}
.vsras-transport button:active{transform:translateY(1px) scale(.97)!important}
.vsras-transport button.is-action-active,
.vsras-transport button.pause.is-paused{
  background:radial-gradient(circle at 40% 30%,#ff7a73,#e93631 48%,#71100f 100%)!important;
  border-color:#ff938c!important;
  color:#fff!important;
  box-shadow:inset 0 1px #fff4,0 0 0 2px #84211f,0 0 18px #ff3329aa,0 6px 14px #000b!important;
}
.vsras-transport button.play.is-playing{
  background:radial-gradient(circle at 40% 32%,#ff847c,#ed3b35 43%,#72120f 100%)!important;
  color:#fff!important;border-color:#ffa098!important;
  box-shadow:inset 0 1px #fff5,0 0 0 3px #8f2a27,0 0 26px #ff3428c7,0 7px 18px #000d!important;
}

/* Botões inferiores mais parecidos com console e texto sempre centralizado. */
.vsras-footer-actions button{align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.05!important}
.vsras-footer-actions button span{flex:0 0 auto!important}

/* Laptop: mantém os ícones, reduz subtítulo para não apertar a mesa. */
@media(max-width:1380px) and (min-width:901px){
  .vsras-channel-icon{display:grid!important;width:16px!important;height:20px!important}
  .vsras-channel-icon svg{width:16px!important;height:16px!important}
  .vsras-dual-icon{width:19px!important}.vsras-dual-icon svg{width:9px!important;height:14px!important}
  .vsras-strip-head small{display:none!important}
  .vsras-fader-zone{grid-template-columns:11px minmax(38px,1fr) 23px!important;gap:5px!important}
  .vsras-fader{width:45px!important}
  .vsras-scale{font-size:6.2px!important;min-width:21px!important}
  .vsras-value{font-size:12px!important}
}

/* Mobile palco: borda segura, fader realista e controles sem entrar na borda do aparelho. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  .vsras-overlay{
    top:max(4px,env(safe-area-inset-top))!important;
    bottom:max(4px,env(safe-area-inset-bottom))!important;
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    border-radius:10px!important;
    box-shadow:0 0 0 1px #244354,0 0 22px #000d!important;
  }
  body.vsras-standalone .vsras-overlay{
    top:max(4px,env(safe-area-inset-top))!important;
    bottom:max(4px,env(safe-area-inset-bottom))!important;
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
  }
  .vsras-close{left:7px!important;top:6px!important}
  .vsras-mobile-menu-btn{right:8px!important;top:5px!important}
  .vsras-sidebar{width:min(218px,38vw)!important}
  .vsras-fader-zone{grid-template-columns:7px minmax(28px,1fr)!important;gap:4px!important;padding:0 1px!important}
  .vsras-fader{width:30px!important}
  .vsras-fader::-webkit-slider-thumb{width:22px!important;height:28px!important;border-radius:3px!important}
  .vsras-value{font-size:8px!important;margin:2px 0 3px!important}
  .vsras-master-strip .vsras-value{font-size:8.5px!important}
  .vsras-strip-head{min-height:27px!important}
  .vsras-footer{position:relative!important;grid-template-columns:1fr auto 1fr!important}
  .vsras-transport{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;width:max-content!important;gap:7px!important;padding:0!important}
  .vsras-footer-actions.left{justify-self:start!important}.vsras-footer-actions.right{justify-self:end!important}
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-width:900px){
  .vsras-footer-actions.left #vsRasSaveProjectBtn{display:none!important}
  .vsras-footer-actions.left #vsRasPackageBtn{display:flex!important}
  .vsras-footer-actions button{min-width:50px!important;padding:0 5px!important}
  .vsras-transport{gap:5px!important}
  .vsras-transport button{width:34px!important;height:34px!important}
  .vsras-transport button.play{width:46px!important;height:46px!important}
}

/* ======================================================================
   VS RasBR 3.6.2 • MESA DIGITAL PRO — acabamento visual forte
   Visual de console real, sem alterar o motor de áudio.
   ====================================================================== */
.vsras-overlay{
  --vs-console-blue:#0a1822;
  --vs-console-edge:#1c465f;
  --vs-console-gold:#ffc928;
  --vs-console-led:#19f28a;
  background:
    radial-gradient(circle at 52% -18%,rgba(24,116,178,.27),transparent 39%),
    linear-gradient(180deg,#06121b 0%,#03080c 100%)!important;
}

/* Cabeçalho com presença de software de palco */
.vsras-header{
  height:74px!important;min-height:74px!important;
  padding:0 20px!important;
  background:linear-gradient(180deg,#0a2132 0%,#06151f 62%,#041017 100%)!important;
  border-bottom:1px solid #2a5c76!important;
  box-shadow:inset 0 -1px #12384b,0 10px 28px #000a!important;
}
.vsras-brand img{width:48px!important;height:48px!important;border:1px solid #9b7b1c!important;box-shadow:0 0 0 2px #0b1820,0 0 17px #ffc92822!important}
.vsras-brand small{font-size:9px!important;letter-spacing:2.2px!important;color:#ffc928!important}
.vsras-brand h2{font-size:30px!important;line-height:1!important;margin-top:5px!important}
.vsras-tagline strong{font-size:13px!important}.vsras-tagline span{font-size:9px!important}
.vsras-live-status{border-color:#2f607a!important;box-shadow:inset 0 1px #ffffff12,0 0 18px #0e79ae22!important}

/* Painel lateral mais parecido com módulo de uma mesa */
.vsras-layout{grid-template-columns:248px minmax(0,1fr)!important}
.vsras-sidebar{padding:12px!important;gap:9px!important;background:linear-gradient(180deg,#0a1b27,#061019 68%,#040a0e)!important}
.vsras-project-card,.vsras-tempo-card,.vsras-setting-card,.vsras-tip{
  border-color:#2a4e62!important;
  background:linear-gradient(180deg,#102735,#0a1821)!important;
  box-shadow:inset 0 1px #ffffff0c,0 7px 17px #0006!important;
}

/* Agora tocando */
.vsras-main{padding:11px!important;gap:9px!important}
.vsras-now{
  min-height:90px!important;
  background:linear-gradient(180deg,#102b3b,#091a24)!important;
  border-color:#2c5971!important;
  box-shadow:inset 0 1px #ffffff12,0 8px 22px #0008!important;
}
.vsras-song h3{font-size:24px!important}.vsras-clock strong{font-size:32px!important}
.vsras-now-status strong{color:#16f087!important;text-shadow:0 0 10px #16f08755!important}

/* Console central */
.vsras-console{
  padding:8px!important;
  border:1px solid #28526a!important;
  background:linear-gradient(180deg,#0a1b26,#061018 100%)!important;
  box-shadow:inset 0 1px #ffffff0a,0 12px 30px #0009!important;
}
.vsras-channels{
  grid-template-columns:minmax(142px,1.08fr) repeat(6,minmax(126px,1fr))!important;
  gap:8px!important;
}
.vsras-strip{
  padding:8px 8px 10px!important;
  border-radius:10px!important;
  background:
    linear-gradient(105deg,#ffffff08,transparent 18%,transparent 80%,#ffffff03),
    linear-gradient(180deg,#102a39 0%,#0a1b25 29%,#061018 100%)!important;
  border:1px solid #2b5871!important;
  border-top:4px solid var(--vs-color,#39aee8)!important;
  box-shadow:inset 0 1px #ffffff12,inset 0 0 24px #0003,0 7px 18px #0008!important;
}

/* Cabeçalho de cada canal: ícone/instrumento mais presente */
.vsras-strip-head{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:34px 28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  padding:0 1px 6px!important;
  border-bottom:1px solid #244454!important;
}
.vsras-master-head{grid-template-columns:38px minmax(0,1fr)!important}
.vsras-num,.vsras-master-icon{
  width:32px!important;height:32px!important;min-width:32px!important;
  border-radius:8px!important;font-size:15px!important;
}
.vsras-channel-icon{width:27px!important;height:31px!important;display:grid!important;place-items:center!important;color:#f1f7fa!important;opacity:1!important}
.vsras-channel-icon svg{width:25px!important;height:25px!important;stroke-width:1.9!important}
.vsras-icon-keys{width:31px!important}.vsras-dual-icon{width:31px!important;gap:0!important}.vsras-dual-icon svg{width:15px!important;height:19px!important}
.vsras-strip-head strong{font-size:10.8px!important;line-height:1.04!important;letter-spacing:.1px!important;color:#f3f7f9!important}
.vsras-strip-head small{font-size:7px!important;line-height:1.1!important;color:#8fa6b3!important}

/* Display dB do canal */
.vsras-db{
  width:90%!important;
  padding:6px 4px!important;
  margin:5px 0 6px!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#030a0e,#020609)!important;
  border:1px solid #244a60!important;
  box-shadow:inset 0 2px 8px #000d,0 1px #ffffff0a!important;
  font-size:10.5px!important;
}

/* Zona do fader: LED longe, trilho central e escala dB destacada */
.vsras-fader-zone{
  grid-template-columns:17px minmax(60px,1fr) 34px!important;
  gap:10px!important;
  padding:1px 3px!important;
  min-height:225px!important;
  max-height:none!important;
  align-items:stretch!important;
}
.vsras-meter{
  width:14px!important;height:94%!important;min-height:205px!important;
  align-self:center!important;margin-right:1px!important;padding:2px!important;
  border-radius:4px!important;border:1px solid #31566b!important;
  background:repeating-linear-gradient(to top,#02070a 0 6px,#122832 6px 9px)!important;
  box-shadow:inset 0 0 8px #000,0 0 0 1px #02070a,0 0 9px #17f48a14!important;
}
.vsras-meter i{
  background:linear-gradient(to top,#10f087 0 66%,#bdec37 76%,#ffb72c 88%,#ff443e 97%)!important;
  box-shadow:0 0 8px #17f48aaa!important;
}
.vsras-scale{
  min-width:32px!important;
  font-size:8.5px!important;
  color:#adbdc7!important;
  padding:1px 0!important;
  text-shadow:0 1px 2px #000!important;
}
.vsras-scale span{position:relative!important;padding-left:9px!important}
.vsras-scale span:before{content:'';position:absolute;left:0;top:50%;width:5px;height:1px;background:#6e808b;opacity:.8}
.vsras-scale span:nth-child(1),.vsras-scale span:nth-child(2){color:#f0f4f6!important;font-weight:900!important}

/* FADER físico: corpo centralizado, trilho estreito, relevo e marca preta central */
.vsras-fader{
  justify-self:center!important;
  width:64px!important;
  height:95%!important;
  min-height:220px!important;
  margin:0!important;
  border-radius:8px!important;
  background:
    repeating-linear-gradient(to bottom,transparent 0 10px,#54667055 10px 11px,transparent 11px 20px)!important;
  filter:drop-shadow(0 3px 3px #0009)!important;
}
.vsras-fader::-webkit-slider-runnable-track{
  width:6px!important;
  border-radius:6px!important;
  background:linear-gradient(90deg,#020405 0 15%,#45535a 16% 30%,#edf4f7 46% 54%,#45535a 70% 84%,#020405 85% 100%)!important;
  border:1px solid #111a1f!important;
  box-shadow:inset 0 0 5px #000,0 0 5px #9bdcff27!important;
}
.vsras-fader::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  width:38px!important;height:46px!important;
  border-radius:5px!important;
  background:
    linear-gradient(to bottom,
      #fbfdfe 0 11%,
      #d8dfe2 12% 27%,
      #92999d 28% 33%,
      #f6f9fa 34% 45%,
      #15191c 46% 53%,
      #f7fafb 54% 64%,
      #7e878b 65% 71%,
      #d8dee1 72% 100%)!important;
  border:1px solid #0f1518!important;
  box-shadow:
    0 9px 14px #000d,
    0 2px 0 #ffffffdd inset,
    0 -6px 8px #4e565a8f inset,
    0 0 0 1px #ffffff50,
    0 0 8px #8edcff22!important;
}
.vsras-fader::-moz-range-thumb{
  width:36px!important;height:44px!important;border-radius:5px!important;
  background:linear-gradient(#fafcfd 0 45%,#15191c 46% 53%,#d7dde0 54% 100%)!important;
  border:1px solid #0f1518!important;box-shadow:0 8px 13px #000c!important;
}

/* MASTER — canal inconfundível */
.vsras-master-strip{
  border:1px solid #e0b21c!important;
  border-top:4px solid #ffd43b!important;
  background:
    radial-gradient(circle at 50% 22%,#66501955,transparent 42%),
    linear-gradient(180deg,#2a2716 0%,#17170f 36%,#091013 100%)!important;
  box-shadow:inset 0 0 38px #ffc92827,0 0 0 1px #806311,0 0 24px #ffc92827,0 8px 22px #000c!important;
}
.vsras-master-icon{background:linear-gradient(180deg,#5b4510,#241a05)!important;border-color:#d9aa1e!important;color:#ffd43b!important;box-shadow:inset 0 1px #fff2,0 0 12px #ffc92833!important}
.vsras-master-head strong{font-size:14px!important;color:#ffd43b!important;text-shadow:0 0 9px #ffc92844!important}
.vsras-master-strip .vsras-db{border-color:#82691c!important}
.vsras-master-strip .vsras-fader::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,#1a1202 0 15%,#7e5c08 16% 30%,#ffe66d 46% 54%,#7e5c08 70% 84%,#1a1202 85% 100%)!important;
  box-shadow:inset 0 0 5px #000,0 0 10px #ffd12a62!important;
}
.vsras-master-strip .vsras-fader::-webkit-slider-thumb{
  background:
    linear-gradient(to bottom,
      #ffe56b 0 11%,
      #e8b827 12% 27%,
      #936b09 28% 33%,
      #ffd84c 34% 45%,
      #2b1d02 46% 53%,
      #ffe35e 54% 64%,
      #a5780b 65% 71%,
      #e4ad18 72% 100%)!important;
  border-color:#5f4204!important;
  box-shadow:0 9px 15px #000e,0 2px 0 #fff4a3 inset,0 -6px 8px #6d49088c inset,0 0 0 1px #ffd758aa,0 0 15px #ffc92866!important;
}

/* Leitura rápida de volume */
.vsras-value{font-size:17px!important;font-weight:1000!important;margin:7px 0 10px!important;letter-spacing:.1px!important}
.vsras-value.master{font-size:18px!important;color:#ffd43b!important;text-shadow:0 0 10px #ffc92855,0 2px 3px #000!important}

/* Mute/Solo como botões de console */
.vsras-ms{gap:7px!important}
.vsras-ms button{
  height:40px!important;border-radius:6px!important;
  background:linear-gradient(180deg,#203849,#0c1a23)!important;
  color:#edf4f7!important;border:1px solid #3e6278!important;
  box-shadow:inset 0 1px #ffffff19,0 4px 9px #0008!important;
  font-size:15px!important;text-shadow:0 1px 2px #000!important;
}
.vsras-ms button.active-mute{background:linear-gradient(#ff6c64,#b31f1b)!important;border-color:#ff938d!important;color:#fff!important;box-shadow:0 0 17px #ff302b77!important}
.vsras-ms button.active-solo{background:linear-gradient(#48e98a,#188e4d)!important;border-color:#7affb0!important;color:#07150c!important;box-shadow:0 0 15px #1fe57866!important;text-shadow:none!important}
.vsras-master-strip .vsras-ms button{border-color:#795f18!important}.vsras-master-strip .vsras-ms button.active-mute{border-color:#ff938d!important}

/* Rodapé: controles rigorosamente centralizados */
.vsras-footer{
  height:82px!important;min-height:82px!important;
  grid-template-columns:1fr auto 1fr!important;
  padding:8px 13px!important;
  background:linear-gradient(180deg,#0a1b27,#050d13)!important;
  border-top:1px solid #29526a!important;
  box-shadow:0 -10px 28px #000a,inset 0 1px #ffffff0b!important;
}
.vsras-footer-actions.left{justify-self:start!important}.vsras-footer-actions.right{justify-self:end!important}
.vsras-footer-actions button{
  height:52px!important;min-width:96px!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#17374a,#0a1821)!important;
  border:1px solid #3a6279!important;
  box-shadow:inset 0 1px #ffffff15,0 5px 12px #0008!important;
  font-size:9px!important;
}
.vsras-footer-actions button span{font-size:17px!important}
.vsras-transport{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;gap:9px!important;width:max-content!important}
.vsras-transport button{
  width:48px!important;height:48px!important;
  border-radius:50%!important;border:1px solid #466a7f!important;
  background:radial-gradient(circle at 36% 28%,#2b4d61,#0b1820 68%,#04090c)!important;
  box-shadow:inset 0 1px #ffffff2b,0 6px 13px #000b!important;
}
.vsras-transport button.play{
  width:66px!important;height:66px!important;font-size:25px!important;
  background:radial-gradient(circle at 38% 30%,#ffffff,#dbe3e7 46%,#728087 100%)!important;
  color:#061018!important;border-color:#cfdadd!important;
  box-shadow:inset 0 1px #fff,0 0 0 3px #526b7a,0 7px 17px #000c!important;
}
.vsras-transport button.is-action-active,
.vsras-transport button.pause.is-paused,
.vsras-transport button.play.is-playing{
  background:radial-gradient(circle at 38% 30%,#ff817a,#ed3731 45%,#6d100d 100%)!important;
  border-color:#ffa09a!important;color:#fff!important;
  box-shadow:inset 0 1px #fff5,0 0 0 2px #852421,0 0 23px #ff372daa,0 7px 16px #000c!important;
}

/* Desktop intermediário: mantém escala e ícones, sem sumir com eles */
@media(max-width:1380px) and (min-width:901px){
  .vsras-layout{grid-template-columns:220px minmax(0,1fr)!important}
  .vsras-channels{grid-template-columns:minmax(112px,1.06fr) repeat(6,minmax(102px,1fr))!important;gap:5px!important}
  .vsras-strip{padding:6px 5px 7px!important}
  .vsras-strip-head{grid-template-columns:28px 20px minmax(0,1fr)!important;gap:3px!important;min-height:50px!important}
  .vsras-master-head{grid-template-columns:30px minmax(0,1fr)!important}
  .vsras-channel-icon{display:grid!important;width:20px!important;height:24px!important}.vsras-channel-icon svg{width:19px!important;height:19px!important}
  .vsras-dual-icon{width:21px!important}.vsras-dual-icon svg{width:10px!important;height:15px!important}
  .vsras-strip-head strong{font-size:8px!important}.vsras-strip-head small{display:none!important}
  .vsras-fader-zone{grid-template-columns:11px minmax(42px,1fr) 25px!important;gap:5px!important;padding:0 1px!important}
  .vsras-meter{width:9px!important}.vsras-fader{width:48px!important}.vsras-scale{font-size:6.5px!important;min-width:23px!important}
  .vsras-fader::-webkit-slider-thumb{width:30px!important;height:38px!important}.vsras-value{font-size:12.5px!important}
  .vsras-footer-actions button{min-width:76px!important;padding:0 7px!important;font-size:7px!important}
}

/* Mobile landscape: mesa dentro de uma margem segura e faders ainda físicos */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  .vsras-overlay{
    top:max(5px,env(safe-area-inset-top))!important;
    right:max(9px,env(safe-area-inset-right))!important;
    bottom:max(5px,env(safe-area-inset-bottom))!important;
    left:max(9px,env(safe-area-inset-left))!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }
  .vsras-header{height:44px!important;min-height:44px!important}
  .vsras-close{left:5px!important;right:auto!important;top:5px!important}
  .vsras-mobile-menu-btn{right:7px!important;top:5px!important}
  .vsras-brand{margin-left:40px!important}
  .vsras-main{padding:3px 4px!important}
  .vsras-now{height:38px!important;min-height:38px!important}
  .vsras-console{padding:3px!important}
  .vsras-channels{grid-template-columns:92px repeat(6,minmax(80px,1fr))!important;gap:3px!important}
  .vsras-strip{padding:3px 3px 4px!important}
  .vsras-strip-head{grid-template-columns:20px minmax(0,1fr)!important;min-height:27px!important;padding-bottom:2px!important}.vsras-channel-icon{display:none!important}
  .vsras-master-head{grid-template-columns:20px minmax(0,1fr)!important}
  .vsras-db{font-size:6px!important;padding:2px!important;margin:1px 0 2px!important}
  .vsras-fader-zone{grid-template-columns:7px minmax(27px,1fr)!important;gap:3px!important;min-height:0!important;padding:0!important}.vsras-scale{display:none!important}
  .vsras-meter{width:6px!important;min-height:0!important;height:96%!important}.vsras-fader{width:31px!important;min-height:0!important;height:96%!important;background:none!important}
  .vsras-fader::-webkit-slider-thumb{width:23px!important;height:29px!important}.vsras-value{font-size:8px!important;margin:2px 0 3px!important}
  .vsras-ms button{height:25px!important;font-size:10px!important}
  .vsras-footer{height:60px!important;min-height:60px!important;padding:4px 6px!important}
  .vsras-footer-actions button{height:38px!important;min-width:52px!important;padding:0 5px!important;font-size:6px!important}.vsras-footer-actions button span{display:none!important}
  .vsras-transport{gap:5px!important}.vsras-transport button{width:35px!important;height:35px!important}.vsras-transport button.play{width:48px!important;height:48px!important;font-size:18px!important}
}


/* ===== VS RasBR 3.7.0 • SHOW / SETLIST / MODO PALCO LEVE ===== */
.vsras-show-card{border:1px solid rgba(80,145,170,.28);background:linear-gradient(180deg,rgba(9,26,34,.96),rgba(6,18,25,.96));border-radius:10px;padding:10px;margin:8px 0;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.vsras-show-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.vsras-show-head small{display:block;color:#f0c84b;font-size:9px;font-weight:900;letter-spacing:1.4px}.vsras-show-head strong{display:block;color:#eaf6fb;font-size:11px;letter-spacing:.6px}.vsras-show-head button{border:1px solid #a7862b;background:#201b0b;color:#f4d35c;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:900;white-space:nowrap}
.vsras-setlist{display:flex;flex-direction:column;gap:5px;max-height:230px;overflow:auto;padding-right:2px}.vsras-setlist>em{font-size:10px;color:#7f98a3;padding:7px 2px}.vsras-block-row{display:grid;grid-template-columns:28px minmax(0,1fr) 25px 25px 25px;gap:4px;align-items:center;border:1px solid rgba(83,126,145,.2);background:#091820;border-radius:7px;padding:4px}.vsras-block-row.current{border-color:#37d78b;box-shadow:inset 3px 0 #37d78b}.vsras-block-row.armed{border-color:#e6bd3e;box-shadow:inset 3px 0 #e6bd3e}.vsras-block-num{font-size:10px;color:#7694a0;text-align:center}.vsras-block-main{min-width:0;text-align:left;border:0;background:transparent;color:#dfeef4;padding:3px 4px}.vsras-block-main strong,.vsras-block-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsras-block-main strong{font-size:10px}.vsras-block-main small{font-size:8px;color:#6f8d99;margin-top:2px}.vsras-block-mini{border:1px solid #27424e;background:#102630;color:#bcd0d8;border-radius:5px;width:25px;height:25px;padding:0;font-weight:900}.vsras-block-mini.danger{color:#e78383}.vsras-next-ready{margin-top:7px;padding:7px 8px;border-radius:7px;background:#07151b;border:1px solid rgba(230,189,62,.2)}.vsras-next-ready span{display:block;color:#d7ad31;font-size:8px;font-weight:900;letter-spacing:1px}.vsras-next-ready strong{display:block;color:#eef7fa;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
@media(max-width:900px){.vsras-sidebar .vsras-show-card{margin-top:6px}.vsras-setlist{max-height:42vh}}


/* AudioRAS 3.7.2 — Jingle/Cantor compacto, sem scroll e 100% azul tecnológico */
#voiceModeJingle{
  padding:12px 16px!important;
}
#voiceModeJingle .voice-jingle-topbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #24566d;
}
#voiceModeJingle .voice-panel-head{margin:0!important;min-width:0}
#voiceModeJingle .voice-panel-head h3{margin:3px 0 4px!important;font-size:19px!important}
#voiceModeJingle .voice-panel-head p{margin:0!important;font-size:9px!important;line-height:1.35!important;color:#91a7b1}
#voiceModeJingle .voice-singer-top-actions{
  display:flex;
  grid-auto-flow:unset;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
}
#voiceModeJingle .voice-singer-top-actions>b{
  min-width:122px;
  min-height:34px;
  box-sizing:border-box;
  display:grid;
  place-items:center;
  padding:0 10px;
  white-space:nowrap;
}
#voiceModeJingle .voice-singer-top-actions button{
  min-height:36px;
  padding:0 14px;
  white-space:nowrap;
}
#voiceModeJingle .voice-step-label{margin:0 0 7px}
#voiceModeJingle .voice-jingle-controls{gap:12px;margin-bottom:8px}
#voiceModeJingle .voice-jingle-controls .voice-field{gap:5px}
#voiceModeJingle .voice-jingle-controls select{min-height:40px;padding:8px 10px}
#voiceModeJingle .voice-jingle-step-guide{margin-top:2px}
#voiceModeJingle .voice-jingle-guide-card{
  margin-top:0;
  padding:11px 12px;
  display:grid;
  grid-template-columns:minmax(160px,.55fr) minmax(0,1.45fr);
  gap:14px;
  align-items:center;
  border-style:solid;
  border-color:#2b637b;
  background:linear-gradient(135deg,#15242b,#10191e);
}
#voiceModeJingle .voice-jingle-guide-copy{min-width:0}
#voiceModeJingle .voice-jingle-guide-copy strong{color:#74d7ff}
#voiceModeJingle .voice-jingle-guide-copy p{margin:5px 0 0;font-size:8px;line-height:1.35}
#voiceModeJingle .voice-jingle-guide-actions{
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto auto;
  gap:8px;
  align-items:center;
  min-width:0;
}
#voiceModeJingle .voice-jingle-guide-actions input[type=file]{
  min-width:0;
  width:100%;
  padding:7px 8px;
  border:1px solid #365764;
  border-radius:6px;
  background:#0d1519;
  box-sizing:border-box;
}
#voiceModeJingle .voice-jingle-guide-actions .ai-secondary-btn{
  min-height:40px;
  margin:0;
  white-space:nowrap;
  border-color:#355d6d;
  background:linear-gradient(#243943,#16272e);
  color:#d7edf6;
}
#voiceModeJingle #voiceConvertSingerBtn.voice-main-btn{
  min-width:205px;
  min-height:42px;
  margin:0!important;
  padding:0 16px;
  white-space:nowrap;
  font-size:9px;
}
#voiceModeJingle .voice-field>span b{color:#66d4ff}
#voiceModeJingle .voice-step-label span{border-color:#27789a;background:#0d2d3b;color:#72dcff}
#voiceModeJingle .voice-step-label b{color:#a7c2ce}
.voice-side-nav button[data-voice-mode="jingle"] strong{border-color:#2c657c!important;color:#8fe4ff!important;background:linear-gradient(#183541,#10242c)!important}
.voice-side-nav button.active[data-voice-mode="jingle"] strong{border-color:#49c9ff!important;color:#dff8ff!important;background:linear-gradient(#1c566f,#123747)!important;box-shadow:0 0 12px #35bfff26}
@media(max-width:1050px){
  #voiceModeJingle .voice-jingle-topbar{grid-template-columns:1fr}
  #voiceModeJingle .voice-singer-top-actions{justify-content:flex-start;flex-wrap:wrap}
  #voiceModeJingle .voice-jingle-guide-card{grid-template-columns:1fr}
  #voiceModeJingle .voice-jingle-guide-actions{grid-template-columns:minmax(180px,1fr) auto auto}
}
@media(max-width:760px){
  #voiceModeJingle .voice-singer-top-actions{display:grid;grid-template-columns:1fr 1fr}
  #voiceModeJingle .voice-singer-top-actions>b{grid-column:1/-1;width:100%}
  #voiceModeJingle .voice-jingle-guide-actions{grid-template-columns:1fr}
  #voiceModeJingle #voiceConvertSingerBtn.voice-main-btn{width:100%!important;min-width:0}
}


/* ===== AudioRAS 3.7.3 — Voz IA unificada, compacta e com ajuda ===== */
#voiceStudioOverlay .ai-head-status{min-height:40px;padding:0 14px;border:1px solid #3d4b52;border-radius:999px;background:linear-gradient(180deg,#182227,#10161a);box-shadow:inset 0 1px rgba(255,255,255,.05),0 6px 14px rgba(0,0,0,.25)}
#voiceStudioOverlay .ai-head-status span:last-child{color:#dfe8ec}
#voiceStudioOverlay .ai-side-info small{font-size:8px!important}

.voice-panel-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:10px}
.voice-panel-toolbar .voice-panel-head{margin:0!important}
.voice-help-btn{min-height:42px;padding:0 14px;border-radius:10px;border:1px solid #4d5b63;background:linear-gradient(180deg,#25323a,#151d22);color:#e9f3f7;font-size:9px;font-weight:950;letter-spacing:.08em;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.07);white-space:nowrap}
.voice-help-btn:hover{filter:brightness(1.08)}
.voice-help-btn-inline{min-width:138px}

.voice-mode-panel{padding-bottom:22px!important;overflow:auto!important;scrollbar-width:none!important}
.voice-mode-panel::-webkit-scrollbar{width:0!important;height:0!important}

#voiceModeSpeech,#voiceModeClone,#voiceModeJingle,#voiceModeLibrary{border-top-width:3px!important}
#voiceModeSpeech{border-color:#665422!important;box-shadow:inset 0 3px 0 #dfbd4d,0 8px 22px rgba(0,0,0,.35)!important}
#voiceModeClone{border-color:#3c5886!important;box-shadow:inset 0 3px 0 #74a7ff,0 8px 22px rgba(0,0,0,.35)!important}
#voiceModeJingle{border-color:#2f6f8a!important;box-shadow:inset 0 3px 0 #58d1ff,0 8px 22px rgba(0,0,0,.35)!important}
#voiceModeLibrary{border-color:#2e6d63!important;box-shadow:inset 0 3px 0 #4fd8c1,0 8px 22px rgba(0,0,0,.35)!important}
#voiceModeSpeech .voice-panel-head small{color:#dfbd4d!important}
#voiceModeClone .voice-panel-head small{color:#82b4ff!important}
#voiceModeJingle .voice-panel-head small{color:#74d7ff!important}
#voiceModeLibrary .voice-panel-head small{color:#68e4cf!important}

.voice-side-nav button[data-voice-mode="speech"] strong{border-color:#7a6425!important;color:#f7d973!important;background:linear-gradient(#473915,#221c10)!important}
.voice-side-nav button[data-voice-mode="clone"] strong{border-color:#4467a0!important;color:#bdddff!important;background:linear-gradient(#213b63,#15253c)!important}
.voice-side-nav button[data-voice-mode="jingle"] strong{border-color:#2c657c!important;color:#8fe4ff!important;background:linear-gradient(#183541,#10242c)!important}
.voice-side-nav button[data-voice-mode="library"] strong{border-color:#2d6a60!important;color:#8ff0de!important;background:linear-gradient(#173630,#10231f)!important}
.voice-side-nav button.active[data-voice-mode="speech"]{border-color:#d6b145!important;background:linear-gradient(#4a4025,#2d291d)!important;box-shadow:inset 3px 0 #e1bf52,0 3px 10px #0005!important}
.voice-side-nav button.active[data-voice-mode="clone"]{border-color:#5f8fe6!important;background:linear-gradient(#1f375b,#17263d)!important;box-shadow:inset 3px 0 #74a7ff,0 3px 12px #0006,0 0 14px rgba(91,145,255,.16)!important}
.voice-side-nav button.active[data-voice-mode="jingle"]{border-color:#4ac9ff!important;background:linear-gradient(#173e50,#132a34)!important;box-shadow:inset 3px 0 #58d1ff,0 3px 12px #0006,0 0 14px rgba(53,191,255,.14)!important}
.voice-side-nav button.active[data-voice-mode="library"]{border-color:#43c8b3!important;background:linear-gradient(#244b46,#20322f)!important;box-shadow:inset 3px 0 #4bd1bd,0 3px 10px #0005!important}

#voiceModeSpeech .voice-grid.two,#voiceModeClone .voice-grid.two{align-items:end}
#voiceModeSpeech .voice-text{margin-top:9px!important}
#voiceModeSpeech .voice-text textarea{min-height:96px!important;max-height:118px!important;resize:vertical!important}
#voiceModeSpeech .voice-tone-card,#voiceModeClone .voice-upload-card,#voiceModeClone .voice-consent-card{margin-top:10px!important}
#voiceModeSpeech .voice-tone-card,#voiceModeSpeech .voice-cost-card,#voiceModeClone .voice-upload-card,#voiceModeClone .voice-consent-card,#voiceModeJingle .voice-upload-card{padding:12px!important}
#voiceModeClone .voice-upload-copy p,#voiceModeClone .voice-price-note,#voiceModeJingle .voice-jingle-guide-copy p,#voiceModeSpeech .voice-panel-head p,#voiceModeClone .voice-panel-head p,#voiceModeLibrary .voice-panel-head p{font-size:9px!important;line-height:1.35!important}
#voiceModeClone .voice-consent-card .voice-field{gap:5px}
#voiceModeClone .voice-check{margin-top:10px!important}
#voiceModeClone .voice-term{margin-top:8px!important;padding-top:8px!important}
#voiceModeClone .voice-term pre{max-height:130px;overflow:auto}
#voiceModeClone #voiceCloneBtn.voice-main-btn,#voiceModeSpeech #voiceGenerateSpeechBtn.voice-main-btn{position:sticky;bottom:6px;z-index:5}
#voiceModeSpeech #voiceGenerateSpeechBtn.voice-main-btn{background:linear-gradient(#d4ad3f,#98721b)!important;border-color:#5e4712!important;color:#151109!important}
#voiceModeClone #voiceCloneBtn.voice-main-btn{background:linear-gradient(#67a8ff,#335fae)!important;border-color:#75a9ff!important;color:#f4f9ff!important;box-shadow:inset 0 1px rgba(255,255,255,.26),0 10px 20px rgba(0,0,0,.35)!important}
#voiceModeJingle #voiceConvertSingerBtn.voice-main-btn{background:linear-gradient(#56ceff,#1b8fbf)!important;border-color:#69d6ff!important;color:#f2fcff!important}
#voiceModeJingle .voice-singer-top-actions{align-items:center!important}
#voiceModeJingle .voice-singer-top-actions button,#voiceModeClone .voice-help-btn,#voiceModeSpeech .voice-help-btn,#voiceModeLibrary .voice-help-btn{min-height:40px!important}
#voiceModeLibrary .voice-library-grid{margin-top:6px}

.voice-help-modal{position:fixed;inset:0;z-index:1805;display:grid;place-items:center;background:rgba(5,8,10,.78);backdrop-filter:blur(6px)}
.voice-help-modal.hidden{display:none!important}
.voice-help-card{position:relative;width:min(720px,calc(100vw - 34px));max-height:min(80vh,760px);overflow:auto;padding:22px 24px 20px;border-radius:16px;border:1px solid #44535b;background:linear-gradient(180deg,#1e282d,#11171a);box-shadow:0 28px 70px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.08)}
.voice-help-card small{display:block;color:#74d7ff;font-size:9px;font-weight:950;letter-spacing:.16em}
.voice-help-card h3{margin:7px 0 12px;color:#fff;font-size:24px}
.voice-help-body{display:grid;gap:9px;color:#d8e1e6;font-size:12px;line-height:1.6}
.voice-help-body p,.voice-help-body ul{margin:0}
.voice-help-body strong,.voice-help-body b{color:#fff}
.voice-help-body ul{padding-left:18px;color:#b8c6cc}
.voice-help-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #52646d;background:linear-gradient(#4c5860,#1f272c);color:#fff;font-size:25px;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.35)}
body.voice-help-open{overflow:hidden!important}

@media(max-width:980px){
  .voice-panel-toolbar{grid-template-columns:1fr}
  .voice-help-btn{width:100%}
  #voiceModeJingle .voice-singer-top-actions{grid-template-columns:1fr 1fr!important}
  #voiceModeJingle .voice-help-btn-inline{grid-column:1/-1;width:100%}
}
@media(max-width:760px){
  #voiceModeSpeech .voice-grid.two,#voiceModeClone .voice-grid.two,.voice-panel-toolbar{grid-template-columns:1fr!important}
  .voice-help-card{width:calc(100vw - 20px);padding:18px 16px}
  .voice-help-card h3{font-size:20px}
}

/* ======================================================================
   VS RasBR 3.7.9 • PALCO COMPACTO + FADERS CENTRADOS + PRÓXIMO PRONTO
   Ajuste visual/operacional sem trocar IDs nem motor de áudio.
   ====================================================================== */

/* Faixa "tocando agora" em uma única linha: recupera altura útil da mesa. */
.vsras-main{gap:6px!important}
.vsras-now{
  min-height:58px!important;
  height:58px!important;
  padding:6px 14px!important;
  grid-template-columns:minmax(300px,1fr) auto 178px 148px!important;
  gap:13px!important;
  border-radius:10px!important;
}
.vsras-song{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important}
.vsras-song small{display:inline-block!important;flex:0 0 auto!important;font-size:8px!important;letter-spacing:1.45px!important}
.vsras-song h3{display:inline-block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:19px!important;margin:0!important;line-height:1!important}
.vsras-song span{display:none!important}
.vsras-mode-badge{align-self:center!important;white-space:nowrap!important;padding:7px 10px!important;font-size:8px!important}
.vsras-clock{align-self:center!important}.vsras-clock strong{font-size:27px!important;line-height:1!important}.vsras-clock span{font-size:8px!important}
.vsras-now-status{align-self:stretch!important;display:grid!important;align-content:center!important;padding-left:12px!important}

/* Mais área vertical para os canais e aparência de console de palco. */
.vsras-console{padding:6px 8px!important}
.vsras-channels{height:100%!important;min-height:0!important;align-items:stretch!important}
.vsras-strip{padding-top:6px!important;padding-bottom:7px!important}
.vsras-strip-head{min-height:48px!important;padding-bottom:4px!important}
.vsras-db{margin:3px 0 4px!important}
.vsras-fader-zone{min-height:270px!important;height:100%!important;grid-template-columns:17px minmax(62px,1fr) 33px!important;gap:8px!important}
.vsras-meter{min-height:250px!important;height:94%!important}
.vsras-fader{min-height:270px!important;height:96%!important;width:58px!important;padding:0!important;box-sizing:border-box!important}
.vsras-scale{min-height:250px!important;height:94%!important}

/* Chrome/Edge: centraliza de verdade a manopla sobre a linha do fader. */
.vsras-fader::-webkit-slider-thumb{margin-left:-14px!important}
.vsras-master-strip .vsras-fader::-webkit-slider-thumb{margin-left:-14px!important}

/* Rodapé: transportes ficam no centro e ferramentas ficam realmente à direita. */
.vsras-footer{
  height:74px!important;min-height:74px!important;
  padding:6px 10px!important;
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) auto minmax(300px,1fr)!important;
  align-items:center!important;gap:10px!important;overflow:hidden!important;
}
.vsras-footer-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;min-width:0!important;gap:6px!important}
.vsras-footer-actions.left{justify-content:flex-start!important;justify-self:start!important}
.vsras-footer-actions.right{justify-content:flex-end!important;justify-self:end!important;margin-left:auto!important}
.vsras-footer-actions button{height:46px!important;min-width:76px!important;padding:0 9px!important;font-size:7.5px!important;white-space:nowrap!important}
.vsras-footer-actions button span{font-size:14px!important}
.vsras-transport{position:static!important;left:auto!important;transform:none!important;justify-self:center!important;gap:7px!important;width:max-content!important}
.vsras-transport button{width:43px!important;height:43px!important}
.vsras-transport button.play{width:58px!important;height:58px!important;font-size:22px!important}

/* Setlist: o próximo bloco é preparado enquanto o atual toca. */
.vsras-block-row.ready{border-color:#27d884!important;box-shadow:inset 3px 0 #27d884,0 0 12px rgba(39,216,132,.12)!important}
.vsras-block-row.ready .vsras-block-main small{color:#38e793!important;font-weight:900!important}
.vsras-next-ready{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;padding:7px 8px!important}
.vsras-next-ready>div{min-width:0!important}
.vsras-next-ready button{height:32px!important;border-radius:6px!important;border:1px solid #8d7627!important;background:linear-gradient(180deg,#3b3112,#171207)!important;color:#f4ce47!important;padding:0 9px!important;font-size:8px!important;font-weight:950!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 10px rgba(0,0,0,.35)!important}
.vsras-next-ready button:hover{filter:brightness(1.12)}

/* Desktop/laptop do print: sem botões caindo por baixo e com fader alto. */
@media(max-width:1380px) and (min-width:901px){
  .vsras-layout{grid-template-columns:218px minmax(0,1fr)!important}
  .vsras-main{padding:8px!important;gap:5px!important}
  .vsras-now{height:54px!important;min-height:54px!important;grid-template-columns:minmax(230px,1fr) auto 145px 120px!important;padding:5px 10px!important;gap:8px!important}
  .vsras-song h3{font-size:16px!important}.vsras-song small{font-size:6.8px!important}.vsras-mode-badge{font-size:6.5px!important;padding:6px 7px!important}.vsras-clock strong{font-size:23px!important}.vsras-now-status strong{font-size:8px!important}
  .vsras-channels{grid-template-columns:minmax(110px,1.06fr) repeat(6,minmax(100px,1fr))!important;gap:5px!important}
  .vsras-strip-head{min-height:42px!important}
  .vsras-fader-zone{min-height:250px!important;grid-template-columns:11px minmax(44px,1fr) 24px!important;gap:5px!important}
  .vsras-meter,.vsras-scale{min-height:232px!important}.vsras-fader{min-height:250px!important;width:48px!important}
  .vsras-fader::-webkit-slider-thumb,.vsras-master-strip .vsras-fader::-webkit-slider-thumb{margin-left:-11px!important}
  .vsras-footer{height:70px!important;min-height:70px!important;grid-template-columns:minmax(275px,1fr) auto minmax(275px,1fr)!important;padding:5px 7px!important;gap:5px!important}
  .vsras-footer-actions{gap:4px!important}.vsras-footer-actions button{height:42px!important;min-width:65px!important;padding:0 6px!important;font-size:6.5px!important}
  .vsras-footer-actions button span{font-size:12px!important;margin-right:2px!important}
  .vsras-transport{gap:5px!important}.vsras-transport button{width:39px!important;height:39px!important}.vsras-transport button.play{width:54px!important;height:54px!important;font-size:20px!important}
}

/* Mobile paisagem: mantém a mesma correção sem deslocar a manopla. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  .vsras-now{height:34px!important;min-height:34px!important;grid-template-columns:minmax(145px,1fr) auto 86px!important;padding:2px 6px!important}
  .vsras-song{gap:5px!important}.vsras-song h3{font-size:11px!important}.vsras-song small{font-size:4.5px!important}
  .vsras-fader-zone{min-height:0!important;height:100%!important;grid-template-columns:7px minmax(27px,1fr)!important;gap:3px!important}
  .vsras-meter{min-height:0!important;height:96%!important}.vsras-fader{min-height:0!important;height:96%!important;width:31px!important}.vsras-scale{display:none!important}
  .vsras-fader::-webkit-slider-thumb,.vsras-master-strip .vsras-fader::-webkit-slider-thumb{margin-left:-9.5px!important}
  .vsras-footer{height:58px!important;min-height:58px!important;grid-template-columns:minmax(150px,1fr) auto minmax(70px,.55fr)!important;padding:3px 5px!important}
  .vsras-transport{position:static!important;transform:none!important}.vsras-transport button{width:34px!important;height:34px!important}.vsras-transport button.play{width:47px!important;height:47px!important}
}