: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;
}

/* Encaixe do Studio Pro dentro da tela do IAVOX em notebooks. */
@media (min-width: 761px) and (max-height: 620px) {
  :root { --row-height: 100px; --left: 210px; }
  .track-row { min-height: 78px; }
  .clip { top: 7px; height: calc(var(--row-height) - 14px); }
}

* { 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; }
.master-project-btn{background:linear-gradient(180deg,#28c96f,#15974d)!important;border-color:#41e487!important;color:#07140c!important;font-weight:900!important}
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; }
.project-name-wrap .editor-close-button { display:grid; place-items:center; flex:0 0 32px; width:32px; min-width:32px; max-width:32px; height:28px; padding:0; border:1px solid #8d363b; border-radius:6px; background:linear-gradient(#722b31,#35171a); color:#fff; font-size:20px; font-weight:900; line-height:1; text-align:center; }
.project-name-wrap .editor-close-button:hover { filter:brightness(1.16); }

.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: 8px; padding: 0 9px; background: linear-gradient(#3c4042, #2a2d2f); border-right: 1px solid #0d0e0f; border-bottom: 1px solid #111; box-shadow: 1px 0 #505558; }
.corner-cell button { width: 27px; height: 27px; border: 1px solid #111; border-radius: 3px; background: #1f8d7e; cursor: pointer; font-weight: 950; }
.corner-cell span { font-size: 9px; letter-spacing: .15em; color: #c6c9ca; font-weight: 900; }
.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: 78px; 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 #eef7fb;
  outline-offset: -2px;
  z-index: 8;
  filter: brightness(1.06) saturate(1.08);
  box-shadow: inset 0 0 0 2px rgba(32,181,198,.8), 0 0 0 1px #111, 0 0 12px rgba(32,181,198,.4);
}
.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; }
@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; }
  .corner-cell span { 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;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .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: #a9252b;
    color: #fff;
    border: 1px solid #db4c52;
    margin-left: auto;
  }
  .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: 2px solid #f1f7fa;
    outline-offset: -3px;
    filter: brightness(1.07) saturate(1.08);
    box-shadow: inset 0 0 0 3px #20b5c6, 0 0 0 1px #0a1114, 0 0 13px rgba(32,181,198,.48);
  }
  .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; }
}

.top-toolbar .library-btn{min-width:84px!important;width:auto!important;padding:0 9px!important;border-color:#6b5720!important;background:linear-gradient(180deg,#2a2820,#151712)!important;color:#e8d287!important;font-size:8px!important;font-weight:900!important;letter-spacing:.35px!important;white-space:nowrap!important}
.top-toolbar .library-btn:hover{transform:translateY(-2px)!important;border-color:#c69d25!important;background:linear-gradient(180deg,#3b3522,#1c1b12)!important;color:#fff0b1!important}
@media(max-width:1100px){.top-toolbar .library-btn{min-width:70px!important;padding:0 6px!important;font-size:7px!important}}

/* AudioRAS 2.7 — equalizador real, estéreo e pré-master. */
.fx-dialog{width:min(920px,calc(100vw - 28px));max-height:min(92dvh,820px);overflow:hidden}
.fx-dialog form{box-sizing:border-box;max-height:min(92dvh,820px);overflow:auto;padding:16px}
.fx-dialog::backdrop,.master-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(6px)}
.fx-quick-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.fx-quick-panel label,.fx-reverb-panel,.master-boost,.master-auto-card{border:1px solid #4b5357;border-radius:7px;background:#1a1e20;padding:10px}
.fx-quick-panel label,.master-boost{display:grid;gap:7px}
.fx-quick-panel label>span,.fx-reverb-panel label>span,.master-boost>span{display:flex;justify-content:space-between;gap:8px;color:#dfe5e7;font-size:10px;font-weight:850}
.fx-quick-panel output,.fx-reverb-panel output,.master-boost output{color:#f1d24d;font-variant-numeric:tabular-nums}
.fx-dialog input[type=range],.master-dialog input[type=range]{width:100%;accent-color:#e4c33b}
.fx-equalizer{border:1px solid #55501e;border-radius:8px;background:linear-gradient(180deg,#1b2022,#111416);padding:10px;margin:10px 0}
.fx-equalizer>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fx-equalizer>header label{display:flex;align-items:center;gap:8px;cursor:pointer}
.fx-equalizer>header strong{display:block;font-size:11px}.fx-equalizer>header small{display:block;color:#9aa4a8;font-size:8px;margin-top:2px}
.fx-equalizer>header button{border:1px solid #555e62;border-radius:5px;background:#2b3134;color:#dce1e3;padding:6px 9px;font-size:9px;cursor:pointer}
.fx-eq-bands{height:230px;display:grid;grid-template-columns:repeat(10,minmax(30px,1fr));gap:4px;margin:12px 0 4px;padding:8px 5px;border-radius:6px;background:repeating-linear-gradient(to bottom,#253034 0 1px,transparent 1px 37px),#111719}
.fx-eq-bands label{min-width:0;display:grid;grid-template-rows:20px 1fr 18px;justify-items:center;align-items:center;color:#cbd4d7;font-size:8px}
.fx-eq-bands output{color:#f0cd48;font-size:8px;font-weight:900}
.fx-eq-bands input{width:150px!important;height:28px;transform:rotate(-90deg);accent-color:#e5c53e}
.fx-eq-bands span{font-size:8px;color:#d5dcde;font-weight:800}
.fx-eq-zones{display:grid;grid-template-columns:3fr 4fr 3fr;text-align:center;color:#76858c;font-size:7px;font-weight:900;letter-spacing:.18em}
.fx-reverb-panel{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(240px,1.3fr);align-items:center;gap:16px;margin:10px 0}
.fx-reverb-panel .fx-switch{display:flex;align-items:center;gap:8px;cursor:pointer}.fx-reverb-panel .fx-switch strong{display:block;font-size:10px}.fx-reverb-panel .fx-switch small{display:block;color:#99a3a7;font-size:8px}
.fx-reverb-panel>label:last-child{display:grid;gap:7px}
.fx-processors{grid-template-columns:repeat(3,minmax(0,1fr))}
.fx-sticky-actions{position:sticky;bottom:-16px;margin:14px -16px -16px;padding:10px 16px;background:#202426f5;border-top:1px solid #4b5255;z-index:3}
.master-dialog{width:min(560px,calc(100vw - 24px))}
.master-auto-card{display:flex;align-items:flex-start;gap:10px;margin:14px 0}.master-auto-card strong{display:block;font-size:11px}.master-auto-card small{display:block;margin-top:3px;color:#a5afb3;font-size:9px;line-height:1.4}
.master-safety{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding:10px;border:1px solid #3b745f;border-radius:6px;background:#16241f;color:#a9d8c7;font-size:9px}.master-safety strong{color:#59d7aa;letter-spacing:.1em}

@media(max-width:760px){
 .fx-dialog,.master-dialog{width:100vw!important;height:100dvh!important;max-height:none!important;overflow:hidden!important}
 .fx-dialog form,.master-dialog form{height:100dvh!important;min-height:0!important;max-height:none!important;overflow:auto!important;padding:14px 10px calc(24px + env(safe-area-inset-bottom))!important}
 .fx-dialog .dialog-title-row,.master-dialog .dialog-title-row{top:-14px!important;margin:-14px -10px 10px!important;padding:14px 10px 10px!important}
 .fx-dialog .preset-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin:8px 0}.fx-dialog .preset-row button{padding:8px 3px;font-size:8px}
 .fx-quick-panel{grid-template-columns:1fr 1fr;gap:6px}.fx-quick-panel label{padding:8px 6px}.fx-quick-panel label>span{font-size:8px}
 .fx-equalizer{padding:8px 4px}.fx-equalizer>header{padding:0 4px}.fx-equalizer>header strong{font-size:9px}.fx-equalizer>header small{font-size:7px}
 .fx-eq-bands{height:205px;grid-template-columns:repeat(10,minmax(23px,1fr));gap:1px;padding-inline:1px}
 .fx-eq-bands input{width:132px!important}.fx-eq-bands output,.fx-eq-bands span{font-size:7px}
 .fx-reverb-panel{grid-template-columns:1fr;gap:8px;padding:8px}.fx-processors{grid-template-columns:1fr 1fr!important;gap:5px}.fx-processors label{padding:8px 6px}.fx-processors strong{font-size:9px}.fx-processors small{font-size:7px}
 .fx-sticky-actions{bottom:calc(-24px - env(safe-area-inset-bottom));margin:10px -10px calc(-24px - env(safe-area-inset-bottom));padding:10px 10px calc(12px + env(safe-area-inset-bottom))}
 .master-dialog p{font-size:13px}.master-auto-card strong{font-size:13px}.master-auto-card small{font-size:11px}.master-safety{font-size:10px}
}

/* AudioRAS PRO 2.7.1 — Graphic EQ profissional, limpo e sem rolagem lateral. */
.fx-dialog.pro-eq-dialog{
  width:min(1120px,calc(100vw - 34px))!important;
  height:min(720px,calc(100dvh - 34px))!important;
  max-height:none!important;
  overflow:hidden!important;
  border:1px solid #8b9295;
  border-radius:11px;
  background:linear-gradient(180deg,#2b2f31 0%,#202426 100%);
  box-shadow:0 28px 90px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.06);
}
.fx-dialog.pro-eq-dialog form{
  height:100%!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:14px!important;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:10px;
}
.fx-dialog.pro-eq-dialog::-webkit-scrollbar,
.fx-dialog.pro-eq-dialog form::-webkit-scrollbar,
.fx-advanced-dialog::-webkit-scrollbar,
.fx-advanced-dialog form::-webkit-scrollbar{display:none!important}
.fx-dialog.pro-eq-dialog,.fx-dialog.pro-eq-dialog form,.fx-advanced-dialog,.fx-advanced-dialog form{scrollbar-width:none!important}
.fx-dialog.pro-eq-dialog::backdrop,.fx-advanced-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(7px)}
.eq-windowbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #4a5053;padding:0 0 10px}
.eq-modelbar{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;min-width:0}
.eq-model-picker{display:flex;align-items:center;gap:8px;min-width:min(360px,40vw);padding:6px 9px;border:1px solid #495154;border-radius:6px;background:linear-gradient(180deg,#202628,#171b1d);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.eq-model-picker span{font-size:10px;font-weight:800;color:#c3cbcd;white-space:nowrap}
.eq-model-picker select{flex:1;min-width:0;background:#0f1416;color:#edf2f2;border:1px solid #3b4346;border-radius:5px;padding:8px 10px;font-size:10px;font-weight:700}
.eq-model-picker select:focus{outline:none;border-color:#dbc040;box-shadow:0 0 0 2px rgba(219,192,64,.15)}
.eq-window-title{min-width:0}.eq-window-title small{display:block;color:#66d1bf;font-size:8px;font-weight:900;letter-spacing:.18em;margin-bottom:3px}.eq-window-title h2{margin:0!important;font-size:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-window-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
.eq-depth-btn,.eq-preview-btn{
  border:1px solid #131617!important;
  border-top-color:#676d70!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,#505659 0%,#313638 52%,#272b2d 100%)!important;
  color:#f4f6f6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 0 #111416,0 5px 12px rgba(0,0,0,.22)!important;
  padding:9px 13px!important;
  font-size:10px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:transform .12s ease,filter .12s ease,border-color .12s ease;
}
.eq-depth-btn:hover,.eq-preview-btn:hover{filter:brightness(1.12);border-color:#7c8487!important}.eq-depth-btn:active,.eq-preview-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 #111416!important}
.eq-ok-btn{background:linear-gradient(180deg,#3fae9c,#247c6e 55%,#1b6156)!important;border-color:#66cdbb!important;min-width:74px}
.eq-close-btn{width:34px;height:34px;border:1px solid #555d60;border-radius:5px;background:#222729;color:#fff;font-size:22px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.eq-close-btn:hover{background:#343a3d}
.eq-presetbar{display:flex;align-items:center;gap:7px;min-height:38px}
.eq-presetbar .eq-depth-btn{padding:7px 10px!important;font-size:9px!important}
.eq-status-chip{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#aeb8bb;font-size:8px;font-weight:900;letter-spacing:.08em}.eq-status-chip i{width:7px;height:7px;border-radius:50%;background:#47d4a5;box-shadow:0 0 10px rgba(71,212,165,.65)}
.eq-workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:12px}
.pro-graphic-eq{height:100%;min-height:0;margin:0!important;padding:12px 12px 10px!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #6a6340!important;border-radius:8px!important;background:linear-gradient(180deg,#1b2022 0%,#111517 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -16px 40px rgba(0,0,0,.18)}
.eq-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 8px;border-bottom:1px solid #343b3e}
.eq-enable-switch{display:flex;align-items:center;gap:8px;cursor:pointer}.eq-enable-switch input{accent-color:#e7c53b}.eq-enable-switch strong{display:block;font-size:11px}.eq-enable-switch small{display:block;color:#8f9a9e;font-size:8px;margin-top:2px}
.eq-scale-labels{display:flex;gap:12px;color:#69777c;font-size:7px;font-weight:900}
.fx-dialog.pro-eq-dialog .fx-eq-bands{height:auto!important;min-height:0!important;margin:8px 0 3px!important;padding:6px 5px 3px!important;display:grid!important;grid-template-columns:repeat(10,minmax(42px,1fr))!important;gap:4px!important;background:repeating-linear-gradient(to bottom,rgba(112,128,133,.18) 0 1px,transparent 1px calc(25% - 1px)),linear-gradient(180deg,#11181a,#0c1113)!important;border:1px solid #263034;border-radius:5px;overflow:hidden}
.fx-dialog.pro-eq-dialog .fx-eq-bands label{position:relative;min-width:0;height:100%;display:grid!important;grid-template-rows:22px minmax(150px,1fr) 22px!important;justify-items:center;align-items:center;color:#d4dcde;font-size:8px}
.fx-dialog.pro-eq-dialog .fx-eq-bands output{color:#f0ca3d;font-size:8px;font-weight:900;font-variant-numeric:tabular-nums}
.fx-dialog.pro-eq-dialog .fx-eq-bands span{font-size:8px;color:#e2e7e8;font-weight:850}
.fx-dialog.pro-eq-dialog .fx-eq-bands input[type=range]{
  width:clamp(145px,22vh,215px)!important;
  height:28px!important;
  margin:0!important;
  transform:rotate(-90deg);
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  accent-color:transparent!important;
}
.fx-dialog.pro-eq-dialog .fx-eq-bands input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:2px;background:linear-gradient(180deg,#969da0,#565c5f);box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 0 0 1px #0b0d0e}
.fx-dialog.pro-eq-dialog .fx-eq-bands input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:16px;margin-top:-6px;border:1px solid #8c7214;border-radius:4px;background:linear-gradient(180deg,#ffe067,#d7ae22 58%,#8c6e10);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 2px 4px rgba(0,0,0,.7)}
.fx-dialog.pro-eq-dialog .fx-eq-bands input[type=range]::-moz-range-track{height:5px;border-radius:2px;background:#6e7477;border:1px solid #0b0d0e}
.fx-dialog.pro-eq-dialog .fx-eq-bands input[type=range]::-moz-range-thumb{width:28px;height:16px;border:1px solid #8c7214;border-radius:4px;background:linear-gradient(180deg,#ffe067,#d7ae22 58%,#8c6e10);box-shadow:0 2px 4px rgba(0,0,0,.7)}
.fx-dialog.pro-eq-dialog .fx-eq-zones{padding-top:3px;color:#6e7a7e!important;font-size:7px!important}
.eq-control-rail{min-height:0;display:grid;grid-template-rows:auto auto auto 1fr 1fr;gap:8px}
.eq-preview-btn{height:48px!important;background:linear-gradient(180deg,#556063,#31383a 60%,#252a2c)!important;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px!important}.eq-preview-btn.active{border-color:#e2bf38!important;color:#ffe36c!important}.eq-play-icon{font-size:15px}
.eq-check-control,.eq-slider-card{border:1px solid #4b5457;border-radius:6px;background:linear-gradient(180deg,#1f2426,#181c1e);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);padding:10px}
.eq-check-control{display:flex;align-items:center;gap:9px;cursor:pointer}.eq-check-control input{accent-color:#d9b72f}.eq-check-control strong{display:block;font-size:10px}.eq-check-control small{display:block;color:#8d989c;font-size:8px;margin-top:2px}
.eq-slider-card{display:grid;align-content:center;gap:9px}.eq-slider-card>span{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:850}.eq-slider-card output{color:#f1ce43}.eq-slider-card input{width:100%;accent-color:#e1bd31}.eq-slider-card>small{justify-self:end;color:#778589;font-size:7px;font-weight:900;letter-spacing:.12em}.eq-slider-card>small.stereo-active{color:#61d8bd}
.eq-footer-note{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;color:#7f8b8f;font-size:8px}.eq-footer-note span{border-top:1px solid #343a3d;padding-top:7px}.eq-footer-note b{color:#bdc6c8}

.fx-advanced-dialog{width:min(820px,calc(100vw - 36px))!important;height:min(560px,calc(100dvh - 36px))!important;max-height:none!important;overflow:hidden!important;border:1px solid #7c8588;border-radius:10px;background:linear-gradient(180deg,#2a2e30,#202426);color:#e8ebec;box-shadow:0 28px 90px rgba(0,0,0,.76)}
.fx-advanced-dialog form{height:100%;overflow:hidden!important;padding:14px!important;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px}
.advanced-windowbar{padding-bottom:9px}.advanced-intro{margin:0!important;color:#98a3a6!important;font-size:10px!important}
.advanced-reverb-card{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(280px,1.2fr);gap:10px;border:1px solid #4a5356;border-radius:7px;padding:10px;background:#1a1f21}
.advanced-reverb-card .fx-switch{display:flex;align-items:center;gap:8px;cursor:pointer}.advanced-reverb-card strong{display:block;font-size:10px}.advanced-reverb-card small{display:block;color:#8e999d;font-size:8px;margin-top:2px}.advanced-range{display:grid;gap:7px}.advanced-range>span{display:flex;justify-content:space-between;font-size:9px;font-weight:850}.advanced-range output{color:#f0cb40}.advanced-range input{width:100%;accent-color:#dfbd32}
.fx-advanced-dialog .advanced-processors{min-height:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-content:stretch}.fx-advanced-dialog .advanced-processors label{min-height:0;border-radius:6px!important;background:linear-gradient(180deg,#202527,#181c1e)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.fx-advanced-dialog .advanced-processors strong{font-size:10px!important}.fx-advanced-dialog .advanced-processors small{font-size:8px!important}
.advanced-actions{display:flex;justify-content:flex-end;border-top:1px solid #41484b;padding-top:10px}

.clip-stereo-badge{position:absolute;right:5px;top:5px;z-index:4;border:1px solid rgba(255,255,255,.32);border-radius:3px;background:rgba(8,15,16,.72);color:#c9fff2;font-size:7px;font-weight:900;letter-spacing:.08em;padding:2px 4px;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.3)}

@media(max-width:760px){
  .fx-dialog.pro-eq-dialog{width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important}
  .fx-dialog.pro-eq-dialog form{height:100dvh!important;padding:8px!important;gap:6px!important;grid-template-rows:auto auto minmax(0,1fr) auto!important}
  .eq-windowbar{gap:6px;padding-bottom:6px}.eq-window-title small{font-size:6px}.eq-window-title h2{font-size:13px!important;max-width:115px}
  .eq-window-actions{gap:3px}.eq-window-actions .eq-depth-btn{padding:6px 6px!important;font-size:7px!important;min-width:0}.eq-window-actions #fxCancelBtn{display:none}.eq-close-btn{width:29px;height:29px;font-size:18px}
  .eq-presetbar{gap:4px;min-height:31px}.eq-presetbar .eq-depth-btn{padding:6px 5px!important;font-size:7px!important}.eq-status-chip{display:none}
  .eq-workspace{grid-template-columns:minmax(0,1fr) 98px;gap:6px}
  .pro-graphic-eq{padding:7px 4px 5px!important}.eq-board-head{padding:0 2px 5px}.eq-enable-switch strong{font-size:8px}.eq-enable-switch small,.eq-scale-labels{display:none}
  .fx-dialog.pro-eq-dialog .fx-eq-bands{grid-template-columns:repeat(10,minmax(21px,1fr))!important;gap:0!important;padding:3px 0 1px!important;margin:5px 0 2px!important}
  .fx-dialog.pro-eq-dialog .fx-eq-bands label{grid-template-rows:17px minmax(105px,1fr) 18px!important}.fx-dialog.pro-eq-dialog .fx-eq-bands output,.fx-dialog.pro-eq-dialog .fx-eq-bands span{font-size:6px!important}
  .fx-dialog.pro-eq-dialog .fx-eq-bands input[type=range]{width:clamp(100px,21vh,155px)!important;height:20px!important}.fx-dialog.pro-eq-dialog .fx-eq-bands input[type=range]::-webkit-slider-thumb{width:22px;height:12px;margin-top:-4px}
  .fx-dialog.pro-eq-dialog .fx-eq-zones{font-size:5px!important}.eq-control-rail{gap:4px;grid-template-rows:38px auto auto 1fr 1fr}.eq-preview-btn{height:38px!important;padding:4px!important;font-size:8px!important}.eq-play-icon{font-size:10px}
  .eq-check-control,.eq-slider-card{padding:6px 5px}.eq-check-control{gap:4px}.eq-check-control strong,.eq-slider-card>span{font-size:7px}.eq-check-control small{display:none}.eq-slider-card{gap:5px}.eq-slider-card>small{font-size:5px}.eq-footer-note{display:none}
  .fx-advanced-dialog{width:100vw!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important}.fx-advanced-dialog form{height:100dvh!important;padding:9px!important;gap:7px!important}.advanced-intro{font-size:8px!important}.advanced-reverb-card{grid-template-columns:1fr;gap:6px;padding:7px}.fx-advanced-dialog .advanced-processors{grid-template-columns:1fr 1fr!important;gap:5px!important}.fx-advanced-dialog .advanced-processors label{padding:7px 5px!important}.fx-advanced-dialog .advanced-processors strong{font-size:8px!important}.fx-advanced-dialog .advanced-processors small{font-size:6px!important}.advanced-actions{padding-top:6px}
}

@media(max-height:620px) and (min-width:761px){
  .fx-dialog.pro-eq-dialog{height:calc(100dvh - 18px)!important}.fx-dialog.pro-eq-dialog form{padding:9px!important;gap:6px}.eq-presetbar{min-height:31px}.eq-presetbar .eq-depth-btn{padding:6px 9px!important}.fx-dialog.pro-eq-dialog .fx-eq-bands label{grid-template-rows:18px minmax(120px,1fr) 18px!important}.fx-dialog.pro-eq-dialog .fx-eq-bands input[type=range]{width:clamp(120px,18vh,165px)!important}.eq-footer-note{display:none}.eq-control-rail{gap:5px}.eq-check-control,.eq-slider-card{padding:7px}
}

.eq-quick-volume{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.eq-quick-volume button,.fx-model-actions button,.fx-quick-choice{border:1px solid #434b4e;border-radius:5px;background:linear-gradient(180deg,#384043,#252b2d);color:#f5f7f7;padding:6px 7px;font-size:9px;font-weight:800;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 6px rgba(0,0,0,.18)}
.eq-quick-volume button:hover,.fx-model-actions button:hover,.fx-quick-choice:hover,.fx-hub-card:hover{filter:brightness(1.08)}
.fx-hub-dialog,.fx-module-dialog{width:min(1120px,calc(100vw - 34px))!important;height:min(720px,calc(100dvh - 34px))!important;max-height:none!important;overflow:hidden!important;border:1px solid #8b9295;border-radius:11px;background:linear-gradient(180deg,#2b2f31 0%,#202426 100%);box-shadow:0 28px 90px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.06)}
.fx-hub-dialog form,.fx-module-dialog form{height:100%!important;max-height:none!important;overflow:hidden!important;padding:14px!important;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px}
.fx-hub-dialog::backdrop,.fx-module-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(7px)}
.fx-hub-intro{margin:0!important;color:#99a4a7;font-size:11px}
.fx-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}
.fx-hub-card{border:1px solid #4f585b;border-radius:10px;background:linear-gradient(180deg,#202628,#171b1d);padding:18px 16px;text-align:left;color:#eef3f3;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 24px rgba(0,0,0,.18);cursor:pointer;min-height:104px}
.fx-hub-card strong{display:block;font-size:18px;margin-bottom:8px}
.fx-hub-card small{display:block;color:#9aa6aa;font-size:11px;line-height:1.45}
.fx-module-body{min-height:0;display:grid;grid-template-columns:minmax(0,1.1fr) 340px;gap:16px}
.fx-module-stage{border:1px solid #6a6340;border-radius:10px;background:linear-gradient(180deg,#161c1e,#101416);padding:16px;display:grid;align-content:start;gap:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.fx-module-stage h3{margin:0;color:#fff;font-size:26px}
.fx-module-stage p{margin:0;color:#98a3a7;font-size:13px;line-height:1.5}
.fx-module-side{display:grid;align-content:start;gap:12px}
.fx-module-card{border:1px solid #4b5457;border-radius:8px;background:linear-gradient(180deg,#1f2426,#181c1e);padding:12px;display:grid;gap:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.fx-module-card strong{font-size:12px;color:#fff}
.fx-module-card small{color:#96a1a5;font-size:10px}
.fx-module-switch{display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:800}
.fx-module-switch input{accent-color:#e0bd32;width:18px;height:18px}
.fx-module-slider-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;color:#f1f3f3}
.fx-module-slider-head output{color:#e8c53b}
.fx-module-card input[type=range]{width:100%;accent-color:#e1bd31}
.fx-module-meter{display:grid;place-items:center;padding:18px;border:1px dashed #4f595b;border-radius:10px;background:rgba(255,255,255,.02)}
.fx-volume-fader-wrap{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}
.fx-volume-fader{height:330px;display:grid;place-items:center;padding:10px;border-radius:12px;background:radial-gradient(circle at 50% 8%,rgba(28,106,170,.22),transparent 38%),linear-gradient(180deg,#08213a,#071621 80%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 25px rgba(0,0,0,.32)}
.fx-volume-fader input[type=range]{writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:42px;height:270px;background:transparent;accent-color:transparent}
.fx-volume-fader input[type=range]::-webkit-slider-runnable-track{width:8px;background:linear-gradient(180deg,#17344b,#0c1c28);border-radius:999px;border:1px solid #274861;box-shadow:inset 0 0 8px rgba(0,0,0,.5)}
.fx-volume-fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:46px;height:56px;margin-left:-19px;border-radius:12px;border:1px solid #8e979f;background:linear-gradient(180deg,#fefefe,#cfd5dc 52%,#a3aab2);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.45);position:relative}
.fx-volume-fader input[type=range]::-moz-range-track{width:8px;background:linear-gradient(180deg,#17344b,#0c1c28);border-radius:999px;border:1px solid #274861}
.fx-volume-fader input[type=range]::-moz-range-thumb{width:46px;height:56px;border-radius:12px;border:1px solid #8e979f;background:linear-gradient(180deg,#fefefe,#cfd5dc 52%,#a3aab2)}
.fx-fader-value{margin-top:10px;text-align:center;color:#fff;font-size:30px;font-weight:900;letter-spacing:.02em}
.fx-model-actions{display:flex;gap:8px;flex-wrap:wrap}
.fx-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.fx-stereo-toggle{display:flex;align-items:center;gap:10px}
.fx-stereo-toggle button{flex:1;border:1px solid #4b5356;border-radius:8px;background:linear-gradient(180deg,#202628,#171b1d);color:#eef4f4;padding:11px 12px;font-size:12px;font-weight:900;cursor:pointer}
.fx-stereo-toggle button.active{border-color:#dcbc3f;background:linear-gradient(180deg,#4c4c24,#2c2c12);color:#ffea84;box-shadow:0 0 0 1px rgba(220,188,63,.22),inset 0 1px 0 rgba(255,255,255,.1)}
@media(max-width:760px){
  .eq-windowbar{flex-wrap:wrap}
  .eq-modelbar{order:3;width:100%;justify-content:flex-start}
  .eq-model-picker{min-width:0;width:100%}
  .fx-hub-dialog,.fx-module-dialog{width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important}
  .fx-hub-dialog form,.fx-module-dialog form{height:100dvh!important;padding:9px!important}
  .fx-hub-grid{grid-template-columns:1fr 1fr;gap:8px}
  .fx-hub-card{min-height:86px;padding:12px}.fx-hub-card strong{font-size:14px}.fx-hub-card small{font-size:9px}
  .fx-module-body{grid-template-columns:1fr;gap:10px}
  .fx-volume-fader-wrap{grid-template-columns:1fr;gap:10px}
  .fx-volume-fader{height:260px}
  .fx-volume-fader input[type=range]{height:190px}
  .fx-quick-grid{grid-template-columns:1fr 1fr}
}

.track-fx-summary{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.track-fx-chip{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;border:1px solid rgba(0,0,0,.25);background:rgba(255,255,255,.46);color:#111;font-size:7px;font-weight:900;letter-spacing:.03em;box-shadow:inset 0 1px rgba(255,255,255,.35)}
.track-fx-chip.empty{opacity:.7}
.mixer-strip{grid-template-rows:28px 27px minmax(0,1fr) 34px!important}
.mixer-footer{display:grid;grid-template-rows:18px 16px;border-top:1px solid #111}
.mixer-fx-summary{display:flex;align-items:center;justify-content:center;padding:0 4px;font-size:7px;font-weight:800;color:#d3d8da;background:#1a1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-graph-card{border:1px solid #454d50;border-radius:8px;background:linear-gradient(180deg,#161b1d,#101416);padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.fx-graph-stage{height:146px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.fx-graph-bar{display:grid;justify-items:center;align-items:end;height:100%}
.fx-graph-bar i{display:block;width:100%;max-width:48px;min-height:8px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#f2d451 0%,#c6a72b 65%,#6f5610 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 14px rgba(0,0,0,.24)}
.fx-graph-bar span{margin-top:8px;color:#b0bcbe;font-size:10px;font-weight:800;text-align:center}
@media(max-width:760px){.track-fx-summary{display:none}.mixer-fx-summary{font-size:6px}.fx-graph-stage{height:104px;gap:8px}}

.fx-hub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0 2px}
.fx-hub-track-state{display:flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #4b5456;border-radius:999px;background:linear-gradient(180deg,#202628,#151a1c);color:#e6eded;font-size:11px;font-weight:900;letter-spacing:.03em;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.fx-hub-stereo-shortcut{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fx-hub-stereo-shortcut>span{font-size:10px;font-weight:900;color:#9eacad;letter-spacing:.1em;text-transform:uppercase}
.fx-hub-st-btn{border:1px solid #596164;border-radius:8px;background:linear-gradient(180deg,#32393c,#1f2426);color:#eef4f4;padding:9px 14px;font-size:11px;font-weight:900;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.15)}
.fx-hub-st-btn.active{border-color:#d8bc49;background:linear-gradient(180deg,#585221,#302b10);color:#ffe98a;box-shadow:0 0 0 1px rgba(216,188,73,.25), inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.18)}
.fx-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fx-hub-card{position:relative;display:grid;align-content:start;gap:10px;padding:18px 16px 16px 18px;border:1px solid #4f585b;border-radius:12px;background:
 radial-gradient(circle at 0 0, rgba(80,93,99,.18), transparent 28%),
 linear-gradient(180deg,#202628,#171b1d);text-align:left;color:#eef3f3;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 28px rgba(0,0,0,.22);cursor:pointer;min-height:126px;overflow:hidden}
.fx-hub-card::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#6e7274,#d2b544,#6e7274);opacity:.52}
.fx-hub-card[data-active='true']{border-color:#cdb345;box-shadow:0 0 0 1px rgba(205,179,69,.22), inset 0 1px 0 rgba(255,255,255,.06), 0 16px 32px rgba(0,0,0,.26)}
.fx-hub-card .fx-hub-led{width:12px;height:12px;border-radius:50%;background:#596164;box-shadow:inset 0 1px 1px rgba(255,255,255,.2),0 0 0 2px rgba(0,0,0,.3)}
.fx-hub-card[data-active='true'] .fx-hub-led{background:#4be28e;box-shadow:0 0 10px rgba(75,226,142,.5), inset 0 1px 0 rgba(255,255,255,.45),0 0 0 2px rgba(0,0,0,.25)}
.fx-hub-card strong{font-size:18px;margin:0}
.fx-hub-card small{display:block;color:#9aa6aa;font-size:11px;line-height:1.4}
.fx-hub-status{justify-self:start;display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #4e5659;border-radius:999px;background:#14181a;color:#d7dddf;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.fx-hub-card[data-active='true'] .fx-hub-status{border-color:#b79b2e;color:#ffe78a;background:#201e10}
.fx-hub-readout{display:block;color:#dde4e5;font-size:12px;font-weight:800}
.track-button.stereo-quick,.mixer-buttons .stereo-quick{border-color:#4a4f50}
.track-button.stereo-quick.active,.mixer-buttons .stereo-quick.active{background:#d5b53a;color:#17130a;border-color:#8d7420}
.track-button.stereo-quick{min-width:38px;padding:0 6px;font-size:8px}
.mixer-buttons .stereo-quick{width:30px}
.fx-module-dialog .eq-windowbar,.fx-hub-dialog .eq-windowbar{padding-bottom:12px;border-bottom:1px solid #50585b}
.fx-module-stage{position:relative;overflow:hidden;background:
 radial-gradient(circle at 100% 0, rgba(100,86,26,.12), transparent 28%),
 linear-gradient(180deg,#161c1e,#101416)}
.fx-module-stage::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#4d5660,#d8bc49,#4d5660);opacity:.5}
.fx-module-card{border-radius:10px;background:linear-gradient(180deg,#1f2426,#181c1e);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.12)}
.fx-module-card input[type=range]{height:10px;accent-color:#e1bd31}
.fx-module-card input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#4a5154,#7b8387)}
.fx-module-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;margin-top:-5px;background:linear-gradient(180deg,#fff4b7,#d0ac2e);border:1px solid #7c6520;box-shadow:0 2px 6px rgba(0,0,0,.32)}
.fx-graph-card{padding:14px 14px 10px;border-radius:10px;background:linear-gradient(180deg,#12171a,#0e1214);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 20px rgba(0,0,0,.16)}
.fx-graph-stage{height:154px;gap:16px}
.fx-graph-bar i{max-width:56px;border-radius:10px 10px 4px 4px}
@media(max-width:760px){
  .fx-hub-toolbar{align-items:flex-start}
  .fx-hub-track-state{width:100%}
  .fx-hub-stereo-shortcut{width:100%;justify-content:space-between}
  .fx-hub-st-btn{flex:1}
}

/* AudioRAS PRO 2.7.9 — correções de trilha, resize individual, trim real e zoom amplo */

/* Ações fixas no canto esquerdo da timeline */
.corner-cell{
  position:sticky!important;
  top:0!important;
  left:0!important;
  margin-top:-42px!important;
  width:var(--left)!important;
  height:42px!important;
  z-index:90!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important;
  gap:5px!important;
  padding:6px 7px!important;
}
.corner-cell .corner-action{
  width:auto!important;
  min-width:0!important;
  height:30px!important;
  border:1px solid #123e38!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,#35a994,#1f786b)!important;
  color:#061916!important;
  font-size:9px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 5px rgba(0,0,0,.28)!important;
}
.corner-cell .corner-action.fx{
  background:linear-gradient(180deg,#44b6a1,#278577)!important;
  color:#041713!important;
}

/* Cada trilha agora tem sua própria altura */
.track-row{
  height:var(--track-row-height,var(--row-height))!important;
  min-height:72px!important;
}
.clip{
  top:8px!important;
  height:calc(var(--track-row-height,var(--row-height)) - 16px)!important;
  min-height:48px!important;
}
.track-panel{
  padding:6px 7px 5px!important;
  gap:4px!important;
  grid-template-rows:auto auto auto auto minmax(0,1fr)!important;
}

/* Os 6 botões cabem: REC, IN, FX, MO/ST, Mute e Solo */
.track-buttons{
  display:grid!important;
  grid-template-columns:24px 28px 28px 32px 27px 27px!important;
  gap:3px!important;
  align-items:center!important;
}
.track-button{
  min-width:0!important;
  width:100%!important;
  height:24px!important;
  padding:0 3px!important;
  font-size:8px!important;
}
.track-button.record-arm{
  width:24px!important;
  min-width:24px!important;
}
.track-button.stereo-quick{
  min-width:0!important;
  width:32px!important;
  font-size:8px!important;
}
.track-button.solo{display:block!important}

/* Volume nunca some: fica imediatamente abaixo dos botões */
.track-controls{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:6px!important;
  align-items:end!important;
  min-height:25px!important;
}
.volume-control{
  min-width:0!important;
  align-self:end!important;
}
.volume-control input{
  display:block!important;
  width:100%!important;
  min-width:72px!important;
  height:16px!important;
}
.pan-control input{width:55px!important}
.track-row.compact-track .track-fx-summary,
.track-row.compact-track .track-footer{display:none!important}
.track-row.compact-track .track-panel{
  grid-template-rows:auto auto auto!important;
  align-content:start!important;
}
.track-row.tiny-track .pan-control{display:none!important}
.track-row.tiny-track .track-controls{grid-template-columns:1fr!important}
.track-row.tiny-track .volume-control{grid-column:1/-1!important}

/* Alça invisível no divisor da trilha, com cursor vertical profissional */
.track-resize-handle{
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:9px;
  z-index:80;
  cursor:ns-resize;
  background:transparent;
  touch-action:none;
}
.track-resize-handle::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:4px;
  height:1px;
  background:transparent;
  transition:background .12s ease,box-shadow .12s ease;
}
.track-resize-handle:hover::after,
.track-row.resizing-track .track-resize-handle::after{
  background:#dfc248;
  box-shadow:0 0 7px rgba(223,194,72,.7);
}

/* Trim: sem barrinha visível fixa; aparece como ferramenta apenas ao passar o mouse */
.trim-handle{
  width:11px!important;
  background:transparent!important;
}
.trim-handle::after{display:none!important}
.trim-handle:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(20,181,198,.28),rgba(255,255,255,.02))!important;
  box-shadow:inset 0 0 0 1px rgba(20,181,198,.55);
}
.clip.trimming{
  outline:2px solid #22b9c8!important;
  outline-offset:-2px!important;
  cursor:ew-resize!important;
}
.trim-live-readout{
  position:absolute;
  top:25px;
  left:50%;
  transform:translateX(-50%);
  z-index:20;
  pointer-events:none;
  padding:4px 8px;
  border:1px solid #2ab5c4;
  border-radius:5px;
  background:rgba(7,24,28,.9);
  color:#bff9ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.05em;
  white-space:nowrap;
}

/* Menu de clip mais compacto, com ações visuais e aberto acima */
.context-menu.clip-context{
  width:min(520px,calc(100vw - 18px))!important;
  max-height:min(430px,calc(100vh - 20px))!important;
  overflow:auto!important;
  padding:9px!important;
}
.clip-context-fields{margin:7px 0!important;gap:5px!important}
.clip-context-actions{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
}
.clip-context-actions button{
  min-height:34px!important;
  padding:7px 5px!important;
  font-size:9px!important;
  font-weight:800!important;
}
.clip-context-actions button.quick{
  border-color:#73641f!important;
  background:linear-gradient(180deg,#4a4630,#2e2c20)!important;
  color:#f6e8a0!important;
}

/* Central de FX: cards mais baixos e totalmente legíveis */
.fx-hub-dialog form{
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
}
.fx-hub-grid{
  min-height:0!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:minmax(78px,1fr)!important;
  gap:9px!important;
  align-content:stretch!important;
}
.fx-hub-card{
  min-height:0!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:13px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:
    "led title status"
    ". desc readout"!important;
  column-gap:9px!important;
  row-gap:6px!important;
  align-content:center!important;
}
.fx-hub-card .fx-hub-led{grid-area:led!important;align-self:center!important}
.fx-hub-card strong{
  grid-area:title!important;
  font-size:15px!important;
  line-height:1.1!important;
  margin:0!important;
}
.fx-hub-card small{
  grid-area:desc!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.fx-hub-status{
  grid-area:status!important;
  align-self:center!important;
  justify-self:end!important;
  font-size:8px!important;
  padding:3px 7px!important;
}
.fx-hub-readout{
  grid-area:readout!important;
  justify-self:end!important;
  align-self:center!important;
  font-size:10px!important;
  white-space:nowrap!important;
}
.fx-hub-toolbar{padding:4px 0 0!important}
.fx-hub-track-state{min-height:30px!important}

/* Mais faixa inteira visível em notebooks baixos */
@media (min-width:761px) and (max-height:720px){
  .fx-hub-dialog{height:calc(100dvh - 20px)!important}
  .fx-hub-dialog form{padding:10px!important;gap:7px!important}
  .fx-hub-grid{gap:6px!important}
  .fx-hub-card{padding:8px 10px!important}
}

/* Zoom horizontal consegue chegar muito mais longe para ver várias músicas */
.horizontal-zoom input{width:110px!important}

@media(max-width:760px){
  .corner-cell{
    margin-top:-34px!important;
    height:34px!important;
    grid-template-columns:1fr 1fr 40px!important;
    padding:3px 5px!important;
  }
  .corner-cell .corner-action{height:28px!important;font-size:7px!important}
  .track-buttons{grid-template-columns:24px 28px 28px 30px 26px 26px!important;gap:2px!important}
  .clip-context-actions{grid-template-columns:1fr 1fr!important}
  .fx-hub-card{
    grid-template-columns:11px minmax(0,1fr) auto!important;
    padding:8px!important;
  }
  .fx-hub-card strong{font-size:12px!important}
  .fx-hub-card small{font-size:8px!important}
  .fx-hub-readout{font-size:8px!important}
}

.zoom-fit-btn{
  height:24px;
  min-width:34px;
  padding:0 7px;
  border:1px solid #6f6326;
  border-radius:4px;
  background:linear-gradient(180deg,#4b482c,#2d2b1d);
  color:#f4dd7a;
  font-size:8px;
  font-weight:950;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.zoom-fit-btn:hover{filter:brightness(1.12)}

/* AudioRAS PRO 2.7.10 — zoom ancorado, masterizador VU e mesa desktop */
.master-pro-stage{gap:12px!important}
.master-pro-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.master-pro-title-row h3{margin-bottom:5px!important}
.master-monitor-btn{min-width:128px!important;height:42px!important;flex:0 0 auto!important}
.master-pro-controls{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);gap:10px}
.master-pro-meter-panel{display:grid;gap:8px;padding:12px;border:1px solid #485154;border-radius:10px;background:linear-gradient(180deg,#101618,#0b1012);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.master-pro-meter-line{display:grid;grid-template-columns:72px minmax(0,1fr) 74px;align-items:center;gap:9px;color:#b9c3c5;font-size:9px;font-weight:900;letter-spacing:.08em}
.master-pro-meter-line output{text-align:right;color:#eef5f5;font-variant-numeric:tabular-nums}
.master-pro-meter-track{height:14px;position:relative;overflow:hidden;border:1px solid #273034;border-radius:3px;background:repeating-linear-gradient(90deg,#182023 0 9px,#0d1214 9px 11px);box-shadow:inset 0 1px 4px rgba(0,0,0,.8)}
.master-pro-meter-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#31bc62 0 72%,#d5c43c 83%,#e34b3e 96%);transition:width .07s linear;box-shadow:0 0 8px rgba(49,188,98,.22)}
.master-pro-meter-track.output i{background:linear-gradient(90deg,#31bc62 0 78%,#e2c643 90%,#e94d3f 100%)}
.master-pro-meter-track.reduction i{background:linear-gradient(90deg,#d5aa31,#d16a2d 58%,#d43b36)}
.master-vu-console{display:grid;grid-template-columns:minmax(330px,1fr) minmax(240px,.6fr);gap:12px;min-height:170px}
.master-vu-gauge{position:relative;min-height:170px;border:1px solid #555039;border-radius:12px;background:radial-gradient(ellipse at 50% 115%,#3c3319 0,#1d1a10 38%,#0d1214 72%);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -25px 60px rgba(0,0,0,.45)}
.master-vu-gauge::after{content:'';position:absolute;left:50%;bottom:26px;width:72%;height:72%;transform:translateX(-50%);border-top:2px solid rgba(224,194,74,.55);border-radius:50% 50% 0 0;opacity:.6}
.master-vu-scale{position:absolute;left:8%;right:8%;top:19px;display:flex;justify-content:space-between;color:#c9c09d;font-size:8px;font-weight:900}
.master-vu-gauge>strong{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);color:#d9c66c;font-size:10px;letter-spacing:.18em;white-space:nowrap}
.master-vu-needle{position:absolute;left:50%;bottom:25px;width:2px;height:112px;background:linear-gradient(180deg,#ff705e,#d7bc53 72%);transform-origin:50% 100%;transform:translateX(-50%) rotate(-52deg);transition:transform .075s linear;box-shadow:0 0 8px rgba(255,110,90,.45);z-index:4}
.master-vu-needle::after{content:'';position:absolute;left:50%;bottom:-7px;width:15px;height:15px;border-radius:50%;transform:translateX(-50%);background:#111;border:2px solid #b29a3e}
.master-pro-readouts{display:grid;grid-template-columns:1fr;gap:8px}
.master-pro-readouts article{display:grid;align-content:center;gap:5px;min-height:48px;padding:10px 12px;border:1px solid #465053;border-radius:9px;background:linear-gradient(180deg,#1e2426,#14191b);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.master-pro-readouts span{color:#8f9b9e;font-size:8px;font-weight:900;letter-spacing:.09em}
.master-pro-readouts b{color:#f0d15b;font-size:17px;font-variant-numeric:tabular-nums}
.master-pro-side{align-content:start!important}

/* Mixer mais legível quando aberto no Studio Pro desktop */
@media(min-width:761px){
  .mixer-panel{min-height:150px!important}
  .mixer-strip{width:124px!important;min-width:124px!important}
  .mixer-strip.master{width:132px!important;min-width:132px!important}
  .mixer-fx{height:28px!important;border-radius:4px!important;background:linear-gradient(180deg,#51595c,#303638)!important;color:#eef3f3!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
  .mixer-fx.active{background:linear-gradient(180deg,#3cad98,#24796e)!important}
  .mixer-buttons button{height:25px!important;border-radius:4px!important}
}
@media(max-width:760px){
  .master-pro-title-row{display:grid;grid-template-columns:1fr}
  .master-monitor-btn{width:100%!important}
  .master-pro-controls{grid-template-columns:1fr}
  .master-vu-console{grid-template-columns:1fr;min-height:0}
  .master-vu-gauge{min-height:135px}
  .master-vu-needle{height:84px}
}


/* AudioRAS PRO 2.7.11 — mixer com área real no desktop e transporte colado ao chão. */
@media(min-width:761px){
  html,body{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
  .app-shell{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;grid-template-rows:auto minmax(0,1fr) 66px!important;overflow:hidden!important}
  .transport-bar{grid-row:3!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:66px!important;min-height:66px!important;max-height:66px!important;margin:0!important;padding:5px 12px!important;align-self:end!important;z-index:300!important}
  .workspace{min-height:0!important;height:100%!important;overflow:hidden!important;grid-template-rows:minmax(115px,1fr) auto minmax(150px,var(--mixer-height))!important}
  .workspace.mixer-hidden{grid-template-rows:minmax(0,1fr) auto 0!important}
  .mixer-panel{height:var(--mixer-height)!important;min-height:150px!important;max-height:min(420px,62vh)!important;overflow:hidden!important}
  .mixer-host{height:100%!important;min-height:0!important;align-items:stretch!important}
  .mixer-strip{height:100%!important;min-height:0!important}
  .fader-area{min-height:74px!important}
  .arrange-panel{min-height:0!important}
  .timeline-scroller{height:100%!important;min-height:0!important}
}

/* AudioRAS PRO 2.7.34 — Pitch Shift + Time Stretch */
.pitch-tempo-stage{gap:14px!important}
.pitch-tempo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pitch-tempo-head>div{min-width:0}
.pitch-tempo-head h3{margin:0 0 6px!important}
.pitch-tempo-preview{width:150px;min-width:150px;height:44px!important}
.pitch-tempo-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.pitch-tempo-preset{height:36px;border:1px solid #515a5f;border-radius:7px;background:linear-gradient(180deg,#303638,#222729);color:#d9dfe1;font-size:9px;font-weight:900;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 2px 7px rgba(0,0,0,.22)}
.pitch-tempo-preset:hover{filter:brightness(1.12)}
.pitch-tempo-preset.featured{border-color:#887632;color:#f3dd79}
.pitch-tempo-preset.active{border-color:#e0bd32;color:#ffe674;background:linear-gradient(180deg,#47422c,#29271e)}
.pitch-tempo-dual{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pitch-tempo-control{border:1px solid #4c5659;border-radius:10px;background:linear-gradient(180deg,#202628,#171b1d);padding:14px;display:grid;gap:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.pitch-tempo-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f4f6f6;font-size:11px;font-weight:950;letter-spacing:.04em}
.pitch-tempo-label output{font-size:15px;color:#e8c53b;letter-spacing:0}
.pitch-tempo-control input[type=range]{width:100%;accent-color:#e1bd31;height:14px}
.pitch-tempo-scale{display:flex;justify-content:space-between;gap:8px;color:#778286;font-size:8px;font-weight:800;text-transform:uppercase}
.pitch-tempo-lock{justify-self:start;border:1px solid #385a50;border-radius:999px;padding:5px 9px;background:#182923;color:#8ed9be;font-size:8px;font-weight:900}
.pitch-tempo-readout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.pitch-tempo-readout-grid article{border:1px solid #454f52;border-radius:8px;background:#151a1c;padding:11px;display:grid;gap:5px;text-align:center}
.pitch-tempo-readout-grid span{font-size:8px;color:#7f8a8e;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.pitch-tempo-readout-grid b{font-size:14px;color:#f4f5f5}

@media(max-width:760px){
  .pitch-tempo-head{align-items:stretch;flex-direction:column}
  .pitch-tempo-preview{width:100%;min-width:0}
  .pitch-tempo-presets{grid-template-columns:1fr 1fr}
  .pitch-tempo-dual{grid-template-columns:1fr}
  .pitch-tempo-readout-grid{grid-template-columns:1fr 1fr 1fr}
  .pitch-tempo-readout-grid b{font-size:10px}
}

/* AudioRAS PRO 2.7.35 — Pitch & Velocidade seco */
.pitch-tempo-simple{max-width:none!important;padding:18px!important}
.pitch-tempo-simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.pitch-tempo-simple .pitch-tempo-control{min-height:170px;padding:18px;border-radius:14px;background:linear-gradient(180deg,#17191d,#0d0f12);border:1px solid #343943;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.22)}
.pitch-tempo-simple .pitch-tempo-label span{font-size:12px;letter-spacing:.09em;color:#cfd6df;font-weight:900}
.pitch-tempo-simple .pitch-tempo-label output{font-size:19px;color:#fff;font-weight:950}
.pitch-tempo-simple input[type="range"]{width:100%;margin:24px 0 10px}
.pitch-tempo-simple .pitch-tempo-scale{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:800;color:#858e9b}
.pitch-tempo-reset{display:block;margin:15px auto 0;min-width:58px;height:30px;border:1px solid #414854;border-radius:8px;background:#171b21;color:#dbe3ee;font-weight:900;cursor:pointer}
.pitch-tempo-reset:hover{background:#202630}
.pitch-tempo-dry-note{margin-top:12px;padding:9px 12px;text-align:center;border:1px solid #28303a;border-radius:9px;background:#0b0e12;color:#8e99a8;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.pitch-tempo-simple-grid{grid-template-columns:1fr}.pitch-tempo-simple{padding:12px!important}}


/* AudioRAS PRO 2.7.38 — Mix/Editor/Bibliotecas finalizados */
.voice-editor-tool{
  min-width:42px!important;
  padding:0 7px!important;
  color:#d9f5f2!important;
  border-color:#315e61!important;
  background:linear-gradient(180deg,#29494b,#1b2e30)!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.06em;
}
.clip-selection-marquee{
  position:absolute;
  z-index:120;
  pointer-events:none;
  border:1px solid rgba(85,218,232,.92);
  background:rgba(55,167,184,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 18px rgba(49,177,194,.16);
}
.clip.selected{
  outline:2px solid #eef7fb!important;
  outline-offset:-2px!important;
  z-index:8!important;
  filter:brightness(1.06) saturate(1.08)!important;
  box-shadow:inset 0 0 0 2px rgba(32,181,198,.84),0 0 0 1px #111,0 0 12px rgba(32,181,198,.42)!important;
}

.voice-editor-dialog{
  width:min(1280px,96vw)!important;
  max-width:none!important;
  height:min(840px,92vh)!important;
  max-height:92vh!important;
  overflow:hidden!important;
  background:#191b1d!important;
  border:1px solid #555d60!important;
  border-radius:8px!important;
  box-shadow:0 28px 100px rgba(0,0,0,.78)!important;
}
.voice-editor-dialog::backdrop{
  background:rgba(0,0,0,.82)!important;
  backdrop-filter:blur(3px)!important;
}
.voice-editor-shell{
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto auto minmax(260px,1fr) auto auto auto auto;
  gap:10px;
  padding:14px;
  background:linear-gradient(180deg,#202326,#16181a);
  color:#edf0f0;
}
.voice-editor-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid #3b4042;
  padding-bottom:10px;
}
.voice-editor-head small{
  color:#dfc85f;
  font-size:8px;
  font-weight:950;
  letter-spacing:.16em;
}
.voice-editor-head h2{
  margin:3px 0 2px!important;
  font-size:22px!important;
  line-height:1.1;
}
.voice-editor-head p{
  margin:0!important;
  color:#9fa6a8!important;
  font-size:10px!important;
}
.voice-editor-toolbar,
.voice-editor-actions,
.voice-editor-fx,
.voice-editor-foot,
.voice-editor-scroll-row{
  display:flex;
  align-items:center;
  gap:7px;
}
.voice-editor-toolbar{
  min-height:36px;
  padding:5px 7px;
  border:1px solid #3a3f41;
  border-radius:5px;
  background:#232628;
}
.voice-editor-toolbar button,
.voice-editor-actions button,
.voice-editor-fx button,
.voice-editor-foot button{
  border:1px solid #484e50;
  border-radius:4px;
  background:linear-gradient(180deg,#3b4042,#282c2e);
  color:#eef0f0;
  min-height:30px;
  padding:6px 10px;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.28);
}
.voice-editor-toolbar button:hover,
.voice-editor-actions button:hover,
.voice-editor-fx button:hover,
.voice-editor-foot button:hover{
  filter:brightness(1.13);
}
.voice-editor-toolbar .voice-editor-play{
  width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border-radius:50%;
  border-color:#4e7274;
  background:linear-gradient(180deg,#34585b,#223a3d);
  color:#fff;
  font-size:15px;
}
.voice-editor-toolbar .voice-editor-play.playing{
  border-color:#713438;
  background:linear-gradient(180deg,#7b3238,#4a2327);
  box-shadow:0 0 0 2px rgba(143,48,57,.15),0 0 13px rgba(172,45,58,.25);
}
.voice-editor-toolbar span{
  color:#bdc4c6;
  font-size:9px;
  font-weight:800;
}
.voice-editor-spacer{flex:1}
#voiceEditorSelectionLabel{
  max-width:48%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:right;
}
.voice-editor-wave-wrap{
  position:relative;
  min-height:260px;
  overflow:hidden;
  border:1px solid #42484a;
  border-radius:5px;
  background:#17191b;
  box-shadow:inset 0 0 0 1px #101112,inset 0 10px 35px rgba(0,0,0,.22);
}
#voiceEditorCanvas{
  display:block;
  width:100%;
  height:100%;
  min-height:260px;
  cursor:crosshair;
  touch-action:none;
}
.voice-editor-scroll-row{
  display:grid;
  grid-template-columns:78px minmax(0,1fr) 78px;
  gap:10px;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  color:#d9ddde;
  font-size:9px;
}
.voice-editor-scroll-row span:last-child{text-align:right}
#voiceEditorScroll{
  width:100%;
  accent-color:#5d9da0;
}
.voice-editor-actions{
  flex-wrap:wrap;
  padding-top:2px;
}
.voice-editor-actions button.danger{
  border-color:#693539;
  background:linear-gradient(180deg,#5f3135,#3b2326);
  color:#ffdfe1;
}
.voice-editor-fx{
  padding:8px;
  border:1px solid #383d3f;
  border-radius:5px;
  background:#1f2224;
}
.voice-editor-fx::before{
  content:"TRATAMENTO";
  color:#8f9799;
  font-size:7px;
  font-weight:950;
  letter-spacing:.14em;
  margin-right:4px;
}
.voice-editor-fx button{
  border-color:#4d4a35;
  color:#efe6b6;
  background:linear-gradient(180deg,#3f3d2f,#2d2c23);
}
.voice-editor-foot{
  justify-content:space-between;
  border-top:1px solid #373c3e;
  padding-top:9px;
}
.voice-editor-foot span{
  color:#979ea0;
  font-size:9px;
}
.voice-editor-foot .primary{
  min-width:100px;
  border-color:#3f7772;
  background:linear-gradient(180deg,#3f7f78,#28534e);
  color:#fff;
}

@media(max-width:760px){
  .voice-editor-dialog{
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
  }
  .voice-editor-shell{
    padding:8px;
    gap:7px;
    grid-template-rows:auto auto minmax(200px,1fr) auto auto auto auto;
  }
  .voice-editor-head h2{font-size:17px!important}
  .voice-editor-head p{display:none}
  .voice-editor-toolbar{overflow-x:auto}
  #voiceEditorSelectionLabel{display:none}
  .voice-editor-actions,
  .voice-editor-fx{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
  }
  .voice-editor-actions button,
  .voice-editor-fx button{
    white-space:nowrap;
    flex:0 0 auto;
  }
  .voice-editor-fx::before{display:none}
  .voice-editor-foot span{display:none}
  .voice-editor-foot{justify-content:flex-end}
  #voiceEditorCanvas{min-height:200px}
  .voice-editor-wave-wrap{min-height:200px}
}


/* 2.7.38 — Editor Vocal realmente em tela inteira no desktop */
.voice-editor-dialog{
  width:100vw!important;
  height:100dvh!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  margin:0!important;
  inset:0!important;
  border:0!important;
  border-radius:0!important;
}
.voice-editor-shell{
  padding:10px 12px!important;
  gap:7px!important;
  grid-template-rows:auto auto minmax(320px,1fr) auto auto auto auto!important;
}
.voice-editor-wave-wrap{
  min-height:320px!important;
  border-radius:2px!important;
}
#voiceEditorCanvas{min-height:320px!important}
#voiceEditorChannelLabel{
  min-width:72px;
  padding:3px 7px;
  border:1px solid #405052;
  border-radius:3px;
  background:#171b1c;
  color:#a8dcdf!important;
  text-align:center;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:8px!important;
  letter-spacing:.05em;
}
.voice-editor-fx{
  flex-wrap:wrap!important;
  max-height:92px;
  overflow:auto;
}
.voice-editor-fx button{
  min-height:27px!important;
  padding:5px 8px!important;
}
@media(min-width:761px){
  .voice-editor-head{padding-bottom:6px!important}
  .voice-editor-head p{font-size:9px!important}
  .voice-editor-actions{flex-wrap:wrap!important}
}


/* AudioRAS PRO 2.7.38 — Edit Audio estilo Sound Forge */
.voice-editor-tool{min-width:74px!important;padding:0 9px!important;font-size:8px!important;letter-spacing:.04em!important}
.voice-editor-shell{grid-template-rows:auto auto auto auto minmax(300px,1fr) auto auto auto!important}
.voice-editor-actions,.voice-editor-fx{flex-wrap:nowrap!important;overflow-x:auto!important;min-height:38px!important;padding:5px 7px!important;border:1px solid #373d3f!important;border-radius:3px!important;background:#1e2224!important}
.voice-editor-actions button{flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:31px!important;min-height:31px!important;padding:0!important;font-size:14px!important;font-weight:950!important}
.voice-editor-actions button[title*="Normalizar"]{font-size:8px!important}
.voice-editor-fx::before{content:"FX"!important;flex:0 0 auto!important;margin-right:4px!important;color:#9ca5a7!important}
.voice-editor-fx button{flex:0 0 auto!important;min-width:42px!important;height:29px!important;min-height:29px!important;padding:0 8px!important;font-size:8px!important;letter-spacing:.04em!important}
.voice-editor-wave-wrap{min-height:300px!important}
.voice-editor-vu{display:grid;grid-template-columns:28px minmax(0,1fr) 14px minmax(0,1fr) 14px 62px;align-items:center;gap:6px;min-height:30px;padding:5px 8px;border:1px solid #373d3f;border-radius:3px;background:#15191a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;color:#aeb7b9}
.voice-editor-vu-label{font-weight:950;color:#d8dedf}.voice-editor-vu-bar{height:10px;overflow:hidden;border-radius:2px;background:linear-gradient(90deg,#18201b,#222);box-shadow:inset 0 0 0 1px #313738}
.voice-editor-vu-bar i{display:block;width:0;height:100%;transition:width .045s linear;background:linear-gradient(90deg,#24a65a 0 65%,#d4ad31 65% 86%,#c63b43 86% 100%)}
#voiceEditorVuPeak{text-align:right;color:#d8dedf;font-weight:850}
.voice-editor-foot{min-height:34px!important;padding-top:5px!important}
@media(max-width:760px){.voice-editor-shell{grid-template-rows:auto auto auto auto minmax(210px,1fr) auto auto auto!important}.voice-editor-vu{grid-template-columns:24px minmax(0,1fr) 12px minmax(0,1fr) 12px 52px}.voice-editor-actions button{flex-basis:36px!important;width:36px!important;min-width:36px!important}}

/* AudioRAS PRO 1.0.0 — Edit Audio final: duas barras, VU lateral, temas */
.voice-editor-dialog{
  width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
  margin:0!important;border:0!important;border-radius:0!important;padding:0!important;background:#0d1011!important;overflow:hidden!important;
}
.voice-editor-dialog::backdrop{background:#060708!important}
.voice-editor-shell{
  --edit-bg:#15191a;--edit-panel:#202526;--edit-panel2:#171b1c;--edit-border:#3b4446;--edit-text:#edf2f2;--edit-muted:#94a0a3;
  width:100%;height:100dvh;box-sizing:border-box;padding:8px 10px;background:var(--edit-bg);color:var(--edit-text);
  display:grid!important;grid-template-rows:auto auto auto auto minmax(0,1fr) auto!important;gap:6px!important;overflow:hidden!important;
}
.voice-editor-dialog[data-edit-surface="light"] .voice-editor-shell{
  --edit-bg:#e8ebec;--edit-panel:#f7f8f8;--edit-panel2:#dfe3e4;--edit-border:#a8afb1;--edit-text:#182023;--edit-muted:#596568;
}
.voice-editor-head{display:grid!important;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:12px;padding:2px 2px 7px!important;border-bottom:1px solid var(--edit-border)!important;background:transparent!important}
.voice-editor-titlebox small{display:block;color:#c7a93c;font:800 8px/1.2 ui-monospace,monospace;letter-spacing:.13em}.voice-editor-titlebox h2{margin:2px 0 0!important;font-size:18px!important;line-height:1!important}.voice-editor-titlebox p{margin:3px 0 0!important;color:var(--edit-muted)!important;font-size:9px!important}
.voice-editor-head-actions{display:flex;align-items:center;gap:5px}.voice-head-icon,.voice-editor-ok{height:31px;min-width:34px;border:1px solid var(--edit-border);border-radius:5px;background:linear-gradient(180deg,#303638,#202526);color:#eef3f3;box-shadow:inset 0 1px 0 #ffffff12,0 2px 5px #0004;cursor:pointer}.voice-editor-dialog[data-edit-surface="light"] .voice-head-icon{background:linear-gradient(180deg,#fff,#dce1e2);color:#1d2527}.voice-head-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.voice-head-icon.folder{color:#e8bb36}.voice-head-icon.export{color:#f1cb4f}.voice-editor-ok{padding:0 12px!important;font-weight:950!important;background:linear-gradient(180deg,#53666d,#2a373c)!important}.voice-editor-themebar{display:flex;align-items:center;gap:5px;color:var(--edit-muted);font:800 7px/1 ui-monospace,monospace;letter-spacing:.08em}.voice-editor-themebar i{width:1px;height:18px;background:var(--edit-border);margin:0 3px}.edit-theme-dot,.edit-wave-dot{width:18px;height:18px;border-radius:4px;border:1px solid #697276;background:#161a1c;box-shadow:inset 0 1px 0 #fff2;cursor:pointer;padding:0!important}.edit-theme-dot.light{background:#f3f5f5}.edit-wave-dot.white{background:#eef4f4}.edit-wave-dot.red{background:#e54e58}.edit-wave-dot.yellow{background:#e5bc39}.edit-wave-dot.cyan{background:#48c8d8}.edit-theme-dot.active,.edit-wave-dot.active{outline:2px solid #e1bd45;outline-offset:1px}
.voice-editor-topline{display:flex;align-items:center;gap:4px;min-height:38px;padding:4px 5px;border:1px solid var(--edit-border);border-radius:5px;background:var(--edit-panel);overflow:hidden!important}.voice-editor-topline>button{flex:0 0 34px;width:34px;height:29px;min-height:29px;padding:0!important;border:1px solid #4a5457;border-radius:4px;background:linear-gradient(180deg,#31383a,#202527);color:#eef3f3;font-weight:900;box-shadow:inset 0 1px 0 #ffffff13,0 2px 4px #0004;cursor:pointer}.voice-editor-dialog[data-edit-surface="light"] .voice-editor-topline>button{background:linear-gradient(180deg,#fff,#d9ddde);color:#20282a;border-color:#a8b0b2}.voice-editor-topline>button:hover{filter:brightness(1.12)}.voice-editor-topline .voice-editor-play{background:linear-gradient(180deg,#29975e,#17683f)!important;border-color:#43b779!important;color:#fff!important;border-radius:50%!important;width:31px!important;flex-basis:31px!important}.voice-editor-topline .voice-editor-play.playing{background:linear-gradient(180deg,#c4474f,#7e2028)!important;border-color:#e1646d!important}.voice-zoom-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.fade-icon svg{width:23px;height:15px}.fade-icon svg path{fill:currentColor;stroke:none}.voice-editor-top-spacer{flex:1 1 auto}.voice-editor-chip{flex:0 0 auto;padding:5px 7px;border:1px solid var(--edit-border);border-radius:4px;background:var(--edit-panel2);color:var(--edit-muted);font:800 8px/1 ui-monospace,monospace}.voice-editor-fit{flex:0 0 42px!important;width:42px!important;color:#ffe184!important}
.voice-editor-fx{display:grid!important;grid-template-columns:repeat(11,minmax(0,1fr))!important;gap:5px!important;min-height:48px!important;padding:5px!important;border:1px solid var(--edit-border)!important;border-radius:5px!important;background:var(--edit-panel)!important;overflow:visible!important}.voice-editor-fx::before{display:none!important}.voice-editor-fx button{width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:3px 4px!important;display:grid!important;place-content:center!important;gap:1px!important;border:1px solid #4b5558!important;border-radius:5px!important;background:linear-gradient(180deg,#303739,#1e2325)!important;color:#edf2f2!important;box-shadow:inset 0 1px 0 #ffffff12,0 2px 4px #0004!important}.voice-editor-dialog[data-edit-surface="light"] .voice-editor-fx button{background:linear-gradient(180deg,#fff,#dce0e1)!important;color:#1f292b!important;border-color:#abb2b4!important}.voice-editor-fx button b{font-size:10px;line-height:1}.voice-editor-fx button small{font-size:6.5px;color:#9eaaad;line-height:1.1;white-space:nowrap}.voice-editor-dialog[data-edit-surface="light"] .voice-editor-fx button small{color:#687477}.voice-editor-meta{display:flex;justify-content:space-between;gap:12px;padding:1px 4px;color:var(--edit-muted);font:700 8px/1.2 ui-monospace,monospace;white-space:nowrap;overflow:hidden}.voice-editor-meta span{overflow:hidden;text-overflow:ellipsis}
.voice-editor-mainarea{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:7px;min-height:0;overflow:hidden}.voice-editor-wave-column{display:grid;grid-template-rows:minmax(0,1fr) 30px;min-width:0;min-height:0}.voice-editor-wave-wrap{min-height:0!important;height:100%!important;border:1px solid var(--edit-border)!important;border-radius:4px!important;background:#17191b!important;overflow:hidden!important}.voice-editor-wave-wrap canvas{display:block}.voice-editor-scroll-row{display:grid!important;grid-template-columns:78px minmax(0,1fr) 78px;align-items:center;gap:8px;padding:3px 4px!important;background:var(--edit-panel)!important;border:1px solid var(--edit-border)!important;border-top:0!important;border-radius:0 0 4px 4px!important;color:var(--edit-muted)!important;font:800 8px/1 ui-monospace,monospace}.voice-editor-scroll-row input{appearance:none;height:8px;border:1px solid #555e61;border-radius:1px;background:#111617;outline:none}.voice-editor-scroll-row input::-webkit-slider-thumb{appearance:none;width:36px;height:16px;border-radius:2px;border:1px solid #9ea6a8;background:linear-gradient(180deg,#d5d9da,#798285);box-shadow:0 1px 3px #0008;cursor:ew-resize}.voice-editor-scroll-row span:last-child{text-align:right}
.voice-editor-vu-side{position:relative;display:grid;grid-template-columns:28px 1fr 1fr;grid-template-rows:minmax(0,1fr) 22px;gap:5px;padding:9px 7px 5px;border:1px solid var(--edit-border);border-radius:5px;background:linear-gradient(180deg,#111617,#1b2022);min-height:0;overflow:hidden}.voice-editor-vu-scale{grid-row:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:1px 0 2px;color:#8e999c;font:700 7px/1 ui-monospace,monospace}.voice-vu-meter{grid-row:1;position:relative;overflow:hidden;border:1px solid #414a4d;border-radius:2px;background:repeating-linear-gradient(to top,#17201a 0 3px,#101512 3px 5px);box-shadow:inset 0 0 0 1px #0008}.voice-vu-meter i{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(to top,#21a757 0 62%,#d7ae31 62% 84%,#d43e48 84% 100%);transition:height .045s linear}.voice-vu-meter b{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);z-index:2;color:#fff;font:950 9px/1 ui-monospace,monospace;text-shadow:0 1px 2px #000}.voice-editor-vu-side output{grid-column:1/-1;grid-row:2;align-self:center;text-align:center;color:#e7eded;font:900 8px/1 ui-monospace,monospace}.voice-editor-foot{min-height:23px!important;padding:2px 4px!important;border-top:1px solid var(--edit-border)!important;color:var(--edit-muted)!important;font-size:7.5px!important}.voice-editor-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.standalone-edit-landing{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#263237 0,#0d1113 48%,#060809 100%);color:#eef3f3;font-family:Inter,system-ui,sans-serif}.standalone-edit-landing[hidden]{display:none!important}.standalone-edit-card{width:min(430px,calc(100vw - 34px));padding:34px;text-align:center;border:1px solid #465053;border-radius:16px;background:linear-gradient(180deg,#1f2629,#111618);box-shadow:0 30px 100px #000b}.standalone-edit-card img{width:76px;height:76px;object-fit:contain}.standalone-edit-card small{display:block;margin-top:15px;color:#c7ab45;font-weight:900;letter-spacing:.15em}.standalone-edit-card h1{margin:6px 0;font-size:34px}.standalone-edit-card p{color:#9eaaad}.standalone-edit-card button{margin-top:12px;padding:13px 24px;border:1px solid #d0af3a;border-radius:8px;background:linear-gradient(180deg,#ddbd48,#8c701d);color:#111;font-weight:950;cursor:pointer}.standalone-edit-mode .app-header,.standalone-edit-mode .workspace,.standalone-edit-mode .transport-bar{visibility:hidden!important}
/* Central FX: cards visuais em quatro colunas no desktop */
@media(min-width:900px){.fx-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.fx-hub-card{min-height:92px!important;padding:11px 12px!important;grid-template-columns:38px minmax(0,1fr) auto!important;grid-template-areas:"icon title led" "icon desc desc" "status readout readout"!important;column-gap:9px!important;row-gap:4px!important}.fx-hub-card .fx-hub-icon{grid-area:icon;width:34px;height:34px;align-self:start;display:grid;place-items:center;border:1px solid #596366;border-radius:7px;background:linear-gradient(180deg,#30383b,#171d1f);color:#d7c157;font:950 12px/1 ui-monospace,monospace;box-shadow:inset 0 1px 0 #fff2}.fx-hub-card strong{grid-area:title!important;font-size:13px!important;align-self:center}.fx-hub-card small{grid-area:desc!important;font-size:8px!important}.fx-hub-card .fx-hub-led{grid-area:led!important}.fx-hub-status{grid-area:status!important;font-size:7px!important;padding:3px 6px!important}.fx-hub-readout{grid-area:readout!important;font-size:8px!important;align-self:center!important}
@media(max-width:760px){.voice-editor-head{grid-template-columns:1fr auto}.voice-editor-themebar{display:none}.voice-editor-head-actions{grid-column:2}.voice-editor-titlebox p{display:none}.voice-editor-topline{overflow-x:auto!important}.voice-editor-fx{grid-template-columns:repeat(4,1fr)!important;overflow:auto!important}.voice-editor-mainarea{grid-template-columns:minmax(0,1fr) 62px}.voice-editor-vu-side{grid-template-columns:18px 1fr 1fr;padding:6px 4px}.voice-editor-shell{padding:5px!important}.voice-editor-meta span:last-child{display:none}}
.voice-head-icon.export{background:linear-gradient(180deg,#e8c64d,#9b7a18)!important;border-color:#e3c34a!important;color:#151513!important}.voice-head-icon.folder{background:linear-gradient(180deg,#3b3a2a,#252317)!important;border-color:#8a7430!important;color:#f0c94f!important}.fx-dry-stereo-readout{display:block;margin-top:12px;padding:9px 10px;border:1px solid #4d5659;border-radius:6px;background:#15191a;color:#e6d267;font:950 11px/1 ui-monospace,monospace;text-align:center}.dry-stereo-toggle button{min-width:140px!important}


/* ===== EDIT MASTER STANDALONE 1.0 ===== */
.standalone-edit-card{width:min(520px,calc(100vw - 30px));padding:38px 34px}
.standalone-edit-card img{display:none}
.standalone-edit-card:before{content:'EM';display:grid;place-items:center;width:82px;height:82px;margin:0 auto 12px;border-radius:22px;background:linear-gradient(145deg,#eef2f3,#6e777b 46%,#1b2022 47%,#090b0c);border:1px solid #788285;box-shadow:inset 0 1px 0 #fff8,0 14px 35px #0009;color:#fff;font:900 25px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;text-shadow:0 2px 4px #000}
.standalone-edit-card h1{font-size:40px;letter-spacing:-.035em}
.standalone-edit-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.standalone-edit-card .standalone-edit-actions button{margin-top:0;min-width:155px}
.standalone-edit-card .standalone-edit-actions .record{min-width:92px;background:linear-gradient(180deg,#5f2626,#2a1010);border-color:#8c4545;color:#ffecec}
.standalone-edit-card .standalone-edit-actions .record.recording{background:linear-gradient(180deg,#ef3434,#8a1010);border-color:#ff7474;box-shadow:0 0 0 3px #ff333322,0 0 22px #ff333344;animation:editMasterRecPulse 1s infinite}
.standalone-record-status{margin-top:13px;color:#849093;font-size:12px;letter-spacing:.03em}
@keyframes editMasterRecPulse{50%{filter:brightness(1.25)}}
.editmaster-dialog-title{min-width:0}.editmaster-dialog-title small{display:block;color:#b99b39;font-size:9px;font-weight:900;letter-spacing:.15em;margin-bottom:2px}.editmaster-dialog-title h2{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.voice-loop-btn.active{color:#f7d56c!important;border-color:#caa53b!important;background:linear-gradient(180deg,#4b4020,#25200f)!important;box-shadow:inset 0 1px 0 #fff2,0 0 12px #ddb83b33!important}
.standalone-edit-mode .editor-close-button{display:none!important}