/* Approved editor reference: sampled purple gradient, clear lavender details, black lower half. */
body.editor-active {
  --editor-base: #000;
  --editor-ink: #fcfaff;
  --editor-muted: #d2b9ee;
  --editor-icon: #e4c7fc;
  --editor-action: #dfc9fb;
  --editor-line: #b88beb;
  --editor-wash: #c2a6fa0a;
}
.editor-active .preview-stage {background:#17141f;}
.editor-active .device-island {display:none;}
.editor-active .preview-nav button.active {background:#a98ddd19;border-color:#b49ed14a;color:#eae0fc;}
.app:is([data-screen="edit"],[data-screen="effects"]) {
  color:var(--editor-ink);
  background-color:#000;
  background-image:url("assets/editor-amethyst-gradient.svg?v=1");
  background-size:100% 100%;
  background-position:top;
  background-repeat:no-repeat;
}
.editor-active .status-bar {height:38px;padding:5px 30px 0;color:#faf9ff;}
.editor-active .status-bar strong {font-size:16px;font-weight:600;}
.editor-active .editor-scrolled .status-bar {background:#09030ff2;backdrop-filter:blur(12px);}
.editor-active .home-indicator {width:130px;height:5px;bottom:9px;color:#fff;}
.editor-active #screen-root {height:100%;}
.editor-screen {
  --tag-backing:#dfff69;--tag-ambience:#8fd4ff;--tag-effect:#ffa8d4;--tag-combined:#ffcf8b;
  display:flex;flex-direction:column;height:100%;padding:40px 0 28px;
  background:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
}
.editor-screen .editor-header {flex:0 0 58px;height:58px;padding:0 18px 7px;}
.editor-screen .editor-header>.icon-button {width:36px;height:44px;color:var(--editor-icon);border:0;background:none;box-shadow:none;}
.editor-screen .editor-header>.icon-button .icon {width:24px;height:24px;stroke-width:1.7;}
.editor-screen .project-badge {display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;width:auto;max-width:calc(100% - 86px);height:auto;padding:0;background:none;box-shadow:none;border:0;}
.editor-screen .project-badge::before {display:none;}
.editor-screen .project-badge .editor-title-plate {display:flex;align-items:center;justify-content:center;max-width:100%;height:29px;padding:2px 11px 3px;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden;}
.editor-screen .project-badge .editor-title-text {display:block;min-width:0;margin:0;padding:0 2px;font-family:"Arial Black","Arial",sans-serif;font-size:21px;font-weight:900;font-style:normal;line-height:1.05;letter-spacing:-.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ead8fc;background:linear-gradient(100deg,#efe1ff 0%,#e5d1fb 52%,#e0c9fa 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:none;filter:none;}
.editor-screen .project-badge>span {font-size:15px;line-height:1.25;color:#d9c2f4;}
.editor-screen .clip-bin-button {right:49px;top:36px;color:var(--editor-icon);height:24px;}
.editor-screen .clip-bin-button small {background:#423459;color:#f2eaff;}
.editor-screen .wave-panel {
  flex:0 0 277px;height:277px;padding:13px 18px 0;margin:0;
  border:0;border-radius:0;background:none;box-shadow:none;
}
.editor-screen .wave-panel-top {height:22px;margin:0;align-items:center;gap:6px;}
.editor-screen .wave-primary-actions {gap:0;}
.editor-screen .wave-trim-toggle {font-size:14px;color:#faf9ff;margin:-11px 5px -11px -6px;padding:0 6px;gap:7px;}
.editor-screen .wave-trim-toggle .icon {width:20px;height:20px;color:var(--editor-icon);stroke-width:1.6;}
.editor-screen .wave-trim-toggle[aria-pressed="true"] {background:#b8a1e11a;box-shadow:inset 0 0 0 1px #c2ade73a;}
.editor-screen .wave-add-marker {font-size:14px;color:#faf9ff;padding:0 6px;gap:6px;position:relative;}
.editor-screen .wave-add-marker:before {content:"";width:1px;height:17px;background:#baabd357;margin-right:7px;}
.editor-screen .wave-add-marker .icon {width:19px;height:19px;color:var(--editor-icon);stroke-width:1.6;}
.editor-screen .wave-marker-count {width:23px;color:var(--editor-muted);font-size:9px;}
.editor-screen .wave-marker-count span {min-width:16px;height:16px;border-color:#bdacd22d;}
.editor-screen .wave-panel-top>span[data-selection-count] {font-size:13px;font-weight:400;}
.editor-screen .wave-annotation {--tag-color:var(--editor-action);top:58px;display:flex;align-items:center;gap:6px;width:max-content;min-width:0;max-width:calc(100% - 24px);height:24px;box-sizing:border-box;padding:0 9px;font-size:10px;line-height:1;font-weight:650;letter-spacing:0;border:0;border-radius:6px;background:var(--tag-color);color:#21172e;box-shadow:0 2px 8px #0002;white-space:nowrap;}
.editor-screen .wave-annotation [data-selection-range] {flex:none;font-variant-numeric:tabular-nums;}
.editor-screen .wave-annotation .annotation-divider {flex:none;opacity:.55;}
.editor-screen .wave-annotation [data-selection-backing] {min-width:0;font:inherit;color:inherit;overflow:hidden;text-overflow:ellipsis;}
.editor-screen .wave-annotation::before {content:"";position:absolute;inset:-10px 0;}
.editor-screen .wave-annotation::after {display:block;left:var(--annotation-anchor,50%);top:100%;width:1.5px;height:var(--annotation-stem,42px);transform:translateX(-50%);background:var(--tag-color);pointer-events:none;}
.editor-screen .wave-annotation .annotation-dot {display:block;left:var(--annotation-anchor,50%);top:calc(100% + var(--annotation-stem,42px) - 3px);bottom:auto;width:6px;height:6px;background:var(--tag-color);pointer-events:none;}
.editor-screen .wave-annotation.offscreen::after,.editor-screen .wave-annotation.offscreen .annotation-dot {display:none;}
.editor-screen .wave-annotation .selection-return-hint {margin:0;min-width:0;font:inherit;color:inherit;overflow:hidden;text-overflow:ellipsis;}
.editor-screen .wave-annotation:has(.selection-return-hint:not([hidden])) [data-selection-backing] {display:none;}
.editor-screen .wave-panel.collapsed .wave-annotation {display:none;}
.editor-screen .wave-area {top:129px;height:101px;left:12px;right:12px;border-radius:0;background:none;padding:0;}
.editor-screen .wave-content {background:none;border-radius:0;}
.editor-screen .fine-waveform line {stroke:#c19afa;stroke-width:1.25;}
.editor-screen .fine-waveform line.selected {stroke:#fff;filter:drop-shadow(0 0 1.6px #d6b4ff85);}
.editor-screen .audio-section .wave-bar {background:#a879d8;box-shadow:none;}
.editor-screen .audio-section.selected .wave-bar {background:#e5d0ff;box-shadow:0 0 7px #c99eff28;}
.editor-screen .audio-section.fx-target {background:#c3a7ff44;box-shadow:0 0 0 1px #f4ebff;}
.editor-screen .selection-window,.editor-screen.is-selecting .selection-window {border-color:#eee3ff;background:#b59ce114;}
.editor-screen .trim-mode .wave-content {background:#9d83c20a;box-shadow:none;border-radius:0;}
.editor-screen .trim-mode .selection-window {border-top:0;border-bottom:0;border-radius:0;background:#baa5dc12;}
.editor-screen .selection-shade {background:#100d184d;}
.editor-screen .selection-handle:before {left:21px;width:2px;border-radius:2px;background:#fbf7ff;box-shadow:none;}
.editor-screen .selection-handle:after {left:18px;top:-5px;transform:none;width:8px;height:8px;border:0;border-radius:50%;background:#fff;box-shadow:none;}
.selection-guides {position:absolute;inset:0;pointer-events:none;z-index:4;}
.selection-guides>i {position:absolute;top:0;bottom:0;width:0;border-left:1px solid #e2d8f460;}
.selection-guide-start {left:calc(100% * var(--selection-start));}
.selection-guide-end {left:calc(100% * var(--selection-end));}
.selection-guides>i:before,.selection-guides>i:after {display:none;}
.selection-guides>i[hidden],.trim-mode .selection-guides,.collapsed .selection-guides {display:none;}
.editor-screen .wave-play-position {background:#f5efff85;}
.editor-screen .wave-play-position:before {border-top-color:#f4ebff;}
.editor-screen .wave-time {display:none;}
.editor-screen .wave-zoom-controls {bottom:0;left:15px;right:15px;height:36px;}
.editor-screen .wave-zoom-controls button {height:36px;width:40px;color:var(--editor-icon);border:0;background:none;box-shadow:none;display:grid;place-items:center;}
.editor-screen .wave-zoom-controls .icon {width:22px;height:22px;stroke-width:1.65;}
.editor-screen .wave-zoom-controls button:disabled {opacity:.42;}
.editor-screen .wave-zoom-controls .wave-view-label {left:50%;right:auto;transform:translateX(-50%);width:130px;font-size:13px;color:#e0c9f7;}
.editor-screen .selection-hint {display:none;}
.editor-screen .wave-cue>i {border-color:#ac96ce68;}
.editor-screen .wave-cue>button {color:var(--editor-icon);}
.editor-screen .wave-cue>button:before {background:#201a2fe8;border-color:#ba9fd53d;}
.editor-screen .wave-cue .icon {fill:none;filter:none;}
.editor-screen .wave-cue small {text-shadow:none;}
.editor-screen .wave-cue.is-current>button {color:#f7eeff;}
.editor-screen .overview-marker {color:#b09bd0;}
.editor-screen .overview-marker .icon {fill:none;}
.editor-screen .timeline-zone {flex:0 0 68px;height:68px;padding:10px 18px 0;}
.editor-screen .timeline {height:24px;padding:4px 5px;gap:5px;background:#ad98c10c;border:1px solid #b49cca2a;border-radius:8px;}
.editor-screen .timeline i {height:12px;background:#78529d;box-shadow:none;border-radius:4px;}
.editor-screen .timeline i.mini-selected {background:#b384db;}
.editor-screen .timeline-selection {border:1px solid #ecdaffcc;border-radius:4px;top:4px;bottom:4px;background:#d5adff9c;box-shadow:0 0 8px #c08afb38;}
.editor-screen .playhead {height:31px;top:-4px;width:4px;background:#fff;box-shadow:none;}
.editor-screen .timeline-times {font-size:13px;color:#f4edf9;margin-top:6px;}
.editor-screen .timeline-markers {top:-10px;left:18px;right:18px;}
.editor-screen .timeline-changes {top:36px;left:18px;right:18px;}
.editor-screen .editor-activity-status {top:34px;height:29px;width:170px;gap:6px;color:#eee5f8;}
.editor-screen .editor-activity-status>.icon {width:17px;height:17px;color:var(--editor-icon);}
.editor-screen .editor-activity-status strong {font-size:13px;line-height:16px;}
.editor-screen .editor-activity-status small {font-size:9px;color:#c3b1dc;}
.editor-screen .editor-activity-status.is-complete {background:#ad95d10b;}
.editor-screen .clip-undo {top:35px;right:55px;color:var(--editor-muted);font-size:10px;}
.editor-screen .editor-activity-status.has-clip-undo {width:140px;left:calc(50% - 18px);}
.editor-screen .tool-panel,.editor-screen.is-selecting .tool-panel {
  flex:1 0 324px;min-height:324px;height:auto;margin:0 27px;
  background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;
}
.editor-screen .tool-panel:has(.audio-edit-page) {flex-basis:auto;}
.editor-screen .audio-edit-page {height:auto;padding:4px 0 0;}
.ai-request-preview {
  --insight-fade:linear-gradient(to bottom,rgba(0,0,0,.12) 0%,rgba(0,0,0,.28) 22%,rgba(0,0,0,.5) 43%,rgba(0,0,0,.8) 61%,#000 calc(100% - 42px),#000 calc(100% - 24px),rgba(0,0,0,.6) 100%);
  height:130px;min-height:0;margin:0 3px 10px;padding:2px 9px 6px 0;
  overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;text-align:left;
  scrollbar-width:thin;scrollbar-color:#8a75994d transparent;
  -webkit-mask-image:var(--insight-fade);mask-image:var(--insight-fade);
}
.ai-request-preview::-webkit-scrollbar {width:3px;}
.ai-request-preview::-webkit-scrollbar-thumb {border-radius:3px;background:#8a75994d;}
.ai-request-preview:focus-visible {outline:1px solid #c7b2df80;outline-offset:5px;border-radius:3px;}
.edit-insight-entry {display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0;margin:0 0 16px;}
.edit-insight-entry:last-child {margin-bottom:0;}
.edit-insight-label {display:flex;align-items:center;gap:6px;font-size:10px;line-height:14px;font-weight:400;letter-spacing:.2px;color:#b09bc8;}
.edit-insight-label>.icon {width:13px;height:13px;color:#cba6f3;stroke-width:1.6;}
.ai-request-preview .edit-insight-copy {width:100%;margin:0;font-size:18px;line-height:1.85;font-weight:450;letter-spacing:-.2px;color:#ece1fc;white-space:pre-line;overflow-wrap:anywhere;text-wrap:pretty;}
.edit-action {--action-bg:#31223f;--action-ink:#dec3fb;--action-icon:#bc88ed;display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 7px 2px 4px;margin:0 1px;border:0;border-radius:12px;background:var(--action-bg);color:var(--action-ink);font-size:15px;line-height:1.35;font-weight:650;letter-spacing:-.15px;vertical-align:baseline;text-decoration:none;}
.edit-action>span:last-child {min-width:0;overflow-wrap:anywhere;}
.edit-action-icon {display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;flex:none;border-radius:50%;color:var(--action-icon);background:#ffffff09;}
.edit-action-icon>.icon {width:14px;height:14px;stroke-width:1.9;}
.edit-action--backing {--action-bg:#43291f;--action-ink:#ffc9ae;--action-icon:#ff9b6d;}
.edit-action--rain,.edit-action--ambience {--action-bg:#19374a;--action-ink:#afe0fc;--action-icon:#66bff0;}
.edit-action--marker {--action-bg:#193b2c;--action-ink:#ace5bf;--action-icon:#67d88e;}
.edit-action--clip,.edit-action--effect,.edit-action--fade {--action-bg:linear-gradient(110deg,#6a3158,#432039);--action-ink:#f7b0e4;--action-icon:#f0a1d7;}
.edit-action--undo {--action-bg:#303039;--action-ink:#d4cfdf;--action-icon:#b3a8c4;}
button.edit-action:hover {filter:brightness(1.2);}
button.edit-action {cursor:pointer;}
button.edit-action:is(.is-located,:focus-visible) {outline:1.5px solid #dfc9fb;outline-offset:2px;}
.edit-insight-hint {font-size:10px;line-height:1.4;color:#877d96;}
.editor-screen .audio-edit-heading,.editor-screen .selection-context {margin-left:13px;margin-right:13px;}
.editor-screen .panel-title {font-size:23px;line-height:1.1;letter-spacing:-.5px;font-weight:730;color:#faf9ff;}
.editor-screen .ai-demo-label {font-size:12px;color:#e2d9ed;}
.editor-screen .selection-context {font-size:14px;line-height:1.4;margin-top:7px;letter-spacing:0;white-space:normal;color:#eae4f1;}
.editor-screen .voice-control {margin-top:22px;gap:10px;color:#faf9ff;}
.editor-screen .mic-button {width:104px;height:54px;padding:2px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;background:none;box-shadow:none;color:#ece3f8;}
.editor-screen .voice-entry-symbol {width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:50%;background:radial-gradient(circle at 28% 20%,#f5edff16,transparent 70%),linear-gradient(145deg,#34303b,#201c27);box-shadow:inset 0 1px 1px #ffffff12,0 2px 8px #00000030;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.editor-screen .mic-button .icon {width:19px;height:19px;color:inherit;stroke-width:1.65;filter:none;}
.editor-screen .voice-entry-label {font-size:9px;line-height:12px;font-weight:650;letter-spacing:1.15px;white-space:nowrap;color:inherit;}
.editor-screen .mic-button:hover {background:none;box-shadow:none;color:#fff;}
.editor-screen .mic-button:hover .voice-entry-symbol {background:radial-gradient(circle at 28% 20%,#f5edff20,transparent 70%),linear-gradient(145deg,#ded3f13b,#ab97c228);}
.ai-inline-form {margin-top:0;}
.ai-input-capsule {height:43px;border:1px solid #b88beb;border-radius:24px;background:linear-gradient(110deg,#b487ed0a,#b487ed17);display:flex;align-items:center;padding:0 9px 0 14px;gap:8px;transition:border-color 150ms,background 150ms;}
.ai-input-capsule:focus-within {border-color:#d6b3ff;background:#b9a1d80a;}
.ai-input-capsule input {flex:1;width:0;min-width:0;height:100%;padding:0;border:0;outline:0;background:none;color:#fcfaff;font:inherit;font-size:13px;}
.ai-input-capsule input::placeholder {color:#c0aacd;opacity:1;}
.ai-input-submit {width:28px;height:36px;flex:none;display:grid;place-items:center;color:#21172e;}
.ai-input-submit .icon {width:19px;height:19px;padding:2px;border-radius:50%;background:var(--editor-action);stroke-width:2;}
.ai-prompt-chips {display:flex;align-items:center;gap:7px;min-height:34px;margin-top:9px;padding:3px;overflow-x:auto;scrollbar-width:none;}
.ai-prompt-chips::-webkit-scrollbar {display:none;}
.ai-prompt-chips button {height:28px;flex:0 0 auto;min-width:0;padding:0 11px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff0d;border-radius:999px;background:#2d2b30;color:#fcfaff;white-space:nowrap;font-size:12px;font-weight:600;line-height:1;box-shadow:inset 0 1px 0 #ffffff05;}
.ai-prompt-chips button.ai-prompt-icon {width:28px;padding:0;border-radius:50%;}
.ai-prompt-chips .icon {width:15px;height:15px;flex:none;color:inherit;stroke-width:1.7;}
.ai-prompt-chips button:hover {background:#3b383f;color:#f4f1f7;}
.ai-prompt-chips button:active {background:#47434c;}
.ai-prompt-chips button:focus-visible {outline:2px solid var(--editor-action);outline-offset:1px;}
.ai-inline-error {font-size:11px;line-height:1.5;color:#e6c7e8;margin:10px 3px 0;}
.ai-inline-error[hidden] {display:none;}
.editor-screen .editor-footer {height:31px;flex:0 0 31px;margin-top:auto;}
.editor-screen .pagination {gap:4px;height:31px;}
.editor-screen .pagination button {height:31px;width:15px;}
.editor-screen .pagination button::after {width:7px;height:7px;background:#a99bb34d;box-shadow:none;}
.editor-screen .pagination button.active {width:29px;}
.editor-screen .pagination button.active::after {width:25px;height:5px;background:#fff;}
.editor-screen .region-label-toggle {display:none;}
.editor-screen .wave-panel.collapsed {height:176px;flex-basis:176px;}
.editor-screen .wave-panel.collapsed .wave-area {top:46px;height:85px;}
.editor-screen .wave-panel.collapsed .wave-zoom-controls {bottom:0;}
.editor-screen .wave-panel.collapsed + .timeline-zone + .tool-panel {margin-top:0;}
.editor-screen :is(button,[role="slider"],input):focus-visible {outline:2px solid #d3bdf5;outline-offset:3px;}
.editor-screen .ai-input-capsule input:focus-visible {outline:none;}
/* Color shared interaction states without changing the audio/selection model. */
.editor-screen .wave-all-changes {color:#d2c0ec;}
.editor-screen .wave-change {--tag-color:var(--tag-backing);color:var(--tag-color);}
.editor-screen .wave-change.ambience {--tag-color:var(--tag-ambience);}
.editor-screen .wave-change.combined {--tag-color:var(--tag-combined);}
.editor-screen :is(.wave-fx-range,.wave-fx-change) {--tag-color:var(--tag-effect);color:var(--tag-color);}
.editor-screen .wave-change:after {top:3px;bottom:auto;background:var(--tag-color);box-shadow:none;}
.editor-screen .wave-change>span {margin:8px auto 0;}
.editor-screen .timeline-changes .overview-change {background:var(--tag-backing);box-shadow:none;}
.editor-screen .timeline-changes .overview-change.has-ambience {background:var(--tag-ambience);}
.editor-screen :is(.wave-change>span,.wave-fx-change>span,.wave-fx-range>span) {background:var(--tag-color);border-color:transparent;color:#192014;border-radius:4px;}
.editor-screen .wave-fx-range:before {background:#ffa8d414;border-color:#ffa8d466;}
.editor-screen .wave-feedback-layer>i {background:#c4a6fc1f;border-color:#e6d5ff99;box-shadow:none;}
.editor-screen .effects-page {padding:25px 0 0;}
.editor-screen .effects-top .panel-title {font-size:22px;}
.editor-screen .effect-search {background:#b7a0d40a;border-color:var(--editor-line);color:var(--editor-muted);}
.editor-screen .effect-search input::placeholder {color:#a99cba;}
.editor-screen .genre-chips button {background:#ac95c709;border-color:#a892c23d;color:#c6b8d9;}
.editor-screen .genre-chips button.active {background:#b49ad329;border-color:#c3a8e582;color:#fff;}
.editor-screen :is(.library-context .panel-subtitle,.fx-page-controls,.fx-multi-toggle,.effect-batch-bar>span) {color:#c6b8d9;}
.editor-screen .effect-batch-bar {background:#211b31ed;border-color:#b49ccb66;}
.editor-screen .effect-card {background:linear-gradient(145deg,#a18ac8,#423451 60%,#1a1624);border-color:#c6addc65;box-shadow:inset 0 1px 1px #e9d4ff22;}
.editor-screen .effect-card:nth-child(2) {background:linear-gradient(145deg,#8971b4,#33263e 60%,#16131c);}
.editor-screen .effect-card:nth-child(3) {background:linear-gradient(145deg,#bb9eda,#4b3860 60%,#1c1427);}
.editor-screen .effect-glyph {color:#d1b6ed;text-shadow:0 1px 1px #eadbff66,2px 2px 0 #5b436e;}
.editor-screen .effect-card.is-picked {box-shadow:inset 0 0 0 2px #dbc2fb;}
/* Sheets inherit the accepted palette, while home/canvas sheets stay unchanged. */
.editor-active .sheet.dark {background:linear-gradient(150deg,#2d243e,#19151f);border-color:#bba3d936;color:#f2ecfa;}
.editor-active .sheet.dark :is(label,.sheet-note,.ai-input-note,.ai-input-limit,.marker-empty,.marker-list-jump small,.audio-change-row small,.activity-row small,.activity-row p,.activity-row time) {color:#b9aacb;}
.editor-active .sheet.dark :is(input[type="text"],textarea,.fx-time-fields input) {background:#15111fd4;border-color:#b39ac64d;color:#f7f0ff;}
.editor-active .sheet.dark :is(.sheet-option,.voice-demo,.voice-examples button,.ai-entry-tabs button,.fx-placement-modes,.marker-list-row,.audio-change-row) {background:#b9a0d809;border-color:#b39ac642;color:#d4c4e7;}
.editor-active .sheet.dark :is(.ai-entry-tabs button[aria-pressed="true"],.sheet-option.active,.fx-placement-modes button[aria-pressed="true"]) {background:#a48ac326;border-color:#c9b1e580;color:#fff;box-shadow:none;}
.editor-active .sheet.dark .sheet-action {background:#c4afe3;color:#201629;}
.editor-active .sheet.dark .sheet-action.secondary {background:#473759;color:#e7d7f9;}
.editor-active .sheet.dark :is(.marker-restore,.marker-delete,.placed-fx-edit,.marker-list-edit,.activity-row>button,.fx-placement-shortcuts button,.range-labels-sheet,.clip-bin-row small,.clip-bin-row>button) {color:#c0abd7;}
.editor-active .sheet.dark :is(.activity-row strong,.fx-placement-summary) {color:#f0e6fc;}
.editor-active .sheet.dark .field-error {color:#e7b8d4;}
.editor-active .sheet.dark .backing-slider {accent-color:#bea2e1;}
.ai-sheet-actions {display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:8px;border-top:1px solid #b7a0cd26;}
.ai-sheet-actions button {min-height:38px;min-width:40px;display:flex;align-items:center;justify-content:center;gap:7px;color:#c6b2dc;font-size:12px;}
.ai-sheet-actions .icon {width:19px;height:19px;}
.ai-sheet-actions button:disabled {opacity:.35;}
.editor-active .toast {background:#372a49;color:#f6eeff;border-color:#b7a0cc4d;}
@media (max-width:580px) {
  .editor-active .preview-stage {padding:0;background:#17141f;}
  .editor-active .device-wrap {width:100%!important;height:100dvh!important;overflow:hidden;}
  .editor-active .app {width:100%;border-radius:0;}
  .editor-active .device {padding:0;border:0;outline:0;border-radius:0;box-shadow:none;}
  .editor-active .device:before,.editor-active .device:after {display:none;}
  .editor-active .home-indicator {position:absolute;}
}
@media (max-width:360px) {
  .editor-screen .tool-panel {margin:0 20px;}
  .editor-screen .audio-edit-heading,.editor-screen .selection-context {margin-left:6px;margin-right:6px;}
  .editor-screen .wave-panel {padding-left:14px;padding-right:14px;}
  .editor-screen .wave-trim-toggle,.editor-screen .wave-add-marker {font-size:13px;}
  .editor-screen .wave-panel-top>span[data-selection-count] {font-size:11px;}
  .ai-prompt-chips {gap:5px;}
  .ai-prompt-chips button {font-size:11px;padding:0 10px;}
}
@media (prefers-reduced-motion:reduce) {.ai-input-capsule {transition:none;}}

/* A multiline request error expands the tools instead of covering the pager. */
.editor-screen .tool-panel:has(.ai-inline-error:not([hidden])) {min-height:390px;}

/* Lavender identifies the current editing scope; colors classify saved adjustment tags only. */
.editor-screen {--selection-accent:var(--editor-action);}
.editor-screen .selection-link {display:flex;align-items:center;gap:9px;height:34px;box-sizing:border-box;margin:0 0 0;padding:0 3px;border-bottom:1px solid color-mix(in srgb,var(--selection-accent) 24%,transparent);color:var(--selection-accent);transition:background-color .18s,box-shadow .18s;}
.selection-link-label {display:flex;align-items:center;gap:5px;flex:none;font-size:10px;font-weight:500;}
.selection-link-label .icon {width:14px;height:14px;stroke-width:1.6;}
.selection-link strong {font-size:12px;line-height:1;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;}
.selection-link small {margin-left:auto;font-size:10px;color:color-mix(in srgb,var(--selection-accent) 65%,#a79dae);white-space:nowrap;}
.editor-screen .audio-section.selected .wave-bar {background:#e5d0ff;box-shadow:0 0 8px color-mix(in srgb,var(--selection-accent) 12%,transparent);}
.editor-screen .fine-waveform line.selected {stroke:var(--selection-accent);filter:none;}
.editor-screen .selection-guides>i {border-color:color-mix(in srgb,var(--selection-accent) 60%,transparent);}
.editor-screen .selection-handle:before,.editor-screen .selection-handle:after {background:var(--selection-accent);}
.editor-screen .selection-window,.editor-screen.is-selecting .selection-window {border-color:var(--selection-accent);background:color-mix(in srgb,var(--selection-accent) 6%,transparent);}
.editor-screen .timeline-selection {border-color:var(--selection-accent);background:color-mix(in srgb,var(--selection-accent) 45%,transparent);box-shadow:none;}
.editor-screen .ai-input-capsule {border-color:color-mix(in srgb,var(--selection-accent) 65%,transparent);}
.editor-screen .ai-input-capsule:focus-within {border-color:var(--selection-accent);background:color-mix(in srgb,var(--selection-accent) 4%,transparent);}
.editor-screen .ai-input-submit .icon {background:var(--selection-accent);color:#21172e;}
.editor-screen .voice-entry-symbol {color:var(--selection-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--selection-accent) 32%,transparent),0 2px 8px #0003;}
.editor-screen .ai-prompt-chips button:hover,.editor-screen .ai-prompt-chips button:focus-visible {border-color:var(--selection-accent);color:var(--selection-accent);}
.editor-screen .effect-card.is-picked {outline:1px solid var(--selection-accent);outline-offset:1px;}
.editor-screen .effect-batch-bar button:not(:disabled) {background:var(--selection-accent);color:#21172e;}
.editor-screen .effects-page {padding-top:12px;}
.editor-screen.is-selecting .selection-link,.editor-screen:has(.tool-panel:focus-within) .selection-link {background:color-mix(in srgb,var(--selection-accent) 7%,transparent);}
.editor-screen:has(.tool-panel:focus-within) .wave-annotation {box-shadow:0 0 0 3px color-mix(in srgb,var(--selection-accent) 18%,transparent);}
.editor-screen .wave-feedback-layer>i {border-color:var(--selection-accent);background:color-mix(in srgb,var(--selection-accent) 14%,transparent);}
.editor-screen.has-linked-result .selection-link {animation:selection-link-result 1.8s ease-out both;}
@keyframes selection-link-result {0%,20%{background:color-mix(in srgb,var(--selection-accent) 18%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--selection-accent) 12%,transparent);}100%{background:transparent;box-shadow:none;}}
@media(prefers-reduced-motion:reduce){.editor-screen .selection-link{transition:none;}.editor-screen.has-linked-result .selection-link{animation:none;background:color-mix(in srgb,var(--selection-accent) 10%,transparent);}}

/* A click is a tenth-second cursor; ranges are created by dragging. */
.editor-screen.is-point-target :is(.selection-guides,.selection-window,.selection-shade,.timeline-selection) {display:none;}
.editor-screen.is-point-target .wave-play-position {width:1.5px;background:#eee3ff;}
.position-nudges {display:flex;align-items:center;gap:2px;flex:none;}
.position-nudges[hidden] {display:none;}
.position-nudges button {display:grid;place-items:center;width:28px;height:32px;border-radius:8px;color:var(--selection-accent);background:#dfc9fb0a;}
.position-nudges .icon {width:13px;height:13px;}
.position-nudges button:hover {background:#dfc9fb20;}
.editor-screen.is-point-target .selection-link {gap:7px;}
.effect-drop-position {position:absolute;top:0;bottom:0;width:1.5px;background:#ffa8d4;pointer-events:none;z-index:12;}
.effect-drop-position[hidden] {display:none;}
.effect-drop-position small {position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);padding:3px 5px;border-radius:4px;background:#ffa8d4;color:#21172e;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;}

/* Marker inspection stays inside the existing editing description. */
.ai-request-preview.has-located-change {--insight-fade:linear-gradient(#000 0%,#000 calc(100% - 12px),transparent 100%);}
.located-edit-entry {padding:2px 0 8px;border-bottom:1px solid #dfc9fb24;}
.located-edit-entry .edit-insight-label {color:#dfc9fb;}
.located-edit-entry .edit-insight-copy {font-size:17px;line-height:1.7;}
.located-edit-entry .edit-insight-hint {color:#b9a8ca;}
.editor-screen :is(.wave-change,.wave-fx-range,.wave-fx-change).is-located>span {box-shadow:0 0 0 2px #f0e4ff,0 0 11px #dfc9fb45;}
.editor-screen .wave-change.is-located:after {height:3px;}