.composition-page{min-width:0;padding:20px 16px 0}.composition-page h1{font-size:28px}.composition-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.composition-card{background:var(--background);border:1px solid var(--border);border-radius:24px;min-width:0;padding:20px}.composition-source{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 0;display:flex}.composition-source>div:first-child,.composition-source>span{overflow-wrap:anywhere;min-width:0}.composition-source small{color:var(--muted-foreground);font-size:12px;display:block}.composition-source>div:last-child{flex-wrap:wrap;gap:4px;display:flex}.composition-source>button{text-align:start;overflow-wrap:anywhere;background:0 0;border:0;min-width:0}.composition-header{margin-bottom:16px}.composition-header label{max-width:560px;display:block}.composition-scope{background:var(--muted);border-radius:999px;align-items:center;gap:4px;min-width:0;max-width:100%;height:52px;margin-bottom:12px;padding:4px;display:flex}.composition-scope>button:first-child{white-space:normal;flex:none;max-width:45%}.composition-scope button{border-radius:999px;min-width:44px;min-height:44px;font-size:14px;font-weight:500}.composition-scope button[aria-selected=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 3px #00000014}.composition-scope__segments{scrollbar-width:thin;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.composition-scope__segments button{flex:none}.composition-workbench .clip-workbench__clip-tabs,.composition-workbench>.clip-workbench__download,.composition-workbench .nle-delivery,.composition-workbench[data-composition-whole=true] .clip-workbench__range-card,.composition-workbench[data-composition-whole=true] .audio-cleanup-task{display:none}.composition-effects{flex-direction:column;gap:16px;display:flex}.composition-effects label{flex-direction:column;gap:8px;display:flex}.composition-caption{border-bottom:1px solid var(--border);padding:12px 0;display:block}.composition-caption button{color:var(--muted-foreground);text-align:start;background:0 0;border:0;min-height:44px}.composition-captions textarea{min-height:76px}.composition-delivery{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.composition-delivery>div{flex-basis:100%}.composition-delivery video,.composition-proposal video{border-radius:20px;width:100%;max-height:340px}.composition-lock{color:#b7791f;align-items:center;gap:4px;font-size:12px;display:inline-flex}.composition-lock svg{width:14px;height:14px}.composition-proposal{max-height:90dvh;overflow-y:auto}.composition-page button{touch-action:manipulation}.composition-source ol{list-style:none}@media (max-width:760px){.composition-selection-grid{grid-template-columns:minmax(0,1fr)}.composition-card{padding:16px}.composition-scope{gap:0}.composition-scope>button:first-child{max-width:84px;padding-inline:8px}.composition-scope>button:not(:first-child){padding:0}.composition-page .clip-workbench__actions{max-width:100%}.composition-source>div:last-child{max-width:144px}.composition-header input{width:100%}}.recent-content-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:16px;display:flex}.recent-content-controls>.composition-content-tabs{min-width:0;margin-bottom:0}.recent-content-controls>a{flex-shrink:0;margin-left:auto}.composition-content-tabs{background:var(--muted);border-radius:999px;gap:4px;width:max-content;max-width:100%;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.composition-content-tabs button{white-space:nowrap;min-height:44px}.composition-content-tabs [aria-selected=true]{background:var(--background);box-shadow:0 1px 3px #0001}.unified-workspace__task-capsule{border-radius:999px;flex:1;align-items:center;min-width:44px;display:flex}.unified-workspace__task-capsule[data-active=true]{background:var(--background);box-shadow:0 1px 3px #0001}.unified-workspace__task-capsule>button{background:0 0;border:0;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:4px;display:flex}.unified-workspace__task-capsule>.composition-lock{white-space:nowrap;flex:none;padding-inline:4px}.composition-title-dialog,.composition-effects-dialog{max-height:90dvh;overflow-y:auto}.composition-title-list,.composition-title-range{flex-wrap:wrap;gap:8px;display:flex}.composition-title-range label{flex:1;min-width:100px}.composition-title-hide{align-items:center;gap:8px;min-height:44px;display:flex}.composition-caption-context{color:var(--muted-foreground);text-align:start;background:0 0;border:0;min-height:30px;padding:4px 8px;font-size:12px}.app-main:has(>.composition-page){padding:24px 0 0}.composition-plan-gate{background:0 0!important;border:0!important;padding:0 4px!important}.composition-plan-gate .plan-gate-link__label--compact{display:none!important}.composition-plan-gate .plan-gate-link__label--full{display:inline!important}.composition-lock:before{content:"["}.composition-lock:after{content:"]"}.composition-save-gate.plan-gate-link{background:var(--muted);border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:500}.composition-save-gate .composition-lock{font-weight:700}.composition-scheme-dialog,.composition-title-dialog,.composition-effects-dialog,.composition-add-dialog,.composition-proposal{width:min(760px,100vw - 32px);max-width:760px;max-height:90dvh;overflow-y:auto}.composition-scheme-targets{gap:12px;padding:0;list-style:none;display:grid}.composition-scheme-targets>li{border:1px solid var(--border);border-radius:16px;gap:8px;padding:12px;display:grid}.composition-scheme-targets select,.composition-effects select{border:1px solid var(--border);background:var(--background);border-radius:12px;max-width:100%;min-height:44px;padding:8px}.composition-scheme-targets details{min-width:0}.composition-scheme-targets summary{cursor:pointer;min-height:44px}.composition-source button,.composition-delivery button{min-height:44px}.composition-scope__segments{scroll-padding:8px}.composition-title-dialog .media-preferences-controls{min-width:0}@media (max-width:640px){.composition-scheme-dialog,.composition-title-dialog,.composition-effects-dialog{border-radius:0;align-content:start;width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:20px 16px;position:fixed;inset:0;transform:translate(0,0)}}.composition-title-track{gap:4px;min-height:0;display:grid;position:relative}.composition-title-track button{border:1px solid var(--border);background:var(--muted);min-height:28px;color:var(--foreground);text-align:start;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;font-size:12px;overflow:hidden}.composition-title-range [aria-invalid=true]{border-color:var(--destructive)}.composition-selection-grid label,.composition-source-picker>label{min-width:0;max-width:100%;display:block}.composition-selection-grid select,.composition-source-picker select{text-overflow:ellipsis;width:100%;min-width:0;max-width:100%;min-height:44px;display:block}.composition-scope__segments button{white-space:normal;max-width:100%;line-height:1.1}.composition-header>a{align-items:center;gap:6px;display:inline-flex}.composition-header>a>svg{width:16px;height:16px}.composition-name-control[data-slot=button]{max-width:100%;height:auto;min-height:32px;font:inherit;text-align:start;white-space:normal;justify-content:flex-start;padding:0}.composition-name-control svg{flex:none}.composition-preview-notice{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;padding:0 12px 8px;font-size:12px;display:flex}.composition-preview-notice p{margin:0}.composition-preview-notice p:last-child:not(:first-child){width:100%}.composition-source-picker{min-width:0;container-type:inline-size}.composition-source-order{color:var(--muted-foreground);margin-block:12px;font-size:12px}.composition-source-pagination{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.composition-source-pagination>span{color:var(--muted-foreground);font-size:12px}.composition-source-option{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.composition-source.composition-source-option>.composition-source__actions{flex-wrap:nowrap;flex-shrink:0;gap:4px;max-width:none;display:flex}.composition-source__information{overflow-wrap:anywhere;min-width:0}.composition-source-added{color:var(--accent-dark);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.composition-source-added button{min-height:44px}.composition-arrangement{scroll-margin-top:calc(var(--app-navigation-height,72px) + 16px);align-self:start;scroll-padding:16px}.composition-arrangement:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@container (max-width:440px){.composition-source-option{grid-template-columns:minmax(0,1fr)}.composition-source.composition-source-option>.composition-source__actions{justify-content:flex-end;width:100%}}@media (min-width:761px){.composition-arrangement{top:calc(var(--app-navigation-height,72px) + 16px);max-height:calc(100dvh - var(--app-navigation-height,72px) - 128px);flex-direction:column;display:flex;position:sticky;overflow:hidden}.composition-arrangement>:not(ol){flex-shrink:0}.composition-arrangement>ol{overscroll-behavior:contain;flex:auto;min-height:0;scroll-padding:8px;overflow-y:auto}}.composition-source-pagination button,.composition-source-picker input{min-height:44px}.composition-arrangement .composition-source>div:last-child{flex-wrap:nowrap;flex:none}:is(.composition-title-dialog,.composition-effects-dialog,.composition-scheme-dialog,.composition-proposal) [data-slot=dialog-footer]{justify-content:flex-end}:is(.composition-title-dialog,.composition-effects-dialog,.composition-scheme-dialog,.composition-proposal) [data-slot=dialog-footer]>[data-slot=button]{min-height:44px}:is(.composition-title-dialog,.composition-effects-dialog,.composition-scheme-dialog,.composition-proposal) [data-slot=dialog-footer]>[data-plan-gated-action]{align-self:flex-end}.composition-proposal__summary{color:var(--muted-foreground);flex-wrap:wrap;gap:4px 16px;display:flex}.composition-proposal__comparison{flex-wrap:wrap;gap:8px;display:flex}.composition-proposal__scope{background:var(--muted);overflow-wrap:anywhere;border-radius:12px;margin:0;padding:10px 12px}.composition-proposal video{aspect-ratio:auto 16/9;object-fit:contain;background:#000;max-height:min(52dvh,420px);display:block}.composition-proposal [data-slot=dialog-footer]{flex-flow:wrap;align-items:center}.composition-proposal [data-slot=dialog-footer]>:is([data-slot=button],[data-plan-gated-action]){flex:none}.composition-proposal [data-slot=dialog-footer] [data-slot=button]{white-space:nowrap;overflow-wrap:normal;height:44px;min-height:44px}body:has(.composition-page) :is([role=dialog],[role=alertdialog]) :is([data-slot=dialog-footer],[data-slot=alert-dialog-footer],[data-slot=dialog-content] footer,.independent-tools__panel>footer,.brand-scheme-editor>footer,.independent-tools__confirm>footer){flex-flow:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}body:has(.composition-page) :is([role=dialog],[role=alertdialog]) :is([data-slot=dialog-footer],[data-slot=alert-dialog-footer],[data-slot=dialog-content] footer,.independent-tools__panel>footer,.brand-scheme-editor>footer,.independent-tools__confirm>footer)>:is([data-slot=button],[data-plan-gated-action]){flex:none;align-self:center;width:fit-content;max-width:100%}body:has(.composition-page) :is([role=dialog],[role=alertdialog]) :is([data-slot=dialog-footer],[data-slot=alert-dialog-footer],[data-slot=dialog-content] footer,.independent-tools__panel>footer,.brand-scheme-editor>footer,.independent-tools__confirm>footer) [data-slot=button]{height:var(--plan-action-height,44px);min-height:var(--plan-action-height,44px);white-space:normal;overflow-wrap:anywhere;padding-block:0}body:has(.composition-page) :is([role=dialog],[role=alertdialog]) :is([data-slot=dialog-footer],[data-slot=alert-dialog-footer],[data-slot=dialog-content] footer,.independent-tools__panel>footer,.brand-scheme-editor>footer,.independent-tools__confirm>footer)>[data-plan-gated-action]{flex-shrink:0}body:has(.composition-page) .independent-tools__confirm{max-height:calc(100dvh - 32px);overflow-y:auto}body:has(.composition-page) .independent-tools__confirm:not(.brand-batch-confirm):not(:has(.scheme-apply-targets)){justify-content:flex-end}body:has(.composition-page) .independent-tools__confirm>[data-slot=button]{white-space:normal;flex:none;max-width:100%;min-height:44px}body:has(.composition-page) [data-slot=dialog-close]{width:44px;min-width:44px;height:44px;min-height:44px}body:has(.composition-page) :is([data-slot=dialog-title],[data-slot=alert-dialog-title]){overflow-wrap:anywhere;padding-inline-end:28px}.composition-confirm-dialog{width:min(560px,100vw - 32px);max-width:560px;max-height:calc(100dvh - 32px);overflow-y:auto}.composition-source-preview{width:min(760px,100vw - 32px);max-width:760px;max-height:calc(100dvh - 32px);overflow-y:auto}.composition-source-preview video{aspect-ratio:auto 16/9;object-fit:contain;background:#000;border-radius:20px;width:100%;max-height:60dvh;display:block}body:has(.composition-page) .caption-glossary-dialog [data-slot=dialog-footer] [data-slot=button][data-variant=default]{height:40px;min-height:40px}.composition-settings-dialog[data-slot=dialog-content]{border-radius:24px;flex-direction:column;gap:0;width:min(1120px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);padding:0;display:flex;overflow:hidden}.composition-settings-dialog>[data-slot=dialog-header]{border-bottom:1px solid var(--border);flex:none;padding:24px 56px 20px 24px}.composition-settings-dialog>.composition-settings-dialog__body{overscroll-behavior:contain;flex:auto;min-height:0;padding:24px;scroll-padding-block:20px;overflow-y:auto}.composition-settings-dialog>[data-slot=dialog-footer]{border-top:1px solid var(--border);background:var(--card);flex:none;margin:0;padding:16px 24px}.composition-settings-dialog [data-slot=dialog-description]{line-height:1.6}.composition-settings-dialog :is(input:not([type=checkbox]):not([type=radio]),select){border-radius:999px;min-height:44px}.composition-effects-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.composition-effects-modes--single{grid-template-columns:minmax(0,1fr)}.composition-scheme-preview-note{color:var(--muted-foreground);border-bottom:1px solid var(--border);margin:0;padding:12px 20px;font-size:13px;line-height:1.6}.composition-effects-modes>label{min-width:0;color:var(--muted-foreground);gap:8px;font-size:13px;display:grid}.composition-effects-modes select{border:1px solid var(--border);background:var(--card);width:100%;min-width:0;height:44px;color:var(--foreground);padding:8px 36px 8px 14px;font-size:14px}.composition-effects-controls{gap:24px;min-width:0;display:grid}.composition-effects-controls>.media-preferences-controls[data-kind=bookends]{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:start;gap:20px 28px;padding:0;display:grid}.composition-effects-controls>.media-preferences-controls>.media-preferences-controls__boundary{grid-column:1/-1;margin:0}.composition-effects-controls>.media-preferences-controls>.media-preferences-controls__preferences{grid-area:2/1}.composition-effects-controls>.media-preferences-controls>.media-preferences-controls__preview{border:1px solid var(--border);background:var(--muted);border-radius:20px;grid-area:2/2;padding:16px;position:sticky;top:0}.composition-effects-controls .media-preferences-controls[data-kind=bookends] .media-preferences-controls__sections{grid-template-columns:minmax(0,1fr)}.composition-effects-controls .media-preferences-controls__preview p{color:var(--muted-foreground);font-size:12px;line-height:1.6}.composition-title-list{margin-bottom:20px}.composition-title-workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.composition-title-workspace[data-has-title=false]{grid-template-columns:minmax(0,1fr)}.composition-title-editor,.composition-title-global{gap:16px;min-width:0;display:grid}.composition-title-dialog .media-preferences-controls[data-kind=elements]{padding:0;display:block}.composition-title-dialog .media-preferences-controls[data-kind=elements] .media-preferences-controls__sections{grid-template-columns:minmax(0,1fr)}.composition-title-dialog .media-preferences-controls[data-kind=elements][data-current=true] .media-preferences-controls__sections>.media-preferences-controls__section{border-inline-start:0;padding-inline-start:0}.composition-title-dialog .composition-title-hide{font-size:13px;line-height:1.6}.composition-title-dialog .composition-title-hide input{width:18px;height:18px;accent-color:var(--accent-dark);flex:none}.composition-title-dialog .composition-title-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.composition-title-dialog .composition-title-range label{min-width:0;color:var(--muted-foreground);gap:8px;font-size:13px;display:grid}.composition-title-dialog .composition-title-range input{height:44px}@media (max-width:900px){.composition-title-workspace{grid-template-columns:minmax(0,1fr)}.composition-effects-controls>.media-preferences-controls[data-kind=bookends]{flex-direction:column;align-items:stretch;display:flex}.composition-effects-controls>.media-preferences-controls>.media-preferences-controls__boundary{order:0}.composition-effects-controls>.media-preferences-controls>.media-preferences-controls__preferences{order:1}.composition-effects-controls>.media-preferences-controls>.media-preferences-controls__preview{order:2;position:static}}@media (max-width:640px){.composition-settings-dialog[data-slot=dialog-content]{border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;inset:0;--tw-translate-x:0px!important;--tw-translate-y:0px!important;animation:none!important;transform:none!important}.composition-settings-dialog>[data-slot=dialog-header]{padding:20px 56px 16px 16px}.composition-settings-dialog>.composition-settings-dialog__body{padding:16px}.composition-settings-dialog>[data-slot=dialog-footer]{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.composition-effects-modes{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:20px}.composition-settings-dialog .media-preferences-controls--compact :is(input:not([type=checkbox]):not([type=radio]),select){height:44px;min-height:44px}.composition-settings-dialog .media-preferences-controls--compact label{grid-template-columns:minmax(0,1fr)}}.composition-title-dialog :is(.composition-title-list,.composition-title-editor)>[data-slot=button]{min-height:44px}.composition-task-panel{overflow-wrap:anywhere;gap:16px;min-width:0;padding:14px;display:grid}.composition-task-panel>.composition-arrangement{gap:12px;min-width:0;max-height:none;display:grid;position:static;overflow:visible}.composition-task-panel .composition-arrangement>ol{min-width:0;margin:0;padding:0;list-style:none;overflow:visible}.composition-task-panel :is(h3,p){margin:0}.composition-task-panel>p{color:var(--muted-foreground);font-size:13px;line-height:1.6}.composition-task-panel .composition-source{grid-template-columns:minmax(0,1fr) auto;display:grid}.composition-task-panel .composition-effects select{border-radius:999px;width:100%;min-width:0}@container workbench-task (max-width:440px){.composition-task-panel .composition-source{grid-template-columns:minmax(0,1fr);gap:4px}.composition-task-panel .composition-source>div:last-child{justify-content:flex-end;max-width:100%}}@media (max-width:640px){.composition-scheme-dialog[data-slot=dialog-content]{min-width:0;inset:0;overflow-x:hidden;--tw-translate-x:0px!important;--tw-translate-y:0px!important;animation:none!important;transform:none!important}.composition-scheme-dialog>*{overflow-wrap:anywhere;min-width:0}.composition-transition-inclusion{gap:8px;min-width:0;display:grid}.composition-transition-inclusion>label{align-items:center;gap:8px;min-height:32px;display:flex}}