/* Twistsoft UI-NAV-20261017 — V1 neutral dark / lavender shared semantic system; reference 4752a1b. */
body.tw-page a.tw-skip-link{position:fixed;z-index:10001;top:12px;left:12px;display:inline-flex;align-items:center;min-height:44px;max-width:min(32rem,calc(100vw - 24px));box-sizing:border-box;padding:8px 16px;border:1px solid var(--tw-accent);border-radius:var(--tw-radius-control);font-size:.875rem!important;font-weight:750;line-height:1.5!important;color:var(--tw-accent-ink)!important;background:var(--tw-accent)!important;text-decoration:none;white-space:normal;overflow-wrap:anywhere;transform:translateY(calc(-100% - 24px));box-shadow:var(--tw-shadow)}
body.tw-page a.tw-skip-link:focus{transform:translateY(0)}
body.tw-page [data-skip-content-target]:focus-visible{outline:3px solid var(--tw-focus)!important;outline-offset:-3px!important}
body.tw-page-studio #layout-address-dialog .layout-utility-grid>label:first-child{grid-column:1/-1}
body.tw-page-studio .studio-app:not(.preview-focus){grid-template-rows:auto auto minmax(0,1fr) 30px}
body.tw-page-studio .mode-tabs{min-height:48px;align-items:center}
body.tw-page-studio .mode-tab{height:auto;min-height:48px;padding-block:8px;line-height:1.5}
body.tw-page-studio .panel-visibility-tools{margin-block:8px}
body.tw-page-studio .layout-utility-dialog:has(.layout-utility-body){overflow:hidden}
body.tw-page-studio .layout-utility-dialog:has(.layout-utility-body)>form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;min-height:0}
body.tw-page-studio .layout-utility-dialog:has(.layout-utility-body) :where(header,footer){min-width:0;flex-wrap:wrap;align-items:center}
body.tw-page-studio .layout-utility-body{display:grid;align-content:start;gap:12px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:8px}
body.tw-page-studio .layout-utility-body:focus-visible{outline:3px solid var(--tw-focus);outline-offset:-3px}
body.tw-page-studio .layout-utility-body>p{font-size:.875rem;line-height:1.5;color:var(--tw-text-muted);overflow-wrap:anywhere}
body.tw-page-studio .layout-utility-body .layout-utility-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));min-width:0}
body.tw-page-studio .layout-utility-body :where(label,input,select){min-width:0;font-size:.875rem;line-height:1.5}
body.tw-page-studio .layout-utility-body :where(input:not([type=checkbox]),select){min-height:44px;box-sizing:border-box}
body.tw-page-studio .layout-utility-body label:has(>input[type=checkbox]){display:flex;align-items:flex-start;gap:8px;min-height:44px;box-sizing:border-box;overflow-wrap:anywhere}
body.tw-page-studio .layout-utility-body label>input[type=checkbox]{flex:none;width:20px;height:20px;min-height:0;padding:0;margin:0;box-sizing:border-box}
body.tw-page-studio .layout-utility-body .layout-utility-status{font-family:inherit;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio .layout-utility-body :where(input,select,button,summary){scroll-margin-block:8px}
@media(min-width:901px){
body.tw-page-studio .layout-utility-body [tabindex]{scroll-margin-block:8px}
body.tw-page-studio .layout-utility-body output:focus{outline:3px solid var(--tw-focus)!important;outline-offset:-3px!important}
}
body.tw-page-studio .layout-utility-dialog:has(.layout-utility-body) footer .button{flex:1 1 10rem;min-width:0;min-height:44px;font-size:.875rem;line-height:1.5;white-space:normal;box-sizing:border-box}
body.tw-page-studio .layout-utility-body .layout-address-preview{max-height:none;overflow:visible}
body.tw-page-studio .layout-utility-body .layout-address-preview article{grid-template-columns:minmax(0,1fr);font-family:inherit;font-size:.75rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio .layout-utility-body .layout-address-preview article strong{grid-row:auto;font-size:.875rem}
body.tw-page-music :is(#asset-count,.asset-card>span){font-size:.75rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-music :is(#rights-title,.asset-card>strong){font-size:1rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-music :is(.revision-bar>strong,.marker-heading>strong){font-size:.875rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-music :is(#map-revision,#waveform-status){font-size:.75rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-music main :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px;box-sizing:border-box}
body.tw-page-music main :is(button,input,textarea,select,[role=slider]){scroll-margin-block:8px}
body.tw-page-music .revision-bar{flex-wrap:wrap}
body.tw-page-music .revision-list{flex:1 1 180px;min-width:0;max-width:100%}
body.tw-page-music .detail{grid-template-columns:minmax(0,1fr)}
body.tw-page-music .detail>*,body.tw-page-music .detail-header>div{min-width:0;max-width:100%;box-sizing:border-box}
body.tw-page-music .upload-dialog :is(.pill,.selected-file>div>span){font-size:.75rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-music .upload-dialog .selected-file strong{font-size:1rem!important;line-height:1.5;white-space:normal;overflow:visible;overflow-wrap:anywhere}
body.tw-page-music .upload-dialog :is(#choose-file-label,.upload-rights strong){font-size:.875rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-music .upload-dialog :is(input,select,button,summary){scroll-margin-block:8px}
body.tw-page-music .upload-dialog footer{flex-wrap:wrap}
body.tw-page-music .upload-dialog label.button:focus-within{outline:3px solid var(--tw-focus)!important;outline-offset:3px}
body.tw-page-music .upload-dialog .copy-map-preview strong{font-size:.875rem!important;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-music .upload-dialog .copy-map-preview li{font-size:.75rem!important;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-music .upload-dialog select{min-height:44px;box-sizing:border-box}
body.tw-page-remote :is(.state-pill,.controller-identity>span,.controller-status-row>span,#controller-tag-status-title,.controller-resource>div:not(.ram-gauge)>span,#selected-track-state){font-size:.75rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-remote :is(.controller-identity>span,.controller-status-row>span,.player-playlist-head .playlist-picker>label,.controller-resource span){text-transform:none!important;letter-spacing:normal!important}
body.tw-page-remote :is(.controller-status-row>strong,#controller-tag-coverage,#controller-ram-percent){font-size:.875rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-operations :is(#summary-nav-count,#project-summary-count,.project-file-kind){font-size:.75rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-operations .project-file-sync-state{font-size:.875rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-operations .order{font-size:.75rem!important;line-height:1.5}
body.tw-page-operations .playlist-name-editor{display:grid;gap:8px;min-width:0}
body.tw-page-operations #content-picker-dialog .show-state{font-size:.75rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-operations #content-picker-dialog .build-choice strong{font-size:.875rem!important;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-operations #content-picker-dialog .build-option .prepare-row>span{font-size:.875rem!important;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-operations #content-picker-dialog .prepare-row :where(strong,small){display:block}
body.tw-page-operations #content-picker-dialog #package-count{font-size:.75rem!important;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-operations #content-picker-dialog .show-copy>strong{font-size:1rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-projects :is(.count-badge,.role-badge){font-size:.75rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-projects :is(.member-identity strong,.pending-invite-row span){font-family:inherit;font-size:.875rem;line-height:1.5;white-space:normal;overflow:visible;overflow-wrap:anywhere}
body.tw-page-projects .project-wss-link{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;font-size:.875rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-projects .studio-capabilities span{font-size:.75rem!important;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio #layout-address-status{font-family:inherit;font-size:1rem;line-height:1.5}
body.tw-page-studio .runtime-package strong{font-size:.875rem;line-height:1.5}
@media (min-width:901px){body.tw-page-studio .runtime-package[data-status=revoked]{opacity:1}body.tw-page-studio #runtime-package-list:focus-visible{outline:3px solid var(--tw-focus)!important;outline-offset:-3px!important}}
body.tw-page-studio #show-lifecycle-dialog :is(button,a.button){min-height:44px;font-size:.875rem;line-height:1.5;box-sizing:border-box;white-space:normal}
body.tw-page-studio #show-lifecycle-dialog :is(header,.section-heading,footer){flex-wrap:wrap}
body.tw-page-studio .runtime-package-actions{flex-wrap:wrap}
body.tw-page-studio :is(#runtime-package-revoke-panel,#runtime-package-delete-panel)>div{flex-wrap:wrap}
body.tw-page-studio :is(#runtime-package-revoke-panel,#runtime-package-delete-panel) button{flex-shrink:0;max-width:100%}
body.tw-page-studio #show-lifecycle-feedback{padding:10px;border:1px solid var(--tw-border);border-radius:var(--tw-radius-sm);color:var(--tw-text);background:var(--tw-surface);overflow-wrap:anywhere;scroll-margin-block:12px}
@media (min-width:901px){body.tw-page-studio #show-lifecycle-feedback:focus{outline:3px solid var(--tw-focus)!important;outline-offset:-3px!important}}
body.tw-page-studio #runtime-package-delete-panel details{min-width:0}
body.tw-page-studio #runtime-package-delete-panel summary{min-height:44px;font-size:.875rem;line-height:1.5;color:var(--tw-accent);cursor:pointer;overflow-wrap:anywhere;scroll-margin-block:12px}
body.tw-page-studio #runtime-package-delete-dependencies{padding-inline-start:22px;overflow-wrap:anywhere}
body.tw-page-studio #group-dialog :is(button,input:not([type=checkbox]),select){min-height:44px;box-sizing:border-box;font-size:.875rem;line-height:1.5}
body.tw-page-studio #group-dialog :is(header,footer,.group-map-scan){flex-wrap:wrap}
body.tw-page-studio #group-dialog .group-map-scan small{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
body.tw-page-studio #group-dialog :is(.group-selection-source,.group-dependency-impact){font-family:inherit;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio #group-dialog .device-check-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));grid-auto-rows:max-content;max-height:max(36dvh,18em)}
body.tw-page-studio #group-device-options[data-empty=true]{max-height:none;overflow:visible}
body.tw-page-studio #group-device-options .empty-message{grid-column:1/-1;font-size:1rem;line-height:1.5;margin:0;overflow-wrap:anywhere}
body.tw-page-studio #group-dialog .device-check{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:4px 8px;min-height:44px;box-sizing:border-box}
body.tw-page-studio #group-dialog .device-check input{grid-row:1/span 2}
body.tw-page-studio #group-dialog .device-check small{grid-column:2;justify-self:start;margin-inline:0;overflow-wrap:anywhere}
body.tw-page-studio #group-dialog .device-check-name{min-width:0;overflow-wrap:anywhere}
body.tw-page-studio #group-dialog .check-row{min-height:44px}
body.tw-page-studio #group-dialog input[type=checkbox]{width:24px;height:24px;box-sizing:border-box}
body.tw-page .actionability-toast.actionability-dialog-status{position:static;z-index:auto;max-width:100%;box-sizing:border-box;margin:0 0 12px;overflow-wrap:anywhere;scroll-margin-block:12px;box-shadow:none}
body.tw-page .actionability-toast.actionability-inline-status{position:static;z-index:auto;max-width:100%;box-sizing:border-box;margin:0;overflow-wrap:anywhere;scroll-margin-block:12px;box-shadow:none}
body.tw-page .actionability-toast.actionability-inline-status[data-tone=info]{border-color:var(--tw-info);color:var(--tw-info);background:var(--tw-info-bg)}
body.tw-page .actionability-toast.actionability-dialog-status:focus{outline:3px solid var(--tw-focus)!important;outline-offset:3px}
body.tw-page-studio .music-library-grid{align-items:start;overflow:visible}
body.tw-page-studio .music-library-list-panel{grid-template-rows:auto auto auto minmax(160px,auto) auto}
body.tw-page-studio .music-library-list{max-height:min(48dvh,480px);grid-auto-rows:max-content}
body.tw-page-studio .music-library-item{grid-template-columns:minmax(0,1fr) auto;min-height:44px;font-size:.875rem;box-sizing:border-box}
body.tw-page-studio .music-library-item strong{font-size:1rem;line-height:1.5;white-space:normal;overflow:visible;overflow-wrap:anywhere}
body.tw-page-studio .music-library-item span{font-family:inherit;font-size:.75rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio .music-library-item small{white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio #music-library-waveform-status{font-size:.75rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio #music-library-dialog :is(button,a.button,input:not([type=range]):not([type=checkbox])){min-height:44px;box-sizing:border-box}
body.tw-page-studio #music-library-dialog :is(button,a.button){font-size:.875rem;line-height:1.5;white-space:normal}
body.tw-page-studio .music-rights-notice{border-color:var(--tw-border);color:var(--tw-text-muted);background:var(--tw-surface)}
body.tw-page-studio .music-rights-notice summary{display:list-item;min-height:44px;font-size:.875rem;line-height:1.5;color:var(--tw-accent);cursor:pointer}
body.tw-page-studio .music-marker-authoring label{flex-wrap:wrap;min-width:0}
body.tw-page-studio .music-marker-authoring input{min-width:0;flex:1 1 180px}
body.tw-page-studio .music-library-dialog header{flex-wrap:wrap}
@media(max-width:900px){
 body.tw-page-studio .music-library-grid{grid-template-columns:minmax(0,1fr)}
 body.tw-page-studio .music-marker-row{grid-template-columns:minmax(0,1fr)}
 body.tw-page-studio .music-marker-row textarea{grid-column:auto}
 body.tw-page-studio .music-library-dialog .section-heading{flex-wrap:wrap}
}
@media(max-width:600px){
 body.tw-page-studio .music-library-list{max-height:max(48dvh,18em)}
 body.tw-page-studio .music-library-item{grid-template-columns:minmax(0,1fr)}
 body.tw-page-studio .music-library-item span{grid-row:auto;grid-column:auto}
}
body.tw-page-studio #properties-panel :is(#device-hydraulics-summary,#device-rgb-addresses,#device-calibration-summary){font-size:1rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio #properties-panel :is(strong,h3,h4,legend){font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio #properties-panel .safe-preview{font-size:.75rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio #studio-loading a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;font-size:.875rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio #properties-panel button{min-height:44px;box-sizing:border-box}
body.tw-page-studio #properties-panel [hidden]{display:none!important}
body.tw-page-studio #properties-panel output{font-family:inherit;font-size:.875rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio #properties-panel .field-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));min-width:0}
body.tw-page-studio #properties-panel .section-heading{flex-wrap:wrap;min-width:0}
body.tw-page-studio #properties-panel .pump-curve-header{display:none}
body.tw-page-studio #properties-panel .pump-curve-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:8px;border:1px solid var(--tw-border);border-radius:var(--tw-radius-sm);padding:8px;background:var(--tw-surface-raised);min-width:0}
body.tw-page-studio #properties-panel .pump-curve-row>strong{grid-column:1/-1}
body.tw-page-studio #properties-panel .pump-curve-row label{min-width:0;gap:4px}
body.tw-page-studio #properties-panel .pump-curve-row input{width:100%;min-width:0;box-sizing:border-box;font-family:inherit;font-size:.875rem;line-height:1.5}
body.tw-page-studio #properties-panel .pump-curve-row button{grid-column:1/-1;justify-self:end;width:44px;height:44px;font-size:1rem}
body.tw-page-studio #properties-panel .pump-curve-row output{grid-column:1/-1}
body.tw-page-studio #properties-panel :is(.pump-curve-row output,#device-pump-curve-add-feedback)[data-tone=error]{padding:8px;border:1px solid var(--tw-danger)!important;border-radius:var(--tw-radius-sm);color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important;scroll-margin-block:8px}
body.tw-page-studio #library-panel .library-section.grow{flex:0 0 auto;overflow:visible}
body.tw-page-studio #library-panel .device-list{max-height:none;overflow:visible}
body.tw-page-studio #library-panel #library-count{flex:0 0 auto;white-space:nowrap}
body.tw-page-studio #library-panel .device-list-item{grid-template-columns:27px minmax(0,1fr)}
body.tw-page-studio #library-panel .device-list-item>em{grid-column:2;justify-self:start}
body.tw-page-studio #library-panel :is(.device-list-item .mini-device,.device-card .device-icon){font-size:.8125rem;line-height:1;padding:0}
body.tw-page-studio #properties-panel .device-heading .device-icon{line-height:1;padding:0}
body.tw-page-studio #properties-panel .simulation-derived{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}
body.tw-page-studio #properties-panel .simulation-derived span{font-size:.75rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio #properties-panel .background-alignment output[data-has-background=false]{opacity:1}
body.tw-page-studio #show-grid .empty-message{font-size:1rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio #timeline-workspace :is(button,label){font-size:.8125rem;line-height:1.4}
body.tw-page-studio #timeline-workspace output{font-family:inherit;font-size:.8125rem;line-height:1.45;white-space:normal;overflow-wrap:break-word}
body.tw-page-studio #timeline-workspace input[type=range]{box-sizing:border-box;max-width:100%;min-height:24px;margin:0}
body.tw-page-studio #timeline-workspace .timeline-marker{min-width:24px;min-height:24px}
body.tw-page-studio #effect-dialog :is(input:not([type=checkbox]):not([type=radio]),select,button){min-height:44px;box-sizing:border-box}
body.tw-page-studio #effect-dialog :is(.basic-effect-parameters-heading strong,#spatial-choreography-title){font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio #effect-dialog .basic-effect-parameters-heading span{font-size:1rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio #period-inspector-fields{display:contents}
body.tw-page-studio:has(.period-inspector-docked) #effect-dialog[open] form{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0;min-height:0;padding:0;overflow:hidden}
body.tw-page-studio:has(.period-inspector-docked) #period-inspector-fields{display:block;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px;scroll-padding-block:12px}
body.tw-page-studio #period-inspector-fields>header{display:grid;align-content:start;align-items:start;gap:8px;min-width:0;margin-bottom:12px;overflow:visible}
body.tw-page-studio:has(.period-inspector-docked) #effect-dialog[open] footer{position:static;grid-column:auto;min-width:0;min-height:0;width:auto;max-width:none;max-height:max(44px,calc((100dvh - var(--period-inspector-dock-top,134px) - 36px) * .4));box-sizing:border-box;margin:0;padding:8px;box-shadow:none;grid-auto-rows:max-content;align-content:start;align-items:start;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px}
body.tw-page-studio:has(.period-inspector-docked):not(:has(.preview-focus)) #effect-dialog[open]{top:var(--period-inspector-dock-top,134px)}
body.tw-page-studio:has(.period-inspector-docked) #effect-dialog :is(.spatial-path-anchor-fields,.spatial-path-handle-fields){grid-template-columns:minmax(0,1fr)}
body.tw-page-studio #effect-dialog .spatial-path-points{min-width:0;overflow:visible}
body.tw-page-studio #effect-dialog :is(footer button,#retry-period-preflight){font-size:.875rem!important;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio #effect-dialog .spatial-choreography>summary{grid-template-columns:minmax(0,1fr);gap:4px;font-size:.875rem;line-height:1.5}
body.tw-page-studio #effect-dialog .spatial-choreography>summary small{font-size:.75rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio:not(:has(.period-inspector-docked)) #effect-dialog[open] form{display:block;min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow-y:auto;scrollbar-gutter:stable;padding:12px;scroll-padding-block:12px}
body.tw-page-studio:not(:has(.period-inspector-docked)) #effect-dialog :is(.period-core-editor,#single-effect-editor){overflow:visible;max-height:none;height:auto}
body.tw-page-studio:not(:has(.period-inspector-docked)) #effect-dialog footer{position:static;width:auto;max-width:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body.tw-page-studio #simulation-quality-ready select{box-sizing:border-box;min-width:0;max-width:100%;width:100%}
body.tw-page-studio #timeline-workspace :is(#timeline-conflict-title,#timeline-conflict-title span,#preview-time,.preview-camera-hint,#time-ruler span){font-size:.75rem;line-height:1.4}
body.tw-page-studio #selected-music-name{font-size:.8125rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio .light-lane-label small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5}
body.tw-page-studio .light-lane-label .light-parent-name{display:block}
body.tw-page-studio #timeline-workspace :is(.timeline-toolbar,.timeline-tool-rail,.studio-preview-panel,.music-corner) button{min-height:36px;box-sizing:border-box}
body.tw-page-studio .effect-timeline .effect-group-row{grid-template-columns:32px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
body.tw-page-studio .effect-timeline .effect-group-row button{min-width:32px;min-height:32px;height:auto;box-sizing:border-box}
body.tw-page-studio .effect-timeline :is(.effect-group-row,.effect-period-lane){min-height:104px!important}
body.tw-page-studio .effect-timeline :is(.light-lane-label,.light-period-lane){min-height:120px!important}
body.tw-page-studio .effect-timeline :is(.effect-group-row.collapsed,.collapsed-group-lane){min-height:64px!important}
body.tw-page-studio .effect-timeline .effect-group-row.collapsed{grid-template-rows:1fr}
body.tw-page-studio #timeline-workspace :is(.timeline-toolbar,.timeline-tool-rail) button{white-space:normal;overflow-wrap:anywhere}
@media (min-width:1024px){

  body.tw-page-studio #timeline-workspace :is(.timeline-toolbar,.timeline-tool-rail,.preview-copy,.timeline-audio-controls) button{font-size:.8125rem;line-height:1.4}
  body.tw-page-studio #timeline-workspace #timeline-position{font-size:.8125rem;line-height:1.4}
  body.tw-page-studio #timeline-workspace :is(#preview-state,#waveform-empty){font-size:.75rem;line-height:1.4}
  body.tw-page-studio #timeline-workspace .timeline-toolbar :is(.eyebrow,#timeline-position-status){overflow-wrap:normal;word-break:normal}
  body.tw-page-studio #timeline-workspace .timeline-toolbar .eyebrow{letter-spacing:.08em}
}
:root{
  color-scheme:dark;
  --tw-bg:#101014;
  --tw-surface:#19191f;
  --tw-surface-raised:#202027;
  --tw-surface-strong:#26262e;
  --tw-header:#101014;
  --tw-header-raised:#19191f;
  --tw-header-text:#f5f4fa;
  --tw-border:#37353f;
  --tw-control-border:#85808f;
  --tw-text:#f5f4fa;
  --tw-text-muted:#bcb8c9;
  --tw-text-dim:#aaa7b7;
  --tw-accent:#d3c1ff;
  --tw-accent-hover:#e3d7ff;
  --tw-accent-soft:#2c253b;
  --tw-accent-ink:#241a34;
  --tw-light-period:#f6d89b;
  --tw-success:#c3f2ba;
  --tw-success-bg:#202c23;
  --tw-warning:#f6d89b;
  --tw-warning-bg:#30291e;
  --tw-danger:#ffb4b1;
  --tw-danger-border:#c78988;
  --tw-danger-bg:#332226;
  --tw-info:#bacfff;
  --tw-info-bg:#222b3b;
  --tw-focus:#d3c1ff;
  --tw-radius:12px;
  --tw-radius-control:8px;
  --tw-radius-sm:8px;
  --tw-header-border:#37353f;
  --tw-header-control-border:#85808f;
  --tw-header-control-border-strong:#9b95a8;
  --tw-header-selected-border:#d3c1ff;
  --tw-header-hover:#2c253b;
  --tw-header-muted:#bcb8c9;
  --tw-header-link:#d3c1ff;
  --tw-header-secondary:#bcb8c9;
  --tw-header-ink:#f5f4fa;
  --tw-header-nav-text:#f5f4fa;
  --tw-neutral-border:#85808f;
  --tw-neutral-ink:#bcb8c9;
  --tw-shadow:0 4px 16px rgba(0,0,0,.16);
  --tw-menu-hover:var(--tw-surface-strong); --tw-menu-text:var(--tw-text); --tw-menu-muted:var(--tw-text-muted);
  --tw-avatar-bg:var(--tw-accent-soft); --tw-avatar-text:var(--tw-accent);
  --bg:var(--tw-bg);
  --panel:var(--tw-surface-raised);
  --panel2:var(--tw-surface);
  --line:var(--tw-border);
  --text:var(--tw-text);
  --muted:var(--tw-text-muted);
  --cyan:var(--tw-accent);
  --lime:var(--tw-success);
  --gold:var(--tw-warning);
  --danger:var(--tw-danger);
  --accent:var(--tw-accent);
  --green:var(--tw-success);
  --amber:var(--tw-warning);
  --red:var(--tw-danger);
}

body.tw-page{
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--tw-text);
  background:var(--tw-bg);
  font-size:14px;
  line-height:1.5;
}

body.tw-page :where(button,input,select,textarea){font:inherit}
body.tw-page :where(a:not(.button):not(.action-link)){color:var(--tw-accent);text-underline-offset:3px}
body.tw-page :where(input[type=range],input[type=checkbox],input[type=radio],progress){accent-color:var(--tw-accent)!important}
body.tw-page :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--tw-focus)!important;
  outline-offset:3px!important;
}

/* The product header is the stable dark anchor from the reference style. */
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar){
  border-color:var(--tw-header-border)!important;
  color:var(--tw-text)!important;
  background:var(--tw-header)!important;
  box-shadow:none;
}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) :where(a,button):not(:where(dialog *,[role=dialog] *)):focus-visible{
  outline-color:var(--tw-header-text)!important;
}
body.tw-page .tw-nav-main{flex-wrap:wrap;overflow:visible!important}
body.tw-page .tw-navigation-header :where(.tw-account-nav,.tw-project-nav){flex-wrap:wrap;overflow:visible;max-width:100%}
body.tw-page .tw-navigation-header .tw-account-nav a{white-space:normal;overflow-wrap:anywhere}
body.tw-page .tw-navigation-header .tw-context-trail{flex-wrap:wrap}
body.tw-page .tw-navigation-header .tw-context-path{flex:1 1 16rem}
body.tw-page .tw-navigation-header .tw-context-action{max-width:100%;white-space:normal;overflow-wrap:anywhere}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) .account-link{flex-wrap:wrap;white-space:normal;max-width:100%;overflow-wrap:anywhere}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) .account-link #current-user{max-width:none;overflow:visible;white-space:normal;overflow-wrap:anywhere;font-size:max(.75rem,12px)}
body.tw-page .tw-navigation-header :where(.tw-account-nav a,.tw-project-nav a,.tw-context-action,.account-link,button,.tw-nav-brand){min-height:44px;box-sizing:border-box;font-size:max(.875rem,14px)!important}
body.tw-page .tw-navigation-header .tw-studio-label{font-size:max(.75rem,12px)}
body.tw-page .app-header .context-return{font-size:max(.875rem,14px)!important}
body.tw-page .tw-navigation-header .tw-nav-brand img{height:36px}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) [hidden]{display:none!important}
@media(max-width:680px){
  body.tw-page .tw-navigation-header .tw-project-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body.tw-page .tw-navigation-header .tw-project-nav a{white-space:normal;justify-content:center;text-align:center;min-width:0;overflow-wrap:anywhere}
}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) :where(strong,h1,h2,h3){color:var(--tw-text)}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) :where(.brand,.nav-link,nav a){color:var(--tw-header-text)!important}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) .brand :where(strong,small,span){color:var(--tw-header-text)!important}
body.tw-page :where(.tw-account-nav,.tw-project-nav) a{border-color:var(--tw-header-control-border)!important;color:var(--tw-header-text)!important;background:var(--tw-header-raised)!important}
body.tw-page :where(.tw-account-nav,.tw-project-nav) a[aria-current=page]{border-color:var(--tw-header-selected-border)!important;color:var(--tw-accent-ink)!important;background:var(--tw-accent)!important}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) :where(small,.operator-name,.user-area){color:var(--tw-header-secondary)!important}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) :where(.account-link,.header-link,.icon-button,.secondary-button){
  border-color:var(--tw-header-control-border-strong)!important;
  color:var(--tw-header-ink)!important;
  background:var(--tw-header-raised)!important;
}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) nav a{
  border-color:var(--tw-header-control-border)!important;color:var(--tw-header-text)!important;background:var(--tw-header-raised)!important
}
body.tw-page :where(.tw-navigation-header,.app-header,.profile-header,.topbar) nav a:is(.active,[aria-current=page]){
  border-color:var(--tw-header-selected-border)!important;color:var(--tw-accent-ink)!important;background:var(--tw-accent)!important
}
body.tw-page .tw-navigation-header{background:var(--tw-header)!important;border-bottom-color:var(--tw-header-border)!important}
body.tw-page .tw-navigation-header :where(.tw-project-nav,.tw-context-trail){border-color:var(--tw-header-border)!important}
body.tw-page .tw-navigation-header :where(.tw-account-nav a,.tw-project-nav a){color:var(--tw-header-nav-text)!important}
body.tw-page .tw-navigation-header .tw-account-nav a{border-color:var(--tw-header-control-border)!important;background:var(--tw-header-raised)!important}
body.tw-page .tw-navigation-header :where(.tw-account-nav a,.tw-project-nav a)[aria-current=page]{
  border-color:var(--tw-header-selected-border)!important;
  color:var(--tw-accent-ink)!important;
  background:var(--tw-accent)!important;
}
body.tw-page .tw-navigation-header :where(.tw-account-nav a,.tw-project-nav a,.tw-context-action):hover{color:var(--tw-text)!important;background:var(--tw-header-hover)!important}
body.tw-page .tw-navigation-header .tw-context-path{color:var(--tw-header-muted)!important}
body.tw-page :where(.tw-account-nav,.app-header nav) > strong{color:var(--tw-header-text)!important}
body.tw-page .tw-navigation-header :where(.tw-context-action,.tw-nav-brand){color:var(--tw-header-link)!important}

body.tw-page :where(h1,h2,h3,strong){color:var(--tw-text)}
body.tw-page :where(.hero p:last-child,.panel-copy,.intro){color:var(--tw-text-muted)!important;line-height:1.65}
body.tw-page #detail-status{color:var(--tw-text-muted)!important}
body.tw-page a{accent-color:var(--tw-accent)}

body.tw-page:not(.tw-page-studio):not(.tw-page-remote) .workspace{width:min(1500px,100%)}
body.tw-page.tw-page-remote .workspace{width:100%;max-width:none}
body.tw-page:not(.tw-page-studio) :where(p,output,label,dt,dd,.section-help,.transfer-note,.release-summary,.installed-detail){font-size:.875rem!important;line-height:1.5}
body.tw-page .eyebrow{color:var(--tw-accent)!important;font-size:max(.75rem,12px)!important;line-height:1.35;text-transform:none!important;letter-spacing:normal!important}
@media(max-width:720px){
  body.tw-page-player .app-header .brand{flex:1 0 100%;min-width:0;justify-content:flex-start}
  body.tw-page-player .app-header .brand>span{min-width:0}
  body.tw-page-player .app-header .brand strong{white-space:nowrap}
}
body.tw-page:not(.tw-page-studio) :where(small,.meta,.muted){font-size:max(.75rem,12px)!important;line-height:1.5}
body.tw-page:not(.tw-page-studio) :where(.app-header nav a,.tw-navigation-header nav a,.user-area,.account-link){font-size:max(.875rem,14px)!important}

/* Shared surfaces and components. */
body.tw-page:not(.tw-page-studio) :where(.panel,.profile-card,.control-panel,.side-panel,.auth-panel,dialog,.upload-dialog,.operations-dialog,.content-picker-dialog){
  border-color:var(--tw-border)!important;
  color:var(--tw-text)!important;
  background:var(--tw-surface-raised)!important;
  box-shadow:var(--tw-shadow);
}
body.tw-page:not(.tw-page-studio) :where(
  .project-card,.invitation,.member-row,.pending-invite-row,.project-operational-status,
  .asset-card,.revision-card,.marker-row,.player-panel,.list-card,.playlist-row,
  .show-row,.entry-row,.status-card,.release-entry,.project-file-row,
  .selected-show-summary,.selected-show-summary-row,.controller-setup,
  .controller-setup-devices article,.operational-card,.metric,.device-card,
  .task-progress,.show-table-scroll,.file-table-scroll,.controller-status-row,
  .controller-tag-status,.classic-media-player,.rights-strip,.listening-workspace,
  .deletion-panel,.active-pointer,.catalog-sync-strip,.current-show,.status-section,
  .show-section,.connection-list article
){
  border-color:var(--tw-border)!important;
  color:var(--tw-text)!important;
  background:var(--tw-surface-raised)!important;
}
body.tw-page:not(.tw-page-studio) :where(.project-card,.asset-card,.list-card,.playlist-row,.show-row,.entry-row,.project-module-card,.project-file-row,.selected-show-summary-row):hover{
  border-color:var(--tw-control-border)!important;
  background:var(--tw-accent-soft)!important;
}
body.tw-page:not(.tw-page-studio) :where(.selected,[aria-selected=true],[aria-pressed=true],.active):not(.auth-tab){border-color:var(--tw-accent)!important}

body.tw-page:not(.tw-page-studio) :where(input,select,textarea){
  min-height:42px;
  border-color:var(--tw-control-border)!important;
  border-radius:var(--tw-radius-control);
  color:var(--tw-text)!important;
  background:var(--tw-surface-raised)!important;
}
body.tw-page:not(.tw-page-studio) :where(input,textarea)::placeholder{color:var(--tw-control-border);opacity:1}
body.tw-page:not(.tw-page-studio) label{color:var(--tw-text-muted)!important}
body.tw-page:not(.tw-page-studio) :where(button,.button,.action-link,.header-link,.secondary-button,.member-action,.return-link,.text-button,.command-button){
  min-height:44px;
  border-color:var(--tw-control-border);
  border-radius:var(--tw-radius-control);
  color:var(--tw-text);
  background:var(--tw-surface-raised);
  font-size:max(.875rem,14px)!important;
}
body.tw-page:not(.tw-page-studio) :where(.primary-button,.button.primary,.action-link.studio,form>button[type=submit]){
  border-color:var(--tw-accent)!important;
  color:var(--tw-accent-ink)!important;
  background:var(--tw-accent)!important;
}
body.tw-page:not(.tw-page-studio) .button.accent{border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-accent-soft)!important}
body.tw-page:not(.tw-page-studio) :where(.button.danger,.member-action.danger,button.danger){border-color:#c8656c!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page:not(.tw-page-studio) :where(button,.button,.action-link,.header-link,.secondary-button,.member-action,.return-link,.text-button):hover:not(:disabled){
  border-color:var(--tw-accent)!important;
  color:var(--tw-accent-hover)!important;
  background:var(--tw-accent-soft)!important;
  filter:none;
}
body.tw-page:not(.tw-page-studio) :where(.primary-button,.button.primary,.action-link.studio,form>button[type=submit]):hover:not(:disabled){color:var(--tw-accent-ink)!important;background:var(--tw-accent-hover)!important}
body.tw-page:not(.tw-page-studio) :where(button,.button,input,select,textarea):disabled{opacity:.58}
body.tw-page:not(.tw-page-studio) dialog::backdrop{background:rgba(0,0,0,.67);backdrop-filter:blur(2px)}
body.tw-page:not(.tw-page-studio) :where(dialog header,dialog footer){border-color:var(--tw-border)!important;background:var(--tw-surface-raised)!important}

body.tw-page:not(.tw-page-studio) :where(.pill,.state-pill,.quality,.count-badge,.role-badge,.product-mode,.project-file-kind,.project-file-branches span,.safe-preview):not(:where([data-tone=ok],[data-tone=success],[data-tone=warn],[data-tone=warning],[data-tone=error],[data-tone=info])){border-color:var(--tw-neutral-border)!important;color:var(--tw-neutral-ink)!important;background:var(--tw-accent-soft)!important}
body.tw-page:not(.tw-page-studio) table{color:var(--tw-text);background:var(--tw-surface-raised)}
body.tw-page:not(.tw-page-studio) th{border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-strong)!important}
body.tw-page:not(.tw-page-studio) td{border-color:var(--tw-border)!important;background:var(--tw-surface-raised)}
body.tw-page:not(.tw-page-studio) code{color:var(--tw-neutral-ink)}

/* Semantic states always retain their text label; color only reinforces it. */
body.tw-page :where([data-tone=ok],[data-tone=success],.status-success){border-color:#6faa8c!important;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page :where([data-tone=warn],[data-tone=warning],.status-warning){border-color:#c89a45!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page :where([data-tone=error],.status-error){border-color:#d07b82!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page [data-tone=info]{border-color:#7eabd2!important;color:var(--tw-info)!important;background:var(--tw-info-bg)!important}
body.tw-page:not(.tw-page-studio) [data-state=error]{border-color:#d07b82!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page :where(.toast,[role=status].toast){border-color:var(--tw-border)!important;color:var(--tw-text-muted)!important;background:var(--tw-surface-raised)!important;box-shadow:var(--tw-shadow)!important;font-size:1rem!important;line-height:1.5;overflow-wrap:anywhere}
body.tw-page :where(.toast,[role=status].toast):is([data-tone=ok],[data-tone=success]){border-color:#6faa8c!important;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page :where(.toast,[role=status].toast)[data-tone=error]{border-color:#d07b82!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page .toast:is([data-tone=warn],[data-tone=warning]){border-color:var(--tw-warning)!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page .toast[data-tone=info]{border-color:var(--tw-info)!important;color:var(--tw-info)!important;background:var(--tw-info-bg)!important}
@media(min-width:901px){
  body.tw-page .toast{box-sizing:border-box;max-height:calc(100dvh - 84px);overflow:auto;pointer-events:auto}
}

/* Project catalog and Project Home. */
body.tw-page-projects .content-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.42fr);gap:24px}
body.tw-page-projects .project-card{padding:12px 14px;border-radius:var(--tw-radius-sm)}
body.tw-page-projects .project-card h3{font-size:1rem;line-height:1.4}
body.tw-page-projects :where(.project-id,.member-summary,.project-operational-copy small,.member-admin-heading small,.member-identity small,.pending-owner-invitations>small,form small){color:var(--tw-text-muted)!important;font-size:.76rem!important;line-height:1.55}
body.tw-page-projects .project-operational-copy strong{color:var(--tw-text)!important;font-size:.82rem}
body.tw-page-projects .project-wss-link{color:var(--tw-accent);font-size:.75rem}
body.tw-page-projects .studio-capabilities li{border-color:var(--tw-border);background:var(--tw-surface-raised)}
body.tw-page-projects .studio-capabilities strong{color:var(--tw-text);font-size:.78rem}
body.tw-page-projects .studio-capabilities span{color:var(--tw-text-muted);font-size:.74rem}
body.tw-page-projects .project-module-card{border-color:var(--tw-border);color:var(--tw-text);background:var(--tw-surface-raised);box-shadow:var(--tw-shadow)}
body.tw-page-projects .project-module-card small{color:var(--tw-text-muted);font-size:.82rem}
body.tw-page-projects .project-module-open{color:var(--tw-accent)}
body.tw-page-projects .project-deletion{border-color:var(--tw-danger-border)}
body.tw-page-projects .project-delete-form{border-color:var(--tw-danger-border)!important;color:var(--tw-text);background:var(--tw-danger-bg)!important}
body.tw-page-projects .project-delete-form strong{font-size:1rem;line-height:1.5}
body.tw-page-projects .project-delete-form p{color:var(--tw-text-muted);line-height:1.5}
body.tw-page-projects .project-delete-form code{font:inherit;color:var(--tw-text);white-space:normal;overflow-wrap:anywhere}
body.tw-page-projects .project-delete-feedback{padding:10px 12px;border:1px solid;border-radius:var(--tw-radius-sm);overflow-wrap:anywhere}
body.tw-page-projects .deletion-resume-note{color:var(--tw-danger);font-size:.875rem;line-height:1.5}
body.tw-page-projects .project-card.deleting .role-badge{border-color:#c89a45!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}

/* Music, Operations and Remote keep their dense layouts but share surfaces. */
body.tw-page-music :where(p,small,.muted,.meta),
body.tw-page-operations :where(p,small,.muted,.meta),
body.tw-page-remote :where(p,small,.transfer-note,.release-summary,.installed-detail,.section-heading small,.metric>span,.metric small,.device-card small,.tag-time){color:var(--tw-text-muted)!important}
body.tw-page-music :where(.catalog>output,.page-status),body.tw-page-operations :where(.page-status,output),body.tw-page-remote output{color:var(--tw-text-muted)}
body.tw-page-remote :where(#controller-status-summary,#controller-tag-coverage){border-color:var(--tw-neutral-border)!important;color:var(--tw-neutral-ink)!important;background:var(--tw-accent-soft)!important}
body.tw-page-music .catalog>output[data-state=ready]{border-color:#6faa8c!important;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page-music .asset-card>span{color:var(--tw-accent)!important}
body.tw-page-music .rights-strip summary{color:var(--tw-accent)!important}
body.tw-page-music .waveform{border-color:var(--tw-border)!important;color:var(--tw-text);background:var(--tw-bg)!important}
body.tw-page-music .waveform :where(label,p,small,strong){color:var(--tw-text)!important}
body.tw-page-music :where(.add-marker,.audio-player){border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface)!important}
body.tw-page-music :where(.add-marker,.audio-player) :where(label,p,small,strong){color:var(--tw-text-muted)!important}
body.tw-page-music .add-marker>label{color:var(--tw-text-muted)!important}
body.tw-page-music #timecode{color:var(--tw-accent)!important}
body.tw-page-music .upload-dialog :where(.selected-file,.upload-rights,.copy-map-preview){border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface)!important}
body.tw-page-music .upload-dialog :where(.selected-file,.upload-rights,.copy-map-preview) :where(span,strong,small,p){color:var(--tw-text-muted)!important}
body.tw-page-music .upload-dialog :where(.selected-file,.upload-rights,.copy-map-preview) strong{color:var(--tw-text)!important}
body.tw-page-music .upload-dialog output{border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-strong)!important}
body.tw-page-music .upload-dialog .upload-notice summary{color:var(--tw-accent)!important}
body.tw-page-operations .operations-section-nav a{border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important}
body.tw-page-operations .operations-section-nav a:hover{border-color:var(--tw-control-border)!important;background:var(--tw-accent-soft)!important}
body.tw-page-operations .operations-section-nav a[aria-current=page]{border-color:var(--tw-accent)!important;background:var(--tw-accent-soft)!important;box-shadow:inset 0 -2px var(--tw-accent)}
body.tw-page-operations .operations-section-nav small{color:var(--tw-text-muted)!important}
body.tw-page-operations .operations-section-nav strong{color:var(--tw-text)!important}
body.tw-page-operations .show-build-group{border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important}
body.tw-page-operations .show-build-group[data-state=included]{border-color:var(--tw-control-border)!important;box-shadow:inset 3px 0 var(--tw-accent)!important}
body.tw-page-operations .show-build-group[data-state=incomplete]{border-color:#c89a45!important;box-shadow:inset 3px 0 #c89a45!important}
body.tw-page-operations .show-build-group :where(strong,small){color:inherit!important}
body.tw-page-operations .show-build-group small{color:var(--tw-text-muted)!important}
body.tw-page-operations :where(.catalog-warning,.build-warning){border-color:#c89a45!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page-operations :where(.target-editor,.selection-readiness,.sync-monitor,.playlist-toolbar,.draft-row,.build-option,.release-entry,.lifecycle-states>div,.project-file-row,.selected-show-summary,.selected-show-summary-row,.controller-setup-devices article){
  border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important
}
body.tw-page-operations .build-option[data-compatible=false]{opacity:1}
body.tw-page-operations :where(.target-editor,.selection-readiness,.sync-monitor,.playlist-toolbar,.draft-row,.release-entry,.lifecycle-states>div,.project-file-row,.selected-show-summary,.selected-show-summary-row,.controller-setup-devices article) :where(strong,span,label){color:var(--tw-text)!important}
body.tw-page-operations :where(.target-editor,.selection-readiness,.sync-monitor,.playlist-toolbar,.draft-row,.release-entry,.lifecycle-states>div,.project-file-row,.selected-show-summary,.selected-show-summary-row,.controller-setup-devices article) :where(p,small){color:var(--tw-text-muted)!important}
body.tw-page-operations .order{color:var(--tw-accent-ink)!important;background:var(--tw-accent)!important}
body.tw-page-operations .row-actions button{border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important}
body.tw-page-operations .draft-list{scrollbar-color:var(--tw-control-border) var(--tw-surface-strong)}
body.tw-page-operations .draft-list::-webkit-scrollbar-track{background:var(--tw-surface-strong)}
body.tw-page-operations .draft-list::-webkit-scrollbar-thumb{border-color:var(--tw-surface-strong);background:var(--tw-control-border)}
body.tw-page-operations .project-file-kind:not(:where([data-tone=ok],[data-tone=success],[data-tone=warn],[data-tone=warning],[data-tone=error],[data-tone=info])){border-color:var(--tw-control-border)!important;color:var(--tw-neutral-ink)!important;background:var(--tw-accent-soft)!important}
body.tw-page-operations .project-file-kind[data-kind=wav]:not(:where([data-tone=ok],[data-tone=success],[data-tone=warn],[data-tone=warning],[data-tone=error],[data-tone=info])){border-color:#6faa8c!important;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page-operations .project-file-branches span{border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-strong)!important}
body.tw-page-operations .active-pointer{border-color:#c89a45!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page-operations .active-pointer[data-matches=true]{border-color:#6faa8c!important;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page-operations .active-pointer :where(strong,dt,dd,p){color:inherit!important}
body.tw-page-remote :where(.operational-card>span,.metric>span,.section-heading small){font-size:max(.75rem,12px)!important}
body.tw-page-remote .operational-card>strong{font-size:.95rem}
body.tw-page-remote .operational-card>small{font-size:.78rem;line-height:1.55}
body.tw-page-remote :where(.tag-name strong,.tag-value,.device-card strong,.show-table){font-size:.86rem}
body.tw-page-remote :where(.tag-name small,.tag-time,.quality,.show-table small){font-size:.74rem!important}
body.tw-page-remote :where(.classic-media-player,.player-controls,.transport-controls){background:var(--tw-surface-raised)!important}
body.tw-page-remote :where(.controller-identity,.controller-status-list,.controller-health,.controller-runtime,.controller-tag-grid,.playlist-picker,.player-playlist-head,.now-playing,.player-transport,.transport-now-playing){
  border-color:var(--tw-border)!important;
  color:var(--tw-text)!important;
  background:var(--tw-surface)!important;
}
body.tw-page-remote :where(.controller-health,.controller-runtime,.controller-tag-grid)>div{border-color:var(--tw-border)!important;background:var(--tw-surface-raised)!important}
body.tw-page-remote :where(.controller-health,.controller-runtime,.controller-tag-grid) :where(dt,code){color:var(--tw-text-muted)!important}
body.tw-page-remote :where(.controller-health,.controller-runtime,.controller-tag-grid) dd{color:var(--tw-text)!important}
body.tw-page-remote :where(.playlist-picker,.player-transport,.transport-now-playing) :where(label,span,strong,time):not(button *){color:var(--tw-text)!important}
body.tw-page-remote .controller-status-row[data-tone=ok]>strong,
body.tw-page-remote :where(.controller-runtime,.controller-tag-grid)>div[data-tone=ok] dd{color:var(--tw-success)!important}
body.tw-page-remote .controller-status-row[data-tone=warn]>strong,
body.tw-page-remote :where(.controller-runtime,.controller-tag-grid)>div[data-tone=warn] dd{color:var(--tw-warning)!important}
body.tw-page-remote .controller-status-row[data-tone=error]>strong,
body.tw-page-remote :where(.controller-runtime,.controller-tag-grid)>div[data-tone=error] dd{color:var(--tw-danger)!important}
body.tw-page-remote :where(.transport-command,.transport-icon,.transport-play){border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important}
body.tw-page-remote .transport-command.primary{border-color:var(--tw-accent)!important;color:var(--tw-accent-ink)!important;background:var(--tw-accent)!important}
body.tw-page-remote .transport-command.danger{border-color:#c8656c!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page-remote :where(.show-table-scroll,.file-table-scroll){box-shadow:inset 0 0 0 1px var(--tw-border)}

/* Profile, retired Player and access boundary still use the same system. */
body.tw-page-profile :where(.intro,.session-card p:not([data-tone]),dt,#profile-status:not([data-tone])){color:var(--tw-text-muted)!important}
body.tw-page-profile .profile-workspace{width:min(900px,100%)}
body.tw-page-profile button{border-color:#c8656c!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page-profile :where(.partner-form-toggle,.primary-button){border-color:var(--tw-accent)!important;color:var(--tw-accent-ink)!important;background:var(--tw-accent)!important}
body.tw-page-profile :where(.partner-form-toggle,.primary-button):hover{background:var(--tw-accent-hover)!important}
body.tw-page-profile .state-badge:is(:not([data-tone]),[data-tone=neutral]){border-color:var(--tw-border)!important;color:var(--tw-text-muted)!important;background:var(--tw-surface-strong)!important}
body.tw-page-profile .state-badge[data-tone=pending]{border-color:#c89a45!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page-player .operator-shell{width:min(1600px,100%)}
body.tw-page-player .side-panel{border-color:var(--tw-border)!important;box-shadow:none}
body.tw-page-player .command-button.start{border-color:#6faa8c!important;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page-player .command-button.stop{border-color:#d07b82!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page-access-denied main{box-sizing:border-box;width:min(560px,calc(100% - 32px));border:1px solid var(--tw-border);border-radius:var(--tw-radius);padding:36px;color:var(--tw-text);background:var(--tw-surface-raised);box-shadow:var(--tw-shadow);overflow-wrap:anywhere}
body.tw-page-access-denied main p{color:var(--tw-text-muted)}
body.tw-page-access-denied main a{color:var(--tw-accent);font-weight:750}

/* Login keeps the supplied night-show artwork while the auth surface joins the
   same light management system. */
body.tw-page-login{background:var(--tw-header)}
body.tw-page-login .studio-hero{color:var(--tw-text);background:var(--tw-header)}
body.tw-page-login .studio-hero :where(h1,h2,h3,strong){color:var(--tw-text)}
body.tw-page-login .studio-hero .eyebrow{color:var(--tw-accent)!important}
body.tw-page-login .studio-hero .promise{color:var(--tw-text-muted)}
body.tw-page-login .studio-hero .capabilities li{border-color:var(--tw-control-border);color:var(--tw-header-text);background:var(--tw-header)}
body.tw-page-login .auth-panel{border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important;box-shadow:-20px 0 50px rgba(79,43,34,.10)}
body.tw-page-login .auth-tabs{border-color:var(--tw-border);background:var(--tw-surface-strong)}
body.tw-page-login .auth-tab{border-color:transparent;color:var(--tw-text-muted);background:transparent}
body.tw-page-login .auth-tab.active{border-color:var(--tw-neutral-border)!important;color:var(--tw-accent)!important;background:var(--tw-surface-raised)!important}
body.tw-page-login :where(.consent,.status:not([data-tone=error])){color:var(--tw-text-muted)!important}
body.tw-page-login #login-status[data-tone=error]{color:var(--tw-danger)!important;padding:12px;border:1px solid var(--tw-danger-border);border-radius:var(--tw-radius-sm);overflow-wrap:anywhere}
@media (min-width:1024px){
  body.tw-page-login .login-read-recovery{display:grid;gap:8px;margin-top:16px;min-width:0}
  body.tw-page-login .login-read-recovery[hidden]{display:none}
  body.tw-page-login .login-read-recovery .status{margin:0;line-height:1.5}
  body.tw-page-login .login-read-recovery .status[data-tone=error]{color:var(--tw-danger)!important;padding:12px;border:1px solid var(--tw-danger-border);border-radius:var(--tw-radius-sm);overflow-wrap:anywhere}
  body.tw-page-login .login-read-recovery button{width:100%;min-height:44px;font-size:.875rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
}

/* Studio adopts the same light chrome and controls. The actual layout canvas,
   fluid preview and timelines stay dark because they visualize water/light. */
body.tw-page-studio{
  --bg:var(--tw-bg);--panel:var(--tw-surface-raised);--line:var(--tw-border);
  --text:var(--tw-text);--muted:var(--tw-text-muted);--cyan:var(--tw-accent);
  --lime:var(--tw-success);--gold:var(--tw-warning);--danger:var(--tw-danger);
  color-scheme:dark;color:var(--tw-text);background:var(--tw-bg)
}
body.tw-page-studio :where(.engineering-shell,.library-panel,.properties-panel,.center-workspace,.workspace-panel,.view-workspace,.library-section,.property-section,.workspace-toolbar,.timeline-tool-rail,.timeline-transport-bar,.period-batch-tools,.timeline-conflict-diagnostics,.layout-transform-bar,.layout-selection-tools,.panel-visibility-tools){border-color:var(--tw-border)!important;color:var(--tw-text);background:var(--tw-surface-raised)!important}
body.tw-page-studio :where(.library-panel,.properties-panel,.workspace-panel,.timeline-tool-rail){border-color:var(--tw-border)!important}
body.tw-page-studio :where(.panel-title,.section-heading,h2,h3,strong,label){color:var(--tw-text)}
body.tw-page-studio :where(p,small,output,.composition-help,.empty-message){color:var(--tw-text-muted)}
body.tw-page-studio :where(input,select,textarea){border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important}
body.tw-page-studio :where(.button,.icon-button,.panel-visibility-button){border-color:var(--tw-control-border);color:var(--tw-text);background:var(--tw-surface-raised)}
body.tw-page-studio .button.primary{border-color:var(--tw-accent)!important;color:var(--tw-accent-ink)!important;background:var(--tw-accent)!important}
body.tw-page-studio :where(.button.accent,.panel-visibility-button.active){border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio :is(.button,.icon-button).danger{border-color:#c8656c!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page-studio :where(.library-panel .search,.library-panel .device-card,.device-heading,.show-card,.stage-dimensions,.channel-configuration,.device-channel-addresses,.background-alignment,.info-box,.spray-breakup,.basin-impact,.simulation-derived span){
  border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important
}
body.tw-page-studio :where(.library-panel .device-card,.device-heading,.show-card,.stage-dimensions,.channel-configuration,.device-channel-addresses,.background-alignment,.info-box,.spray-breakup,.basin-impact,.simulation-derived span) :where(strong,label,b){color:var(--tw-text)!important}
body.tw-page-studio :where(.library-panel .device-card,.device-heading,.show-card,.stage-dimensions,.channel-configuration,.device-channel-addresses,.background-alignment,.info-box,.spray-breakup,.basin-impact,.simulation-derived span) :where(p,small,output){color:var(--tw-text-muted)!important}
body.tw-page-studio :where(.stage-dimensions,.channel-configuration,.device-channel-addresses,.background-alignment) output{border-color:var(--tw-accent)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio .info-box.warning{border-color:#c89a45!important;background:var(--tw-warning-bg)!important}
body.tw-page-studio :where(.layout-viewport-tools,.file-button){border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important}
body.tw-page-studio .layout-viewport-tools :where(label,output){color:var(--tw-text-muted)!important}
body.tw-page-studio .search{border-color:var(--tw-control-border)!important;color:var(--tw-accent)!important;background:var(--tw-surface-raised)!important}
body.tw-page-studio .show-index,body.tw-page-studio .group-dot{color:var(--tw-accent-ink)!important;background:var(--tw-accent)!important}
body.tw-page-studio :where(.studio-dialog,.effect-dialog){border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important;box-shadow:0 30px 90px rgba(16,7,43,.35)}
body.tw-page-studio :where(.studio-dialog,.effect-dialog)::backdrop{background:rgba(0,0,0,.67);backdrop-filter:blur(2px)}
body.tw-page-studio :where(.safe-preview,.pill):not(:where([data-tone=ok],[data-tone=success],[data-tone=warn],[data-tone=warning],[data-tone=error],[data-tone=info])){border-color:var(--tw-neutral-border)!important;color:var(--tw-neutral-ink)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio .mode-tabs{border-color:var(--tw-border)!important;background:var(--tw-surface-raised)!important}
body.tw-page-studio .mode-tab{color:var(--tw-text-muted)!important;background:transparent!important}
body.tw-page-studio .mode-tab.active{border-color:var(--tw-accent)!important;color:var(--tw-accent)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio .mode-tab span{color:var(--tw-neutral-ink)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio .mode-tab.active span{color:var(--tw-accent-ink)!important;background:var(--tw-accent)!important}
body.tw-page-studio .statusbar{border-color:var(--tw-border)!important;color:var(--tw-text-muted)!important;background:var(--tw-surface-raised)!important}
body.tw-page-studio .statusbar #connection-status[data-tone=success]{color:var(--tw-success)!important}
body.tw-page-studio .simulation-badge{color:var(--tw-success)!important}
body.tw-page-studio .status-pill.draft{border:1px solid #c89a45;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page-studio .status-pill.review{border:1px solid #b78a35;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page-studio .status-pill.published{border:1px solid #6faa8c;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page-studio .status-pill.neutral{border:1px solid var(--tw-neutral-border);color:var(--tw-neutral-ink)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio .status-pill.archived{border:1px solid var(--tw-border);color:var(--tw-text-muted)!important;background:var(--tw-surface-strong)!important}

/* Dialogs are management surfaces. Their forms, lists and summaries stay light;
   only real waveform/curve/preview canvases keep the dark visualization palette. */
body.tw-page-studio :where(.studio-dialog,.effect-dialog) form,
body.tw-page-studio :where(.studio-dialog,.effect-dialog) :where(header,footer){color:var(--tw-text)!important;background:var(--tw-surface-raised)!important}
body.tw-page-studio :where(
  .music-library-list-panel,.music-preparation-panel,.music-library-item,
  .music-refresh-confirm,.music-binding-diff,.group-map-scan,.audio-cue-row,
  .group-selection-source,.device-check,.library-version-panel,.upgrade-panel,
  .dependency-panel,.preset-dependency,.dependency-period,.lifecycle-state,
  .show-lifecycle-overview,.published-version-panel,.published-version,
  .runtime-package-panel,.runtime-package,.composition-picker,.composition-step,
  .composition-envelope-channel,.composition-mix-channel,.composition-blend-contract,
  .composition-mask-preset-library,.composition-audition,.spatial-choreography,
  .spatial-enable-toggle,.spatial-selection-toggle,.spatial-path-editor,
  .spatial-path-point,.period-effect-layer,.parameter-automation-editor,
  .parameter-automation-curve,.layout-utility-status,.layout-address-preview article
){border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface)!important}
body.tw-page-studio :where(
  .music-library-list-panel,.music-preparation-panel,.music-library-item,
  .music-refresh-confirm,.music-binding-diff,.group-map-scan,.audio-cue-row,
  .group-selection-source,.device-check,.library-version-panel,.upgrade-panel,
  .dependency-panel,.preset-dependency,.dependency-period,.lifecycle-state,
  .show-lifecycle-overview,.published-version-panel,.published-version,
  .runtime-package-panel,.runtime-package,.composition-picker,.composition-step,
  .composition-envelope-channel,.composition-mix-channel,.composition-blend-contract,
  .composition-mask-preset-library,.composition-audition,.spatial-choreography,
  .spatial-enable-toggle,.spatial-selection-toggle,.spatial-path-editor,
  .spatial-path-point,.period-effect-layer,.parameter-automation-editor,
  .parameter-automation-curve,.layout-utility-status,.layout-address-preview article
) :where(strong,label,b){color:var(--tw-text)!important}
body.tw-page-studio :where(
  .music-library-list-panel,.music-preparation-panel,.music-library-item,
  .music-refresh-confirm,.music-binding-diff,.group-map-scan,.audio-cue-row,
  .group-selection-source,.device-check,.library-version-panel,.upgrade-panel,
  .dependency-panel,.preset-dependency,.dependency-period,.lifecycle-state,
  .show-lifecycle-overview,.published-version-panel,.published-version,
  .runtime-package-panel,.runtime-package,.composition-picker,.composition-step,
  .composition-envelope-channel,.composition-mix-channel,.composition-blend-contract,
  .composition-mask-preset-library,.composition-audition,.spatial-choreography,
  .spatial-enable-toggle,.spatial-selection-toggle,.spatial-path-editor,
  .spatial-path-point,.period-effect-layer,.parameter-automation-editor,
  .parameter-automation-curve,.layout-utility-status,.layout-address-preview article
) :where(p,small,span,output){color:var(--tw-text-muted)!important}
body.tw-page-studio .music-library-item:hover,
body.tw-page-studio .music-library-item.selected,
body.tw-page-studio .audio-cue-row:has(input:checked){border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio .music-library-list-panel>output,
body.tw-page-studio .music-binding-diff{border-color:#7aa7cf!important;color:var(--tw-info)!important;background:var(--tw-info-bg)!important}
body.tw-page-studio .music-binding-diff[data-state=ready]{border-color:#6faa8c!important;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page-studio .music-binding-diff[data-state=changed]{border-color:#c89a45!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page-studio :where(.music-deletion-panel,.runtime-package-revoke-panel){border-color:#c8656c!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page-studio :where(.music-deletion-panel,.runtime-package-revoke-panel) :where(p,small,span,output,strong){color:var(--tw-danger)!important}
body.tw-page-studio .music-dependency-row{border-color:#c8656c!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important}
body.tw-page-studio .layout-utility-status[data-state=ready]{border-color:#6faa8c!important;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page-studio .layout-utility-status[data-state=invalid]{border-color:#c8656c!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page-studio #effect-dialog :where(#period-identity-summary,#period-device-capability-summary){border-color:#7aa7cf!important;color:var(--tw-text-muted)!important;background:var(--tw-info-bg)!important}
@media (min-width:1024px){
  body.tw-page-studio #effect-dialog #period-device-capability-summary[data-state="blocked"]{border-color:var(--tw-warning)!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
  body.tw-page-studio #period-capability-recovery-result{display:block;padding:10px 12px;border:1px solid var(--tw-success);border-radius:var(--tw-radius-sm);color:var(--tw-success);background:var(--tw-success-bg);line-height:1.5;overflow-wrap:anywhere}
  body.tw-page-studio #period-capability-recovery-result[hidden]{display:none}
  body.tw-page-studio #period-capability-recovery-result:focus-visible{outline:3px solid var(--tw-focus);outline-offset:-3px}
}
body.tw-page-studio #effect-dialog #period-context-status{border-color:#c89a45!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page-studio #effect-dialog .button.live{border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio #effect-dialog .button.live.active{border-color:#c8656c!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page-studio #effect-dialog :where(
  .basic-effect-parameters-heading,.effect-contract-summary,.water-keyframe-editor,.bezier-water-curve-editor,
  .bezier-water-curve-cell,.light-keyframe-editor,.water-step-sequencer-editor,
  .water-step-sequencer-step,.light-step-sequencer-editor,.light-step-sequencer-step,
  .euclidean-gate-editor,.euclidean-gate-controls label,.euclidean-gate-step,
  .seeded-gate-editor,.seeded-gate-controls label,.seeded-gate-matrix-row>span,
  .channel-diagnostics,.channel-diagnostic,.basin-impact,
  .water-step-matrix-editor,.water-step-matrix-viewport,.water-step-matrix-grid,
  .water-keyframe-matrix-editor,.water-keyframe-matrix-viewport,.water-keyframe-matrix-grid,
  .light-keyframe-matrix-editor,.light-keyframe-matrix-viewport,.light-keyframe-matrix-grid
){border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface)!important}
body.tw-page-studio #effect-dialog :where(
  .water-step-matrix-row>*,.water-keyframe-matrix-row>*,.light-keyframe-matrix-row>*
){border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important}
body.tw-page-studio #effect-dialog :where(
  .euclidean-gate-step[data-gate=open],.seeded-gate-matrix-row>span[data-gate=open]
){border-color:#6faa8c!important;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page-studio #effect-dialog :where(.period-preflight-recovery,.channel-diagnostic[data-severity=error]){border-color:#c8656c!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page-studio #effect-library-dialog[open]{max-height:calc(100dvh - 40px);overflow:hidden}
body.tw-page-studio #effect-library-dialog>form{height:min(900px,calc(100dvh - 44px));max-height:100%;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
body.tw-page-studio #effect-library-dialog .library-manager-body{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px}
body.tw-page-studio #effect-library-dialog .library-manager-grid{align-items:start}
body.tw-page-studio #effect-library-dialog :is(.library-version-panel,.dependency-panel){min-width:0}
body.tw-page-studio #effect-library-dialog :is(.section-heading>span,.section-heading>output){font-family:inherit;font-size:.75rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio #effect-library-dialog :is(.upgrade-panel>strong,.archive-confirmation>strong){font-size:.875rem;line-height:1.5}
body.tw-page-studio #effect-library-dialog .archive-confirmation>p{font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio #effect-library-dialog .preset-dependency-list{max-height:none;overflow:visible}
body.tw-page-studio #effect-library-dialog .preset-dependency>header{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
body.tw-page-studio #effect-library-dialog .dependency-period{grid-template-columns:minmax(0,1fr);gap:6px}
body.tw-page-studio #effect-library-dialog :is(.preset-dependency h3,.dependency-period>strong){font-size:1rem;line-height:1.5}
body.tw-page-studio #effect-library-dialog :is(.preset-dependency>header>span,.dependency-period>span,.dependency-period>code){font-family:inherit;font-size:.75rem;line-height:1.5;color:var(--tw-text-muted)!important;overflow-wrap:anywhere}
body.tw-page-studio #effect-library-dialog :is(header,footer,.section-heading,.library-manager-actions,.archive-confirmation>div){flex-wrap:wrap}
body.tw-page-studio #effect-library-dialog footer{position:static;min-width:0;background:var(--tw-surface-raised);padding-top:10px}
body.tw-page-studio #composition-dialog .output-mask-preset-row{flex-wrap:wrap}
body.tw-page-studio #composition-dialog .composition-mask-preset-library>p{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio #composition-dialog .output-mask-preset-row>div{flex:1 1 320px;min-width:0;overflow-wrap:anywhere}
body.tw-page-studio #composition-dialog .output-mask-preset-row>button{flex-shrink:0}
body.tw-page-studio #composition-dialog .output-mask-preset-row :is(span,small){font-family:inherit;font-size:.75rem;line-height:1.5}
body.tw-page-studio #composition-dialog :where(
  .composition-mix-automation-contract,.composition-influence-curve-contract,
  .composition-influence-channel,.composition-output-mask-contract,
  .composition-output-mask-channels,.composition-output-mask-devices,
  .composition-output-mask-device,.output-mask-preset-row
){border-color:var(--tw-border)!important;color:var(--tw-text)!important;background:var(--tw-surface)!important}
body.tw-page-studio #composition-dialog .composition-step[data-audition-state=suppressed]{opacity:1}
body.tw-page-studio #composition-dialog :is(.composition-envelope-channel,.composition-mix-channel,.composition-influence-channel,.composition-step-output-mask)[data-enabled=false]{opacity:1}
body.tw-page-studio #composition-dialog .composition-step[data-audition-state=solo]{border-color:var(--tw-accent)!important;box-shadow:inset 3px 0 var(--tw-accent)!important}
body.tw-page-studio #composition-dialog .composition-step-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
body.tw-page-studio #composition-dialog .composition-step-tools{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
body.tw-page-studio #composition-dialog .composition-step-tools button{min-width:32px;width:auto;min-height:44px;height:auto;padding:6px 8px}
body.tw-page-studio #composition-dialog .composition-step-index{align-self:center;min-width:32px;font-size:.75rem;line-height:1.5}
body.tw-page-studio #composition-dialog [data-output-mask-summary]{font-family:inherit;font-size:.75rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio #composition-dialog :where(.composition-step-solo,.composition-step-move){border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-surface-raised)!important}
body.tw-page-studio #composition-dialog .composition-step-solo[aria-pressed=true]{color:var(--tw-accent)!important;background:var(--tw-accent-soft)!important;border-color:var(--tw-accent)!important}
body.tw-page-studio :where(.archive-confirmation,.runtime-package-revoke-panel,.music-deletion-panel){border-color:#c8656c!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page-studio :where(.lifecycle-state[data-status=archived],.group-dependency-impact){border-color:#c89a45!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page-studio :where(.batch-field-status,.batch-apply-status,.device-calibration output,.basin-impact output,.background-alignment output,.stage-dimensions output,.channel-configuration output,.device-channel-addresses output){border-color:#7aa7cf!important;color:var(--tw-info)!important;background:var(--tw-info-bg)!important}
body.tw-page-studio #properties-panel #device-pump-curve-summary[data-valid=false]{border-color:var(--tw-danger)!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important}
body.tw-page-studio #properties-panel #device-pump-curve-summary[data-valid=true]{border-color:var(--tw-success)!important;color:var(--tw-success)!important;background:var(--tw-success-bg)!important}
body.tw-page-studio #properties-panel #device-rgb-addresses[data-state=invalid]{border:1px solid var(--tw-danger)!important;color:var(--tw-danger)!important;background:var(--tw-danger-bg)!important;padding:8px;border-radius:var(--tw-radius-sm)}
body.tw-page-studio :where(#open-music-library,#open-audio-cues){border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio #live-timeline{border-color:#c89a45!important;color:var(--tw-warning)!important;background:var(--tw-warning-bg)!important}
body.tw-page-studio #live-timeline.active{border-color:var(--tw-control-border)!important;color:var(--tw-text)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio :where(.selected-music-summary,.dmx-frame-status){border-color:var(--tw-header-control-border-strong)!important;color:var(--tw-header-text)!important;background:var(--tw-header-raised)!important}
body.tw-page-studio :where(.selected-music-summary,.managed-audio-status,.dmx-frame-status) :where(strong,small,span,output){color:var(--tw-header-text)!important}
body.tw-page-studio .orientation-guard{color:var(--tw-text);background:radial-gradient(circle at 50% 35%,var(--tw-surface-raised) 0,var(--tw-surface) 44%,var(--tw-bg) 100%)!important}
body.tw-page-studio .orientation-guard h1{color:var(--tw-text)!important}
body.tw-page-studio .orientation-guard>p:not(.eyebrow){color:var(--tw-text-muted)!important}
body.tw-page-studio .orientation-guard .rotate-symbol{border-color:var(--tw-control-border)!important;color:var(--tw-accent)!important;background:var(--tw-surface-raised)!important;box-shadow:var(--tw-shadow)}
body.tw-page-studio .orientation-guard .button{border-color:var(--tw-accent)!important;color:var(--tw-accent-ink)!important;background:var(--tw-accent)!important}
body.tw-page-studio :where(.canvas-wrap,.layout-canvas,.studio-preview-panel,.effect-timeline,.timeline-layout,.time-canvas,.effect-contract-preview,.spatial-path-preview){color:var(--tw-text);background:var(--tw-bg)!important}
body.tw-page-studio :where(.canvas-wrap,.layout-canvas,.studio-preview-panel,.effect-timeline,.timeline-layout,.time-canvas){border-color:var(--tw-border)!important}
body.tw-page-studio :where(.canvas-wrap,.layout-canvas,.studio-preview-panel,.effect-timeline,.timeline-layout,.time-canvas) :where(h2,h3,strong){color:var(--tw-text)}
body.tw-page-studio .layout-canvas :where(.canvas-axis,.canvas-footer,span){color:var(--tw-text-muted)!important}
body.tw-page-studio .canvas-wrap .canvas-footer :where(span,#layout-selection-help){color:var(--tw-text-muted)!important}
body.tw-page-studio .studio-preview-panel :where(.eyebrow,label,p,small,output,span){color:var(--tw-text)!important}
body.tw-page-studio .studio-preview-panel .eyebrow{color:var(--tw-accent)!important}
body.tw-page-studio .effect-timeline :where(p,small,output,span){color:var(--tw-text-muted)!important}
body.tw-page-studio .timeline-tool-rail :where(.zoom-label,p,small,output,span){color:var(--tw-text-muted)!important}
body.tw-page-studio #timeline-workspace .zoom-label{color:var(--tw-text-muted)!important}
body.tw-page-studio .timeline-conflict-diagnostics[data-conflict-count="0"] :where(strong,output){color:var(--tw-success)!important}
body.tw-page-studio .timeline-conflict-diagnostics:not([data-conflict-count="0"]) :where(strong,output){color:var(--tw-danger)!important}

/* Buttons remain visually and physically actionable. Invalid actions explain
   their current reason through button-actionability.js instead of disappearing
   behind the browser disabled state. */
body.tw-page button[data-action-unavailable="true"]{opacity:1!important;cursor:pointer!important;filter:none!important;pointer-events:auto!important}
body.tw-page .actionability-toast{position:fixed;z-index:10000;right:clamp(12px,2vw,28px);bottom:clamp(12px,2vw,28px);max-width:min(520px,calc(100vw - 24px));padding:12px 16px;border:1px solid var(--tw-danger-border);border-radius:var(--tw-radius-sm);color:var(--tw-danger);background:var(--tw-danger-bg);box-shadow:var(--tw-shadow);font-size:1rem;font-weight:750;line-height:1.5}

@media(max-width:820px){body.tw-page{font-size:16px}body.tw-page-projects .content-grid{grid-template-columns:1fr}}
@media(max-width:720px){
  body.tw-page:not(.tw-page-studio) :where(.tw-navigation-header,.app-header,.profile-header,.topbar){position:static!important}
}

@media(prefers-reduced-motion:reduce){
  body.tw-page *,body.tw-page *::before,body.tw-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
/* Resource visualization remains readable on the shared light surfaces. */
body.tw-page .tw-studio-label{color:var(--tw-header-text)!important}
body.tw-page-remote .controller-resource{background:var(--tw-surface)!important;border-color:var(--tw-border)!important}
body.tw-page-remote .ram-gauge::after{background:var(--tw-surface)!important}
body.tw-page-remote .ram-gauge span{color:var(--tw-text)!important}
/* Management navigation reflows; no horizontal scrolling to discover modules. */
@media(max-width:720px){
 body.tw-page:not(.tw-page-studio) .tw-project-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 body.tw-page:not(.tw-page-studio) .tw-project-nav a{white-space:normal;justify-content:center;text-align:center;min-width:0;min-height:44px;overflow-wrap:anywhere}
 body.tw-page:not(.tw-page-studio) .tw-account-nav{flex-wrap:wrap;overflow:visible}
}
/* Studio authoring surfaces: selected devices and calibration are forms, not canvases. */
body.tw-page-studio .device-list-item{border-color:var(--tw-border)!important;background:var(--tw-surface)!important;color:var(--tw-text)!important}
body.tw-page-studio .device-list-item[aria-pressed=true]{border-color:var(--tw-accent)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio .device-list-item.primary-selected{box-shadow:inset 3px 0 var(--tw-accent)}
body.tw-page-studio .device-list-item :where(small,em){color:var(--tw-text-muted)!important;font-size:.75rem;line-height:1.5}
body.tw-page-studio .device-list-item .device-dmx-route{color:var(--tw-accent)!important;font-size:.75rem;line-height:1.5}
body.tw-page-studio .device-calibration{border-color:var(--tw-border)!important;background:var(--tw-surface-strong)!important;color:var(--tw-text)!important}
body.tw-page-studio .device-calibration :where(p,small,output){color:var(--tw-text-muted)!important}
body.tw-page-studio #device-coordinate{border-color:var(--tw-border)!important;background:var(--tw-accent-soft)!important;color:var(--tw-accent)!important;font-size:.875rem;line-height:1.5}
body.tw-page-studio .layout-selection-tools output{color:var(--tw-text-muted)!important;font-size:.75rem;max-width:none;white-space:normal}
body.tw-page-studio .layout-selection-tools .button{font-size:.875rem;min-height:36px}
body.tw-page-studio .layout-selection-tools .compact-select{font-size:.875rem}
body.tw-page-studio .layout-viewport-tools :where(label,output),body.tw-page-studio .layout-transform-bar>output{font-family:inherit;font-size:.75rem;line-height:1.5}
body.tw-page-studio .layout-transform-bar>output{white-space:normal;overflow:visible;overflow-wrap:anywhere}
body.tw-page-studio .layout-transform-actions .icon-button{height:auto;min-height:36px;font-size:.875rem;line-height:1.5}
body.tw-page-studio .canvas-wrap>.canvas-footer{flex-wrap:wrap;gap:6px 12px;font-family:inherit;font-size:.75rem;line-height:1.5}
body.tw-page-studio .canvas-wrap>.canvas-footer #layout-selection-help{flex:1 1 480px;overflow-wrap:anywhere}
body.tw-page-studio .layout-canvas .canvas-axis{font-family:inherit;font-size:.75rem;line-height:1.5}
body.tw-page-studio .layout-device{padding:0;font-size:.875rem;line-height:1}
body.tw-page-studio #layout-workspace{min-height:0;overflow:auto;scrollbar-gutter:stable;scroll-padding-block:8px;grid-template-rows:max-content max-content minmax(min-content,1fr)}
body.tw-page-studio #layout-workspace>.workspace-toolbar{height:auto}
body.tw-page-studio #layout-workspace>.canvas-wrap{display:grid;grid-template-rows:minmax(390px,1fr) auto;gap:8px;min-height:0}
body.tw-page-studio #layout-workspace .layout-canvas{height:auto}
body.tw-page-studio #start-group-scan.active{border-color:var(--tw-accent)!important;color:var(--tw-accent)!important;background:var(--tw-accent-soft)!important}
body.tw-page-studio .layout-canvas[data-group-scan-active=true]{box-shadow:inset 0 0 0 2px var(--tw-accent-soft)}
body.tw-page-studio .layout-selection-marquee{border-color:var(--tw-accent-soft);background:color-mix(in srgb,var(--tw-accent-soft) 12%,transparent);box-shadow:none}
body.tw-page-studio .layout-selection-marquee[data-mode=add]{border-color:var(--tw-success-bg);background:color-mix(in srgb,var(--tw-success-bg) 12%,transparent)}
body.tw-page-studio .layout-selection-marquee[data-mode=subtract]{border-color:var(--tw-danger-bg);background:color-mix(in srgb,var(--tw-danger-bg) 12%,transparent)}
body.tw-page-studio .layout-selection-marquee[data-mode=toggle]{border-color:var(--tw-warning-bg);background:color-mix(in srgb,var(--tw-warning-bg) 12%,transparent)}
body.tw-page-studio .layout-device.selected{box-shadow:0 0 0 3px var(--tw-accent-soft)}
body.tw-page-studio .layout-device.primary-selected{box-shadow:0 0 0 4px var(--tw-accent-soft),0 0 0 6px var(--tw-accent)}
body.tw-page-studio .library-panel .device-card small{font-size:.75rem;line-height:1.5}
body.tw-page-studio .property-stack :where(label,input,select,textarea){font-size:.875rem;line-height:1.5}
body.tw-page-studio .property-stack :where(p,small){font-size:.8125rem;line-height:1.5}
body.tw-page-studio .statusbar{font-size:.75rem;line-height:1.5;min-height:28px;gap:12px}
body.tw-page-studio .device-calibration label{color:var(--tw-text)!important}
body.tw-page-studio :where(.preview-copy,.timeline-audio-controls,.selected-music-summary,.timeline-corner,.effect-group-row,.show-list){border-color:var(--tw-border)!important;background:var(--tw-surface)!important;color:var(--tw-text)!important}
body.tw-page-studio :where(.preview-copy,.timeline-audio-controls,.selected-music-summary,.timeline-corner,.effect-group-row) :where(strong,h3,label){color:var(--tw-text)!important}
body.tw-page-studio :where(.preview-copy,.timeline-audio-controls,.selected-music-summary,.timeline-corner,.effect-group-row) :where(span,small,output){color:var(--tw-text-muted)!important;font-size:.75rem;line-height:1.5}
body.tw-page-studio .effect-group-row strong{font-size:.8125rem}
body.tw-page-studio .effect-group-row small{font-size:.75rem}
body.tw-page-studio .effect-group-row button{border-color:var(--tw-control-border)!important;background:var(--tw-surface)!important;color:var(--tw-accent)!important}
body.tw-page-studio .effect-group-row.highlighted{background:var(--tw-accent-soft)!important}
body.tw-page-studio .light-lane-label.group-child-row{border-left-color:var(--tw-accent)!important;background:var(--tw-surface-strong)!important}
body.tw-page-studio .effect-group-row.has-light-child{border-bottom-color:var(--tw-border)!important;box-shadow:inset 3px 0 var(--tw-accent)}
body.tw-page-studio :where(.period-dmx-routing-summary,.dmx-udp-status){border-color:var(--tw-border)!important;background:var(--tw-info-bg)!important;color:var(--tw-info)!important;font-size:.75rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio .dmx-udp-status[data-state=error]{background:var(--tw-danger-bg)!important;color:var(--tw-danger)!important}
body.tw-page-studio .period-effect-layer>summary{color:var(--tw-accent)!important}
body.tw-page-studio .studio-preview-panel :where(.preview-copy,.timeline-audio-controls) :where(label,p,small,output,span){color:var(--tw-text-muted)!important}
body.tw-page-studio .studio-preview-panel .preview-copy .eyebrow{color:var(--tw-accent)!important}
body.tw-page-studio .studio-preview-panel #managed-audio-status{background:var(--tw-info-bg)!important;color:var(--tw-info)!important;border-color:var(--tw-info)!important}
body.tw-page-studio .studio-preview-panel #managed-audio-status[data-state=error]{background:var(--tw-danger-bg)!important;color:var(--tw-danger)!important;border-color:var(--tw-danger)!important}
body.tw-page-studio .effect-group-row :where(span,small,output){color:var(--tw-text-muted)!important}
body.tw-page-studio .timeline-corner :where(span,small,output){color:var(--tw-text-muted)!important}
body.tw-page-studio .studio-preview-panel .dmx-frame-status{background:var(--tw-accent-soft)!important;color:var(--tw-accent)!important;border-color:var(--tw-border)!important}
body.tw-page-studio .effect-timeline .musical-track{height:76px}
body.tw-page-studio .effect-timeline .time-ruler{top:76px}
body.tw-page-studio .effect-timeline .music-corner{align-content:start;overflow:auto}
body.tw-page-studio .effect-timeline .music-corner strong{font-size:.75rem}


body.tw-page-studio .effect-group-row strong{font-size:.875rem}
body.tw-page-studio .period-band{border-color:var(--tw-accent)!important;background:var(--tw-accent)!important;color:var(--tw-accent-ink)!important;padding-block:4px}
body.tw-page-studio .effect-timeline .period-band :where(span,small){color:var(--tw-accent-ink)!important;opacity:1;line-height:1.2}
body.tw-page-studio .period-band span{font-size:.875rem}
body.tw-page-studio .period-band small{font-size:.75rem}
body.tw-page-studio .period-band.independent-light-period{background:var(--tw-light-period)!important;border-color:var(--tw-light-period)!important}
body.tw-page-studio .period-band.highlighted{box-shadow:0 0 0 2px var(--tw-focus)}
body.tw-page-studio .dmx-frame-status{background:var(--tw-accent-soft)!important;color:var(--tw-accent)!important;border-color:var(--tw-border)!important}
body.tw-page-studio .layout-device{min-width:32px;min-height:32px}
body.tw-page-studio :is(#period-selection-status,#managed-audio-status,#music-timing-summary){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;max-height:none}
body.tw-page-device .state-pill{font-size:max(.75rem,12px)!important}
body.tw-page-device .activity-panel output{color:var(--tw-text);background:var(--tw-header)}
body.tw-page:not(.tw-page-studio) :is(.tw-project-nav,.tw-account-nav){flex-wrap:wrap;overflow:visible}
body.tw-page:not(.tw-page-studio) .tw-project-nav a{white-space:normal;overflow-wrap:anywhere}
body.tw-page:not(.tw-page-studio) :is(.app-header,.profile-header,.tw-navigation-header) a{display:inline-flex;align-items:center;min-height:44px}
body.tw-page-studio .orientation-guard a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:normal;overflow-wrap:anywhere}
body.tw-page-studio .studio-dialog :is(label,input,select,textarea,p:not(.eyebrow),output){font-size:1rem;line-height:1.5}
body.tw-page-studio .studio-dialog :is(.safe-preview,.status-pill,small){font-size:max(.75rem,12px);line-height:1.5}
body.tw-page-studio .studio-dialog{scroll-padding-block:12px}
body.tw-page-studio .studio-dialog :is(button,input,select,textarea){scroll-margin-block:12px}
body.tw-page-studio .show-card h3{font-size:1rem;line-height:1.5}
body.tw-page-studio .show-card :is(p,.status-pill){font-size:.75rem;line-height:1.5}
body.tw-page-studio .show-archive-toggle{font-size:.875rem;line-height:1.5;min-height:44px}
body.tw-page-studio .show-library-tools :is(input[type=search],button){min-height:44px}
body.tw-page-studio .library-panel h3{font-size:.75rem;line-height:1.5}
body.tw-page-studio .library-panel .empty-message{font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
body.tw-page-studio #properties-panel p:not(.eyebrow){font-size:1rem!important;line-height:1.5}
body.tw-page-studio :is(#properties-panel,#effect-dialog,#composition-dialog) .percent-slider-control{grid-template-columns:minmax(0,1fr) auto}
body.tw-page-studio :is(#properties-panel,#effect-dialog,#composition-dialog) .percent-slider-control input[type=range]{grid-column:1/-1;box-sizing:border-box;max-width:100%;margin:0}
body.tw-page-studio #properties-panel :is(input:not([type=checkbox]),select){min-height:44px}

/* Remote uses the same semantic palette as management and Studio. */

/* UI-NAV V1 presentation: quiet chrome, compact rows, useful scrolling. */
body.tw-page{scrollbar-color:var(--tw-control-border) var(--tw-bg)}
body.tw-page :where(button,a.button,.icon-button){touch-action:manipulation;border-style:solid}
body.tw-page :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-style:solid;border-width:1px}
body.tw-page :where(dialog,.upload-dialog,.operations-dialog){border-radius:var(--tw-radius)}
body.tw-page:not(.tw-page-studio):not(.tw-page-remote) .workspace{padding:16px 20px}
body.tw-page:not(.tw-page-studio):not(.tw-page-remote) :where(.panel,.profile-card,.control-panel,.side-panel){padding:16px;box-shadow:none}
body.tw-page:not(.tw-page-studio) :where(h1){font-size:1.25rem;line-height:1.4;margin-block:0 8px}
body.tw-page:not(.tw-page-studio) :where(h2){font-size:1.0625rem;line-height:1.4}
body.tw-page:not(.tw-page-studio) :where(h3){font-size:.9375rem;line-height:1.4}
body.tw-page:not(.tw-page-studio):not(.tw-page-remote) :where(.hero,.section-heading){gap:10px;margin-bottom:12px}
body.tw-page-projects .project-list{gap:6px}
body.tw-page-projects .project-card:not(.project-home){display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.55fr) auto;gap:8px 16px;align-items:center}
body.tw-page-projects .project-card:not(.project-home) .project-card-header{grid-column:1;gap:12px;margin:0}
body.tw-page-projects .project-card:not(.project-home) .project-operational-status{grid-column:2;margin:0;padding:8px 10px;box-shadow:none}
body.tw-page-projects .project-card:not(.project-home) .project-actions{grid-column:3;grid-row:1;margin:0;align-self:center}
body.tw-page-projects .project-card .member-summary{margin:3px 0 0}
body.tw-page-projects .project-card .project-admin-result{grid-column:1/-1}
body.tw-page-projects .project-card .role-badge{flex:none}
body.tw-page-projects .project-module-card{box-shadow:none;transform:none}
body.tw-page-projects .hero>.eyebrow,body.tw-page-projects .hero>div>.eyebrow{display:none}
body.tw-page-operations .operations-section-nav{display:flex;flex-wrap:wrap;gap:6px;margin-block:12px}
body.tw-page-operations .operations-section-nav a{flex:1 1 160px;min-width:0;padding:10px 12px;border-radius:var(--tw-radius-sm);min-height:44px}
body.tw-page-operations .operations-section-nav small{font-size:.75rem;line-height:1.4}
body.tw-page-operations .show-cards{grid-template-columns:minmax(0,1fr);gap:4px;max-height:65dvh;overscroll-behavior:contain;scrollbar-gutter:stable}
body.tw-page-operations .show-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 16px;padding:10px 12px;border-radius:var(--tw-radius-sm);background:var(--tw-surface)}
body.tw-page-operations .show-card h3{grid-column:1;margin:0;font-size:.9375rem}
body.tw-page-operations .show-card p{grid-column:1;margin:0;color:var(--tw-text-muted);font-size:.75rem}
body.tw-page-operations .show-card>p+p{grid-column:2;grid-row:1/3;font-size:.75rem}
body.tw-page-operations .show-card>button{grid-column:3;grid-row:1/3;align-self:center}
body.tw-page-operations .show-actions{gap:8px;margin:10px 0}
body.tw-page-operations :where(.playlist-row,.project-file-row,.draft-row){border-radius:var(--tw-radius-sm);padding:10px 12px;box-shadow:none}
body.tw-page-music .asset-card{padding:10px 12px;border-radius:var(--tw-radius-sm);box-shadow:none}
body.tw-page-music .asset-list{gap:4px;overscroll-behavior:contain;scrollbar-gutter:stable}
body.tw-page-music .detail-header{gap:10px}
body.tw-page-profile :where(.profile-card,.profile-section){box-shadow:none}
body.tw-page-login .studio-hero{box-shadow:none}
@media(min-width:901px) and (pointer:fine){
 body.tw-page:not(.tw-page-remote):not(.tw-page-studio) :where(button,.button,.action-link,.header-link,.secondary-button,.member-action,.return-link,.text-button){min-height:36px}
 body.tw-page:not(.tw-page-remote) .tw-navigation-header :where(.tw-context-action,.account-link,button,.tw-nav-brand){min-height:36px}
}
@media(max-width:680px){
 body.tw-page:not(.tw-page-studio):not(.tw-page-remote) .workspace{padding:12px}
 body.tw-page-projects .project-card:not(.project-home){grid-template-columns:minmax(0,1fr);gap:8px}
 body.tw-page-projects .project-card:not(.project-home) .project-operational-status{grid-column:1}
 body.tw-page-projects .project-card:not(.project-home) .project-actions{grid-column:1;grid-row:auto;justify-self:end}
 body.tw-page-operations .show-card{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
 body.tw-page-operations .show-card>p+p{grid-column:1;grid-row:3}
 body.tw-page-operations .show-card>button{grid-column:2;max-width:7rem;white-space:normal}
 body.tw-page-operations .operations-section-nav a{flex-basis:100%;padding:8px 12px}
}

body.tw-page-studio :is(.group-labels,.time-ruler,.timeline-corner,.music-waveform){background-color:var(--tw-surface);border-color:var(--tw-border)}
body.tw-page-studio .preview-camera-hint{color:var(--tw-text-muted);background:var(--tw-surface)}