/* Panel movement is personal and applies in both Studio themes. */
.desk-heading .desk-settings-icon{display:inline-grid;place-items:center;width:42px;padding:9px}
.desk-settings-icon svg{width:21px;height:21px}
.desk-shell .desk-startup-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 30px);padding:24px;overflow:auto}
.desk-settings-tabs{display:flex;gap:5px;margin:22px 0;border-bottom:1px solid var(--desk-line);padding-bottom:8px}
.desk-shell .desk-settings-tabs button{border:0;background:transparent;color:var(--desk-muted);font-size:14px;padding:9px 13px}
.desk-shell .desk-settings-tabs [aria-selected=true]{background:var(--desk-soft);color:var(--desk-ink);font-weight:700}
.desk-settings-section h3{margin:0 0 12px;font-size:18px}
.desk-settings-section>p{font-size:14px;line-height:1.6;color:var(--desk-muted)}
.desk-settings-theme{display:flex;gap:10px;margin:18px 0}
.desk-shell .desk-settings-theme button{flex:1;padding:15px}
.desk-shell .desk-settings-theme [aria-pressed=true]{border:2px solid var(--desk-purple);background:var(--desk-soft);font-weight:700}
.desk-settings-admin{margin-top:24px;border-top:1px solid var(--desk-line);padding-top:18px}
.desk-settings-admin p{font-size:13px;color:var(--desk-muted)}
.desk-panel-locations{display:grid;gap:12px;margin:20px 0}
.desk-panel-location{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}
.desk-shell .desk-panel-location select{font-size:13px;max-width:55%;min-width:0}
.desk-panel-width{font-size:13px;display:flex;align-items:center;gap:9px;justify-content:flex-end;margin-top:-8px;color:var(--desk-muted)}
.desk-panel-width input{accent-color:var(--desk-purple);width:16px;height:16px}
.desk-layout-help{font-size:13px!important}
.desk-shell [data-layout-status]{font-size:13px;color:var(--desk-ink);margin-bottom:0}
.desk-shell .desk-grid[data-layout-board=columns]{display:grid;grid-template-columns:var(--desk-layout-columns)!important;gap:16px;align-items:start}
.desk-layout-column{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0}
.desk-layout-column[data-layout-column=bottom]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;gap:16px}
.desk-layout-column[data-layout-column=bottom]>.desk-panel:only-child,.desk-layout-column[data-layout-column=bottom]>[data-layout-wide=true]{grid-column:1/-1}
.desk-shell [data-layout-column]>[data-layout-id]{position:relative;top:auto;grid-column:auto;grid-row:auto;order:0;margin:0;min-width:0}
.desk-shell [data-layout-column]>.desk-library{display:block}
.desk-shell [data-layout-column]>.desk-library .desk-panel-head{display:flex;border-bottom:1px solid var(--desk-line)}
.desk-shell [data-layout-column=bottom]>[data-layout-id]:only-child,.desk-shell [data-layout-column=bottom]>[data-layout-wide=true]{grid-column:1/-1}
.desk-shell [data-layout-column] .desk-project-grid{grid-template-columns:repeat(auto-fill,minmax(min(185px,100%),1fr))}
.desk-layout-column{container-type:inline-size}
@container (max-width:420px){
 .desk-project-hub-head{display:block;padding:20px 16px 14px}.desk-project-hub-head>a{display:inline-block;margin-top:10px}
 .desk-session-bar{flex-wrap:wrap}.desk-session-actions{flex-wrap:wrap}.desk-project-filters{padding-left:16px;padding-right:16px}
 .desk-project-grid{padding-left:16px;padding-right:16px}.desk-table .desk-updated,.desk-table .desk-artist-cell{display:none}
 .desk-table td,.desk-table th{padding:12px 10px}.desk-table .desk-actions{display:grid;gap:6px}.desk-release-title{flex-wrap:wrap}
 .desk-toolbar select{width:100%}.desk-panel-head{flex-wrap:wrap;gap:9px}
}
.desk-shell [data-layout-board=grid]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.desk-shell [data-layout-board=grid]>[data-layout-id]{min-width:0;margin:0}
.desk-shell [data-layout-board=grid]>[data-layout-wide=true]{grid-column:1/-1}
.desk-shell [data-mixer-view][data-layout-board=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}
.desk-shell .desk-panel-grip{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;min-height:32px;padding:4px;border:0;border-radius:6px;background:transparent;color:var(--desk-muted);cursor:grab;touch-action:none}
.desk-panel-grip svg{width:19px;height:22px;pointer-events:none}
.desk-panel-grip:hover,.desk-panel-grip:focus-visible{color:var(--desk-purple)!important;background:var(--desk-soft)!important}
/* Reserve the grip's space so revealing it never shifts the header. Touch keeps it visible. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .desk-shell [data-layout-handle]>.desk-panel-grip{opacity:0}
 .desk-shell [data-layout-handle]:hover>.desk-panel-grip,
 .desk-shell [data-layout-handle]:focus-within>.desk-panel-grip,
 .desk-layout-dragging [data-layout-handle]>.desk-panel-grip,
 .desk-layout-ghost [data-layout-handle]>.desk-panel-grip{opacity:1}
}
[data-layout-handle]{position:relative}
body[data-panel-movement=true] [data-layout-handle]{cursor:grab;touch-action:none}
[data-layout-handle] h2,[data-layout-handle]>span:first-of-type{margin-right:auto}
.desk-mixer-picker>[data-layout-handle]{display:grid;grid-template-columns:28px 1fr;column-gap:12px}
.desk-mixer-picker>[data-layout-handle]>.desk-panel-grip{grid-column:1;grid-row:1/4}
.desk-mixer-picker>[data-layout-handle]>:not(.desk-panel-grip){grid-column:2}
.desk-layout-source{opacity:.18!important;outline:2px dashed var(--desk-purple)!important;outline-offset:-2px;pointer-events:none!important}
.desk-layout-dragging{user-select:none;cursor:grabbing!important}
.desk-layout-dragging [data-layout-handle],.desk-layout-dragging .desk-panel-grip{cursor:grabbing}
.desk-layout-active .desk-layout-column{min-height:120px;border-radius:14px;outline:1px dashed var(--desk-control-line);outline-offset:5px}
.desk-layout-active [data-layout-column=bottom]{min-height:140px}
.desk-layout-active .desk-layout-column:empty::before{content:'Drop panel here';display:grid;place-items:center;font-size:13px;color:var(--desk-muted);min-height:120px}
.desk-layout-ghost{position:fixed;top:0;left:0;z-index:3000;pointer-events:none!important;margin:0;padding:0;max-width:none;max-height:70vh;overflow:hidden;border-radius:14px;box-shadow:0 25px 70px #0006,0 0 0 2px var(--desk-purple);will-change:transform}
.desk-layout-ghost>*{position:relative!important;top:auto!important;margin:0!important;opacity:1!important;transform:none!important;grid-column:auto!important;grid-row:auto!important;max-height:70vh;overflow:hidden;min-width:0}
.desk-layout-ghost *{pointer-events:none!important}
.desk-layout-frame-preview{height:160px;display:grid;place-items:center;background:var(--desk-paper);color:var(--desk-muted)}
@media(max-width:1200px){
 .desk-shell .desk-grid[data-layout-board=columns]{grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr)!important}
 .desk-layout-column[data-layout-column=left]{grid-column:2;grid-row:1}
 .desk-layout-column[data-layout-column=center]{grid-column:1;grid-row:1/3}
 .desk-layout-column[data-layout-column=right]{grid-column:2;grid-row:2}
 .desk-shell .desk-grid[data-layout-left=false][data-layout-right=false]{grid-template-columns:1fr!important}
}
@media(max-width:760px){
 .desk-shell .desk-grid[data-layout-board=columns],.desk-shell [data-layout-board=grid],.desk-shell [data-mixer-view][data-layout-board=grid]{grid-template-columns:1fr!important;gap:14px}
 .desk-layout-column[data-layout-column]{grid-column:1;grid-row:auto;gap:14px}
 .desk-layout-column[data-layout-column=center]{order:-1}
 .desk-layout-column[data-layout-column=bottom]{grid-template-columns:1fr}
 .desk-shell .desk-panel-grip{min-height:40px;width:32px;flex-basis:32px}
 .desk-settings-tabs{gap:2px}.desk-shell .desk-settings-tabs button{padding:9px 11px}
 .desk-shell .desk-startup-dialog{padding:20px}.desk-layout-ghost{max-height:55vh}
}
@media(prefers-reduced-motion:reduce){.desk-layout-ghost{will-change:auto}}
