/* A-MIXER editor 5.1 — focused catalog/workspace shell */
.ui-icon{display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[data-editor-panel][hidden],.editor-tool-card__panel[hidden]{display:none!important}

.v43-studio{--editor-panel:#061426;--editor-panel-raised:#091a2f;--editor-line:rgba(65,125,169,.34);--editor-line-active:rgba(96,165,250,.58);grid-template-columns:minmax(0,1fr) 326px;align-items:start}
.v43-main{min-height:0!important;align-content:start;grid-auto-rows:max-content}
.editor-commandbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;padding:17px 20px;border:1px solid var(--editor-line);border-radius:16px;background:linear-gradient(135deg,rgba(6,20,38,.99),rgba(8,29,50,.96));box-shadow:0 18px 50px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.02)}
.editor-commandbar__identity{min-width:0}
.editor-commandbar__identity .eyebrow{margin-bottom:6px}
.editor-commandbar__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.editor-commandbar h1{margin:0;font-size:clamp(24px,3vw,32px);letter-spacing:-.025em}
.editor-commandbar p{margin:7px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.editor-save-state{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font-size:14px;font-weight:700;white-space:nowrap}
.editor-save-state__dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}
.editor-save-state.is-dirty,.editor-save-state.is-saving{color:#ffd083;border-color:rgba(255,208,131,.28)}
.editor-save-state.is-auto-saved,.editor-save-state.is-manual-saved{color:#5be7c4;border-color:rgba(91,231,196,.28)}
.editor-save-state.is-error{color:#ff9eaa;border-color:rgba(255,112,126,.32)}
.editor-mode-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;min-width:330px;padding:4px;border:1px solid var(--editor-line);border-radius:11px;background:rgba(2,10,22,.7)}
.editor-mode-tabs button{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}
.editor-mode-tabs button>span{min-width:0;white-space:nowrap}
.editor-mode-tabs button:hover{color:var(--text);background:rgba(255,255,255,.035)}
.editor-mode-tabs button.is-active{border-color:var(--editor-line-active);background:linear-gradient(180deg,rgba(59,130,246,.15),rgba(37,99,235,.08));color:var(--accent-blue);box-shadow:inset 0 -2px 0 var(--accent)}
.editor-mode-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.editor-mode-tabs b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.08);font-size:13px}
.editor-mode-tabs .ui-icon{width:18px;height:18px}

.editor-panel{min-width:0;animation:editor-panel-in .18s ease-out}
@keyframes editor-panel-in{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
.v43-library,.v43-active-section,.v43-player,.v43-side-card{border-color:var(--editor-line);border-radius:16px;background:linear-gradient(145deg,rgba(6,20,38,.98),rgba(5,18,34,.96));box-shadow:0 18px 50px rgba(0,0,0,.24)}
.v43-section-head{border-bottom-color:rgba(65,125,169,.24)}
.v43-library-layout{grid-template-columns:244px minmax(0,1fr)}
.v43-tree{padding:12px;border-right-color:rgba(65,125,169,.25);background:linear-gradient(180deg,rgba(4,15,29,.72),rgba(5,20,35,.5))}
.v43-tree-group{padding:3px 0}
.v43-tree-root{min-height:43px;padding:8px 9px;font-size:14px;font-weight:720}
.v43-tree-children{gap:2px;padding:2px 0 7px 27px}
.v43-tree-leaf{min-height:38px;padding:8px 10px;font-size:12px}
.v43-tree-root:hover,.v43-tree-leaf:hover,.v43-tree-leaf.is-active{background:rgba(59,130,246,.09);color:#93c5fd}
.v441-tree-favorites{min-height:44px!important;padding:5px 8px!important;border-color:transparent!important;background:transparent!important;color:#dceef2!important;font-size:16px}
.v441-tree-favorites:hover{border-color:rgba(255,123,156,.3)!important;background:rgba(255,123,156,.08)!important;color:#ff9db5!important}
.v441-tree-icon{width:30px;height:30px;border:0;background:rgba(255,105,140,.1)}
.v43-library-content{padding:16px}
.v43-pane-intro{margin:-4px 0 16px;color:var(--muted);font-size:15px;line-height:1.55}
.v44-library-sound{padding:15px;gap:12px;border-color:rgba(65,125,169,.28);border-radius:13px;background:linear-gradient(145deg,rgba(8,27,48,.96),rgba(5,18,34,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
.v44-library-sound:hover{border-color:rgba(96,165,250,.44);background:linear-gradient(145deg,rgba(9,31,59,.98),rgba(5,18,38,.98))}
.v44-library-sound.is-in-workspace{border-color:var(--sound-accent,var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--sound-accent,var(--accent)) 22%,transparent)}
.v44-library-sound__identity strong{font-size:15px}
.v44-sound-duration{color:#8ea7c4;font-size:.82em;font-weight:700;white-space:nowrap}
.v44-library-sound__identity small{font-size:15px}
.v44-library-sound,.v44-library-sound__identity>div{min-width:0}
.v44-library-sound__identity strong{overflow-wrap:anywhere}
.v44-library-sound__icon{width:42px;height:42px;flex-basis:42px;border-radius:12px}
.v44-favorite{display:grid;place-items:center}
.v44-favorite .ui-icon{width:17px;height:17px}
.v44-favorite.is-favorite .ui-icon{fill:currentColor}
.v44-preview-button,.v44-add-button{gap:7px!important;border-color:rgba(65,125,169,.34)!important;background:rgba(5,17,32,.62)!important;font-size:12px}
.v44-add-button{border-color:rgba(96,165,250,.42)!important;color:#93c5fd!important}.v44-add-button:hover{background:rgba(59,130,246,.1)!important}

.editor-workspace-empty{min-height:280px;display:flex;align-items:center;justify-content:center;gap:18px;padding:35px;text-align:left;color:var(--muted)}
.editor-workspace-empty>.ui-icon{width:50px;height:50px;padding:12px;border:1px solid rgba(96,165,250,.32);border-radius:14px;background:rgba(59,130,246,.075);color:var(--accent-blue)}
.editor-workspace-empty strong{display:block;color:var(--text);font-size:18px}
.editor-workspace-empty p{max-width:560px;margin:7px 0 14px;line-height:1.55}
.editor-workspace-empty button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(96,165,250,.42);border-radius:10px;background:rgba(59,130,246,.09);color:var(--accent-blue);font-weight:700;cursor:pointer}
.editor-workspace-empty button .ui-icon{width:17px;height:17px}
.v44-workspace-row .v43-active-main{grid-template-columns:44px minmax(150px,1fr) 42px 42px minmax(140px,230px) 48px 132px!important}
.v43-active-row{overflow:visible!important}
.v43-active-row:hover,.v43-active-row:focus-within{position:relative;z-index:20}
.v43-active-row>.v43-active-main{border-radius:14px}
.v43-channel-pause,.v43-channel-remove{padding:0!important}
.v43-channel-mute{display:grid;place-items:center;width:30px;height:36px;padding:0;border:0;border-radius:9px;background:transparent;color:#b8cbe0;cursor:pointer}
.v43-channel-mute:hover{background:rgba(59,130,246,.1);color:#fff}.v43-channel-mute.is-muted{color:#fb7185;background:rgba(159,18,57,.1)}.v43-channel-mute .ui-icon{width:19px;height:19px}
.v43-channel-settings{font-size:14px}
.v43-channel-details{gap:12px;padding:12px}
.v44-workspace-row{border-color:rgba(65,125,169,.34)!important;background:linear-gradient(145deg,rgba(8,28,49,.98),rgba(5,18,34,.98))!important}
.v443-detail-group{padding:14px}
.v443-detail-group .v43-detail-sliders--single{grid-template-columns:1fr;margin-top:0}.v43-detail-sliders--single label>span{display:grid;gap:3px}.v43-detail-sliders--single label small{color:var(--muted);font-size:15px}
.v43-breathing-switch{gap:12px}
.v43-breathing-switch b{font-size:13px}
.v43-breathing-switch small{font-size:15px;line-height:1.4}
.v43-channel-pause:focus-visible,.v43-channel-remove:focus-visible,.v43-channel-settings:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.editor-current-mix{text-align:left}
.editor-transport-note{display:flex;align-items:flex-start;gap:9px;margin:15px 0;padding:11px;border:1px solid rgba(65,125,169,.24);border-radius:11px;background:rgba(2,10,22,.46);color:var(--muted)}
.editor-transport-note .ui-icon{width:17px;height:17px;margin-top:1px;color:var(--accent)}
.editor-transport-note p{margin:0;font-size:15px;line-height:1.55}
.v43-action{padding:0 11px;border-color:rgba(96,165,250,.38);border-radius:10px;background:rgba(59,130,246,.07);color:#93c5fd;font-size:12px;font-weight:700}
.v43-action .ui-icon{width:17px;height:17px}
.v43-action--clear{border-color:rgba(251,113,133,.24);background:rgba(159,18,57,.08);color:#fda4af}.workspace-clear-modal{position:fixed;z-index:1100;inset:0;place-items:center;padding:18px}.workspace-clear-modal:not([hidden]){display:grid}.workspace-clear-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,7,18,.78);backdrop-filter:blur(8px)}.workspace-clear-modal__panel{position:relative;display:grid;gap:11px;width:min(520px,calc(100vw - 28px));padding:27px;border:1px solid rgba(96,165,250,.42);border-radius:21px;background:linear-gradient(145deg,#081d39,#05142a);box-shadow:0 30px 90px rgba(0,0,0,.68)}.workspace-clear-modal__panel h2{margin:1px 38px 0 0;font-size:26px}.workspace-clear-modal__panel>p{margin:0 0 5px;color:#8fa6bf;line-height:1.55}.workspace-clear-modal__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid rgba(96,165,250,.24);border-radius:11px;background:#091f3c;color:#9fb4cb;font-size:20px}.workspace-clear-choice{display:grid;gap:3px;width:100%;padding:13px 15px;border:1px solid rgba(96,165,250,.3);border-radius:12px;background:#091f3c;color:#edf6ff;text-align:left;cursor:pointer}.workspace-clear-choice:hover{border-color:#60a5fa;background:#0c294e}.workspace-clear-choice small{color:#8ea5be;line-height:1.4}.workspace-clear-choice.is-danger{border-color:rgba(251,113,133,.3);background:rgba(159,18,57,.1)}.workspace-clear-choice.is-danger:hover{border-color:#fb7185}.workspace-clear-modal__cancel{min-height:42px;border:1px solid rgba(96,165,250,.25);border-radius:11px;background:transparent;color:#bfd2e8;font-weight:700;cursor:pointer}

.editor-tool-card{overflow:hidden;padding:0}
.editor-tool-card__toggle{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:14px;border:0;background:transparent;text-align:left;cursor:pointer}
.editor-tool-card__toggle:hover{background:rgba(59,130,246,.06)}
.editor-tool-card__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.editor-tool-card__toggle>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.editor-tool-card__toggle strong{font-size:14px}
.editor-tool-card__toggle small{color:var(--muted);font-size:15px}
.editor-tool-card__icon,.generator-kind-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(96,165,250,.28);border-radius:11px;background:rgba(59,130,246,.075);color:var(--accent-blue)}
.editor-tool-card__icon .ui-icon,.generator-kind-icon .ui-icon{width:20px;height:20px}
.editor-tool-card__chevron{width:17px;height:17px;color:var(--muted);transition:transform .18s}
.editor-tool-card.is-open .editor-tool-card__chevron{transform:rotate(90deg)}
.editor-tool-card__panel{padding:0 14px 12px;border-top:1px solid rgba(65,125,169,.2)}
.editor-tool-help{display:flex;align-items:flex-start;gap:7px;margin:11px 0!important;padding:9px;border-radius:10px;background:rgba(255,255,255,.025);font-size:15px!important;line-height:1.45}
.editor-tool-help .ui-icon{width:15px;height:15px;margin-top:1px;color:var(--accent)}
.editor-tool-card .generator-row{grid-template-columns:36px minmax(0,1fr) 70px 38px;padding:10px 0}
.generator-kind-icon{width:34px;height:34px;border-radius:10px}
.generator-kind-icon .ui-icon{width:17px;height:17px}
.editor-tool-card .generator-copy strong{font-size:15px}
.editor-tool-card .generator-copy small{font-size:15px}
.editor-tool-card .switch{justify-content:flex-end}

@media(hover:hover){
  [data-tooltip]{position:relative}
  [data-tooltip]::after{content:none;position:absolute;z-index:80;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:260px;padding:8px 10px;border:1px solid rgba(86,213,224,.24);border-radius:9px;background:#071b29;color:#dff9ff;font-size:15px;font-weight:600;line-height:1.35;text-align:left;white-space:normal;box-shadow:0 12px 28px rgba(0,0,0,.35);pointer-events:none;transform:translate(-50%,0)}
  [data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{content:attr(data-tooltip)}
}

@media(max-width:1100px){
  .v43-studio{grid-template-columns:1fr}
  .v43-sidebar{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}
  .v43-player{grid-row:auto}
  .v43-library-layout{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:800px){
  .editor-commandbar{align-items:stretch;flex-direction:column}
  .editor-mode-tabs{min-width:0;width:100%}
  .v43-library-layout{grid-template-columns:1fr}
  .v43-tree{border-right:0;border-bottom:1px solid rgba(73,178,199,.18)}
  .v43-sidebar{grid-template-columns:1fr}
  .v44-workspace-row .v43-active-main{grid-template-columns:42px minmax(120px,1fr) 40px 40px!important}
  .v44-workspace-row .v43-speaker,.v44-workspace-row .v43-channel-volume,.v44-workspace-row .v43-active-main>output{display:none}
  .v43-channel-settings{grid-column:1/-1}
}
@media(max-width:520px){
  .v43-studio{margin:8px 0}
  .editor-commandbar{padding:16px;border-radius:16px}
  .editor-commandbar__title-row{align-items:flex-start;flex-direction:column}
  .editor-save-state{white-space:normal}
  .editor-mode-tabs button{padding:0 8px;font-size:12px}
  .v43-section-head{align-items:flex-start;padding:16px;gap:12px}
  .v43-section-head h1,.v43-section-head h2{font-size:20px}
  .v43-library-content{padding:12px}
  .v43-library-layout,.v43-library-content,.v43-sound-pane,.v44-sound-grid{min-width:0;max-width:100%}
  .v44-sound-grid{grid-template-columns:minmax(0,1fr)}
  .editor-workspace-empty{align-items:flex-start;flex-direction:column;padding:24px 18px}
  .v44-workspace-row .v43-active-main{grid-template-columns:40px minmax(0,1fr) 38px 38px!important;padding:10px!important;gap:7px!important}
  .v43-channel-details{grid-template-columns:1fr}
  .v43-player-actions{grid-template-columns:1fr}
  .v43-action--wide{grid-column:auto}
}

/* A-MIXER editor 5.2 — unified catalog and workspace */
.v43-studio{grid-template-columns:minmax(0,1fr);max-width:var(--site-shell,1500px)}
.editor-commandbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}
.editor-commandbar__actions[hidden]{display:none!important}
.editor-command-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid rgba(96,165,250,.38);border-radius:11px;background:rgba(59,130,246,.08);color:#cfe2f7;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}
.editor-command-action:hover{border-color:rgba(96,165,250,.7);background:rgba(59,130,246,.15);color:#fff;transform:translateY(-1px)}
.editor-command-action .ui-icon{width:17px;height:17px}
.editor-command-action--clear{border-color:rgba(251,113,133,.28);background:rgba(159,18,57,.08);color:#fda4af}
.editor-command-action--clear:hover{border-color:rgba(251,113,133,.58);background:rgba(159,18,57,.15)}
.editor-command-action--save{min-width:146px;border-color:rgba(59,130,246,.72);background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 10px 28px rgba(37,99,235,.2)}

.editor-unified-shell{overflow:hidden}
.editor-unified-shell .v43-library-layout{grid-template-columns:minmax(0,1fr) 268px;min-height:420px}
.editor-unified-shell .v43-tree{grid-column:2;grid-row:1;border-right:0;border-left:1px solid rgba(65,125,169,.25)}
.editor-unified-content{grid-column:1;grid-row:1;display:grid;align-content:start;gap:16px;min-width:0;padding:16px}
.editor-unified-content>.v43-active-section{min-width:0;margin:0;border-radius:14px;box-shadow:none}
.editor-sound-results{position:relative;min-width:0;padding:18px;border:1px solid rgba(96,165,250,.33);border-radius:14px;background:linear-gradient(145deg,rgba(9,29,52,.98),rgba(5,18,34,.98));animation:editor-results-in .2s ease-out}
.editor-sound-results[hidden]{display:none!important}
.editor-sound-results__close{position:absolute;z-index:5;top:16px;right:17px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:#7f99b4;cursor:pointer}
.editor-sound-results__close:hover{background:rgba(96,165,250,.1);color:#fff}
.editor-sound-results__close .ui-icon{width:18px;height:18px;stroke-width:2}
.editor-sound-results .v43-pane-head{padding-right:48px}
.editor-sound-results .v43-pane-head>span:last-child{display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;border:1px solid rgba(96,165,250,.23);border-radius:999px;background:rgba(59,130,246,.075);color:#a9c5e2;font-size:14px;font-weight:760;white-space:nowrap}
.v441-tree-count{display:grid;place-items:center;min-width:24px;height:24px;margin-left:auto;padding:0 7px;border:1px solid rgba(251,113,133,.22);border-radius:999px;background:rgba(159,18,57,.16);color:#fda4af;font-size:16px}
@keyframes editor-results-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.v43-tree-leaf--featured{min-height:44px;margin-bottom:4px;color:#bfdbfe}
.v43-tree-leaf--featured .ui-icon{width:18px;height:18px;color:#60a5fa}
.v43-tree-group--generators{margin-top:8px;border-top:1px solid rgba(65,125,169,.24);border-bottom:0}
.v43-tree-group--generators .v441-folder{color:#60a5fa}
.v43-tree-group--generators .v43-tree-leaf .ui-icon{width:16px;height:16px;color:#60a5fa}
.editor-generator-sound{position:relative;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity favorite" "meta meta" "actions actions"}
.editor-generator-sound>.v44-favorite{position:absolute;top:14px;right:14px;z-index:2}.editor-generator-sound .v44-library-sound__identity{padding-right:42px}
.editor-generator-sound__meta{grid-area:meta;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(96,165,250,.18);border-radius:10px;background:rgba(59,130,246,.045);color:#849db7;font-size:14px}
.editor-generator-sound__meta b{color:#cfe3f8}
.editor-generator-sound>.v44-library-sound__actions{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.editor-generator-sound.is-previewing{border-color:#60a5fa;box-shadow:0 0 0 1px rgba(96,165,250,.22),0 0 24px rgba(59,130,246,.12)}
.editor-generator-sound.is-in-workspace{border-color:#60a5fa;box-shadow:0 0 0 1px rgba(96,165,250,.2)}
.editor-catalog-generators{margin-top:12px;padding-top:12px;border-top:1px solid rgba(65,125,169,.24)}
.editor-catalog-generators .editor-tool-card__toggle{grid-template-columns:36px minmax(0,1fr) 16px;padding:8px;border-radius:11px;color:#dcebf8}
.editor-catalog-generators .editor-tool-card__toggle:hover{background:rgba(59,130,246,.08)}
.editor-catalog-generators .editor-tool-card__icon{width:34px;height:34px}
.editor-catalog-generators .editor-tool-card__panel{padding:7px 3px 2px;border-top:0}
.editor-catalog-generators .editor-tool-help{margin:4px 0 7px!important}
.editor-catalog-generators .generator-row{display:grid;grid-template-columns:32px minmax(0,1fr) 38px;gap:7px;padding:9px 5px;border-top:1px solid rgba(65,125,169,.16)}
.editor-catalog-generators .generator-kind-icon{width:32px;height:32px}
.editor-catalog-generators .generator-volume{grid-column:2/-1;width:100%;margin-top:2px}
.editor-catalog-generators .switch{grid-column:3;grid-row:1;align-self:center}
.editor-catalog-generators .generator-copy{min-width:0}
.editor-catalog-generators .generator-copy strong,.editor-catalog-generators .generator-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editor-generator-channel .v43-active-main{grid-template-columns:44px minmax(150px,1fr) 42px 42px minmax(140px,230px) 48px 132px!important}
.editor-generator-channel .v43-active-icon .ui-icon{width:21px;height:21px;color:#60a5fa}
.editor-generator-channel .v44-workspace-copy small{color:#7f9bb8}
.editor-generator-settings .generator-select-setting{display:grid;gap:8px}
.editor-generator-settings select{min-height:40px;padding:0 10px;border:1px solid rgba(96,165,250,.28);border-radius:10px;background:#06182b;color:#dcecff}

.mix-duration-field__control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid rgba(96,165,250,.3);border-radius:11px;background:#06182b}
.mix-duration-field__control:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.mix-duration-field__control input{min-width:0;border:0!important;background:transparent!important;box-shadow:none!important}
.mix-duration-field__control b{padding:0 13px;color:#8fa8c1;font-size:12px}

/* Save dialog follows the blue home-page surface palette. */
.mix-save-modal__backdrop{background:rgba(1,7,18,.84);backdrop-filter:blur(10px)}
.mix-save-modal__panel{width:min(760px,100%);padding:26px;border:1px solid rgba(71,132,194,.46);border-radius:20px;background:linear-gradient(155deg,#091c32,#041022);box-shadow:0 30px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.025);scrollbar-color:#31577e #061426}
.mix-save-modal__panel h2{margin:2px 42px 0 0;font-size:30px;line-height:1.08}.mix-save-modal__intro{margin:8px 42px 18px 0;color:#8da4bd;font-size:15px;line-height:1.5}
.mix-save-modal__close{right:14px;top:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(71,132,194,.4);border-radius:10px;background:#091c32;color:#91a9c2;cursor:pointer}.mix-save-modal__close:hover{border-color:#60a5fa;background:#0d2b53;color:#fff}.mix-save-modal__close .ui-icon{width:17px;height:17px}
.mix-save-grid{gap:14px}.mix-save-field{gap:7px}.mix-save-field>span,.mix-save-field>label,.mix-custom-tags{color:#a9bdd0;font-size:12px;font-weight:700}
.mix-save-field input,.mix-save-field select,.mix-save-field textarea,.mix-new-shelf input,.mix-custom-tags input{width:100%;border:1px solid rgba(71,132,194,.38);border-radius:11px;background:#061426;color:#edf5ff;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}
.mix-save-field input,.mix-save-field select,.mix-new-shelf input,.mix-custom-tags input{min-height:44px;padding:0 13px}
.mix-save-field textarea{display:block;min-height:112px;padding:12px 13px;resize:vertical;font:inherit;font-size:13px;line-height:1.55;caret-color:#60a5fa}
.mix-save-field textarea::placeholder,.mix-save-field input::placeholder,.mix-custom-tags input::placeholder{color:#647f9c;opacity:1}
.mix-save-field input:focus,.mix-save-field select:focus,.mix-save-field textarea:focus,.mix-custom-tags input:focus,.mix-new-shelf input:focus{border-color:#60a5fa;background:#071a34;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.mix-save-field>small,.mix-save-tags>small,.mix-save-cover>small,.mix-new-shelf>small{color:#fb8fa1}.mix-save-field>small:empty,.mix-new-shelf>small:empty,.mix-save-tags>small:empty,.mix-save-cover>small:empty{display:none}
.mix-save-inline{gap:8px}.mix-save-inline button,.mix-new-shelf button,.mix-save-cover__head>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 13px;border:1px solid rgba(71,132,194,.42);border-radius:11px;background:#0a2342;color:#bfdbfe;font-weight:700;cursor:pointer}.mix-save-inline button:hover,.mix-new-shelf button:hover,.mix-save-cover__head>button:hover{border-color:#60a5fa;background:#0d2b53;color:#fff}.mix-save-inline .ui-icon{width:16px;height:16px}
.mix-save-tags,.mix-save-cover{border-color:rgba(71,132,194,.3);border-radius:14px;background:rgba(6,20,38,.45)}.mix-save-tags legend span{color:#60a5fa}.mix-recommended-tags button{border-color:rgba(71,132,194,.34);background:#071a34;color:#a9bdd0}.mix-recommended-tags button:hover,.mix-recommended-tags button.is-selected{border-color:#60a5fa;background:rgba(59,130,246,.15);color:#dbeafe}.mix-selected-tags span{background:rgba(59,130,246,.14);color:#bfdbfe}
.mix-save-cover__grid button{background:#061426;color:#dbeafe}.mix-save-cover__grid button.is-selected{border-color:#60a5fa}.mix-save-cover__current img{border:1px solid rgba(96,165,250,.32)}
.mix-save-cover__upload{display:grid;gap:7px;margin-top:13px;color:#a9bdd0;font-size:12px;font-weight:700}.mix-save-cover__upload input{min-height:44px;padding:6px 8px}.mix-save-cover__upload input::file-selector-button{height:30px;margin-right:10px;padding:0 11px;border:1px solid rgba(71,132,194,.42);border-radius:8px;background:#0a2342;color:#bfdbfe;font:inherit;font-weight:700;cursor:pointer}.mix-save-cover__upload>span{color:#7894b1;font-size:13px;font-weight:500}
.mix-save-actions{gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(71,132,194,.2)}.mix-save-actions .button{min-height:44px;border-color:rgba(71,132,194,.42);border-radius:11px;background:#0a2342;color:#dbeafe;font-weight:800}.mix-save-actions .button--ghost{background:transparent}.mix-save-actions .mix-save-submit{border-color:#3b82f6;background:#2563eb;color:#fff}.mix-save-actions .mix-save-submit:hover{background:#3b82f6;color:#fff}
.mix-save-field details,.mix-save-field summary{color:#dbeafe}.mix-save-field[data-english-translation]{padding:12px 0;border-top:1px solid rgba(71,132,194,.2);border-bottom:1px solid rgba(71,132,194,.2)}.mix-save-field[data-english-translation]>summary{cursor:pointer;font-weight:700}.mix-save-field[data-english-translation]>p{color:#7894b1;font-size:15px;line-height:1.5}

@media(max-width:900px){
  .editor-unified-shell .v43-library-layout{grid-template-columns:minmax(0,1fr) 244px}
  .editor-commandbar{align-items:stretch;flex-direction:column}
  .editor-commandbar__actions{justify-content:stretch}
  .editor-command-action{flex:1}
}
@media(max-width:700px){
  .editor-unified-shell .v43-library-layout{grid-template-columns:1fr}
  .editor-unified-shell .v43-tree{grid-column:1;grid-row:1;border-left:0;border-bottom:1px solid rgba(65,125,169,.25)}
  .editor-unified-content{grid-column:1;grid-row:2}
  .editor-unified-content{padding:12px}
  .editor-catalog-generators .generator-row{grid-template-columns:34px minmax(0,1fr) 38px}
  .editor-generator-channel .v43-active-main{grid-template-columns:40px minmax(0,1fr) 38px 38px!important}
  .editor-generator-channel .v43-speaker,.editor-generator-channel .v43-channel-volume,.editor-generator-channel output{display:none}
}
@media(max-width:480px){
  .editor-commandbar__actions{display:grid;grid-template-columns:1fr 1fr}
  .editor-command-action{min-width:0;padding:0 10px}
  .editor-sound-results{padding:15px 12px}
  .v44-library-sound[data-sound-id]{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity favorite" "volume actions";gap:10px 9px;padding:12px}
  .v44-library-sound[data-sound-id] .v44-library-sound__identity{gap:9px}
  .v44-library-sound[data-sound-id] .v44-library-sound__icon{width:38px;height:38px;flex-basis:38px}
  .v44-library-sound[data-sound-id] .v44-library-sound__identity small{display:none}
  .v44-library-sound[data-sound-id] .v44-library-sound__volume{grid-template-columns:minmax(72px,1fr) 38px;gap:7px;min-width:0}
  .v44-library-sound[data-sound-id] .v44-library-sound__volume>span{display:none}
  .v44-library-sound[data-sound-id] .v44-library-sound__actions{display:flex;align-items:center;gap:7px}
  .v44-library-sound[data-sound-id] :is(.v44-preview-button,.v44-add-button){display:grid;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0!important}
  .v44-library-sound[data-sound-id] :is(.v44-preview-button,.v44-add-button)>span:last-child:not([data-sound-action-icon]){display:none}
  .v44-library-sound[data-sound-id] :is(.v44-preview-button,.v44-add-button) .ui-icon{width:18px;height:18px;margin:auto}
}

/* 8.4.1 — channel controls adapt to the actual workspace width. */
.editor-unified-content{container-name:editor-workspace;container-type:inline-size}
.editor-unified-content .v43-active-main{min-width:0;max-width:100%}
.editor-unified-content .v43-channel-volume{min-width:0;width:100%}
@container editor-workspace (max-width:760px){
  .editor-unified-content :is(.v44-workspace-row,.editor-generator-channel) .v43-active-main{
    grid-template-columns:42px minmax(0,1fr) 40px 40px 40px!important;
    gap:8px!important
  }
  .editor-unified-content :is(.v44-workspace-row,.editor-generator-channel) :is(.v43-speaker,.v43-channel-volume),
  .editor-unified-content :is(.v44-workspace-row,.editor-generator-channel) .v43-active-main>output{display:none!important}
  .editor-unified-content :is(.v44-workspace-row,.editor-generator-channel) .v43-channel-settings{
    grid-column:auto!important;width:40px;min-width:40px;height:40px;padding:0!important
  }
  .editor-unified-content :is(.v44-workspace-row,.editor-generator-channel) .v43-channel-settings>span{display:none}
  .editor-unified-content :is(.v44-workspace-row,.editor-generator-channel) .v43-channel-settings .ui-icon{margin:0 auto}
}
@container editor-workspace (max-width:460px){
  .editor-unified-content :is(.v44-workspace-row,.editor-generator-channel) .v43-active-main{
    grid-template-columns:38px minmax(0,1fr) 38px 38px 38px!important;
    gap:6px!important;padding:9px!important
  }
}

/* 8.9.2 — admin sound actions use one compact top row. */
.v44-library-sound__top-actions{grid-area:favorite;display:flex;align-items:center;gap:7px}.v44-library-sound__top-actions .v44-favorite,.v44-sound-delete{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.03);color:var(--muted);cursor:pointer}.v44-sound-delete:hover{color:#fda4af;border-color:rgba(244,63,94,.5);background:rgba(244,63,94,.1)}.v44-sound-delete:disabled{opacity:.5;cursor:wait}.v44-sound-delete .ui-icon{width:16px;height:16px}
