body:has(.performance-director)>div footer:not(.performance-footer){display:none}.performance-director.director-editor{color:#eceef0;--performance-muted:#a7afb8;background:#0b0b0d;height:auto;min-height:100dvh;padding:0 18px;font-size:12px;display:block;overflow:visible}.performance-director *{box-sizing:border-box;min-width:0}.performance-director p{color:var(--performance-muted);line-height:1.65}.performance-header{border-bottom:1px solid #ffffff17;align-items:center;gap:20px;min-height:68px;display:flex}.performance-brand{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.performance-brand>svg{color:#edbd72}.performance-brand strong{font-size:16px}.performance-brand strong span{color:#bdc4ce;font-weight:400}.performance-header>input{background:0 0;border-color:#0000;width:170px}.performance-header nav{gap:4px;margin:0 auto;display:flex}.performance-header nav button{color:#b7bec8;background:0 0;border-color:#0000}.performance-header nav button span{color:#909aa5;border:1px solid #ffffff23;border-radius:50%;width:19px;height:19px;font-size:10px;line-height:17px}.performance-header nav button[aria-current=step]{color:#f3ca86;background:#edbd7210;border-color:#edbd7245}.performance-header-tools{align-items:center;gap:6px;display:flex}.performance-save-state{color:#a8b9a8;max-width:130px;font-size:10px}.performance-demo-note{color:#b7b1a6;align-items:center;gap:9px;padding:9px 0;font-size:11px;display:flex}.performance-error{background:#422222;border:1px solid #a66161;border-radius:6px;align-items:center;gap:9px;margin:8px 0;padding:12px;display:flex}.performance-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 255px;align-items:start;gap:12px;margin-top:12px;display:grid}.performance-original,.performance-preview-panel,.performance-inspector{background:#111214;border:1px solid #ffffff14;border-radius:7px;overflow:hidden}.performance-original>header,.performance-preview-panel>header{background:#17191c;justify-content:space-between;align-items:center;gap:9px;padding:10px 12px;display:flex}.performance-original>header span,.performance-preview-panel>header span{color:#a8b0bb;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.performance-original>p,.performance-preview-panel>p{margin:0;padding:8px 12px;font-size:10px}.performance-original-frame{aspect-ratio:16/9;background:#191c20;place-items:center;display:grid;position:relative}.performance-original-frame video{object-fit:contain;width:100%;height:100%;max-height:560px}.performance-empty{text-align:center;max-width:350px;padding:20px}.performance-empty>svg{color:#7c8793;margin:auto}.performance-empty h1{margin:12px 0 8px;font-size:20px;line-height:1.25}.performance-empty p{font-size:12px}.performance-empty button{margin-top:12px}.performance-canvas-wrap{background:#30353a;width:100%;max-height:560px;position:relative;overflow:hidden}.performance-canvas-wrap canvas{width:100%;height:100%;display:block}.performance-preview-caption{color:#e2e5e9;white-space:nowrap;background:#111214c9;border:1px solid #ffffff18;border-radius:4px;padding:4px 9px;font-size:10px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.performance-preview-error{background:#17191ced;place-items:center;padding:25px;display:grid;position:absolute;inset:0;color:#eed0d0!important}.performance-preview-loading{aspect-ratio:16/9;color:#abb2bd;place-items:center;display:grid}.performance-canvas-wrap>.performance-preview-loading{aspect-ratio:auto;background:#252c35;margin:0;position:absolute;inset:0}.performance-inspector{max-height:650px;padding:17px;overflow-y:auto}.performance-eyebrow{color:#edbd72;letter-spacing:1px;font-size:10px}.performance-inspector h2{margin:8px 0;font-size:21px;line-height:1.2}.performance-inspector>p{margin:9px 0 14px;font-size:11px}.performance-inspector label:not(.performance-check){color:#cad0d8;margin-top:13px;font-size:11px;display:block}.performance-inspector label>span{float:right;color:#f3ca86}.performance-inspector input:not([type=checkbox]),.performance-inspector select{width:100%;margin-top:5px}.performance-inspector input[type=range]{accent-color:#edbd72;height:20px;padding:0}.performance-inspector label small{color:#a8b0bb;font-size:10px}.performance-inspector>button,.performance-inspector>a{flex-wrap:wrap;width:100%;margin-top:10px}.performance-inspector>button small{opacity:.8;width:100%;font-size:10px}.performance-check{color:#c4cad2;align-items:flex-start;gap:8px;margin:14px 0;font-size:11px;line-height:1.55;display:flex}.performance-check input{accent-color:#edbd72;flex-shrink:0;margin:3px 0}.performance-file-input{clip-path:inset(50%);white-space:nowrap;height:1px;position:absolute;overflow:hidden;width:1px!important;margin:0!important;padding:0!important}.performance-angle-actions{gap:8px;margin-top:16px;display:flex}.performance-angle-actions button{flex:1}.performance-progress{background:#edbd7210;border:1px solid #edbd723b;border-radius:5px;align-items:center;gap:12px;margin:10px 0;padding:12px;display:flex}.performance-progress progress{accent-color:#edbd72;flex:1}.performance-transport{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:12px 0;display:flex}.performance-transport>input{accent-color:#edbd72;flex:1;height:18px;padding:0}.performance-transport>span{color:#eac184;font-size:11px}.performance-transport output{color:#d1d6dd;font-variant-numeric:tabular-nums}.performance-presets{padding:14px 0}.performance-presets>header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.performance-presets>header>span{color:#9da7b4;font-size:11px}.performance-presets>header>button{margin-left:auto}.performance-presets>div{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.performance-presets>div>button{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;display:flex}.performance-presets>div>button>svg{color:#a5aeb9}.performance-presets>div>button small{color:#a9b2bf;font-size:9px}.performance-presets>div>button[aria-pressed=true]{background:#edbd7214;border-color:#edbd72}.performance-presets>div>button[aria-pressed=true]>svg{color:#edbd72}.performance-timeline-fieldset{border:0;margin:0;padding:0}.performance-timeline-fieldset:disabled{opacity:.65;pointer-events:none}.performance-timeline{background:#111214;border:1px solid #ffffff17;border-radius:7px;overflow:hidden}.performance-timeline>header{border-bottom:1px solid #ffffff13;align-items:center;gap:12px;padding:9px 12px;display:flex}.performance-timeline>header>span{color:#a5aeba;font-size:10px}.performance-timeline>header>div{gap:6px;margin-left:auto;display:flex}.performance-timeline-grid{grid-template-columns:125px minmax(0,1fr);display:grid}.performance-track-labels{background:#17191c;grid-template-rows:28px 63px 36px 30px;display:grid}.performance-track-labels>span{border-bottom:1px solid #ffffff0b;align-items:center;gap:7px;padding:8px;font-size:10px;display:flex}.performance-timeline-scroll{overflow:auto}.performance-timeline-content{min-width:100%;position:relative}.performance-ruler{cursor:crosshair;border-bottom:1px solid #ffffff17;height:28px;position:relative}.performance-ruler>span{color:#aab3c0;border-left:1px solid #ffffff32;padding-left:4px;font-size:9px;position:absolute;top:7px}.performance-angle-lane{border-bottom:1px solid #ffffff0b;height:63px;position:relative}.performance-angle{height:52px;padding:0 3px 0 0;position:absolute;top:5px}.performance-angle>button{white-space:nowrap;text-overflow:ellipsis;background:#34404e;border-color:#627188;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-right:10px;display:flex;overflow:hidden}.performance-angle>button>small{opacity:.8;font-size:9px}.performance-angle.is-selected>button{background:#67512e;border-color:#edbd72}.performance-angle>[role=slider]{cursor:ew-resize;touch-action:none;border-right:2px solid #fff5;width:8px;height:47px;position:absolute;top:3px;right:2px}.performance-source-lane,.performance-audio-lane{color:#c2cad4;background:#242b34;border-bottom:1px solid #ffffff12;align-items:center;height:36px;padding:5px 12px;font-size:10px;display:flex}.performance-audio-lane{color:#b5caca;background:#1b2628;height:30px}.performance-playhead{pointer-events:none;background:#f3ce92;width:1px;position:absolute;top:0;bottom:0}.performance-footer{color:#a6aeb8;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:15px 0;font-size:10px;display:flex}.performance-footer a{align-items:center;gap:6px;display:inline-flex}.performance-director :focus-visible{outline-offset:3px;outline:2px solid #edbd72}@media (min-width:1500px){.performance-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 285px}}@media (max-width:1150px){.performance-header{flex-wrap:wrap;gap:10px;padding:10px 0}.performance-header nav{order:3;justify-content:center;width:100%}.performance-header-tools{margin-left:auto}.performance-workspace{grid-template-columns:minmax(0,1fr) 250px}.performance-original,.performance-preview-panel{grid-column:1}.performance-inspector{grid-area:1/2/span 2;max-height:1000px}.performance-presets>div{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:650px){.performance-director{padding:0 10px}.performance-header>input{flex:1;width:120px}.performance-brand strong{font-size:13px}.performance-header-tools{flex-wrap:wrap;justify-content:flex-end;width:100%}.performance-header nav{justify-content:flex-start;overflow-x:auto}.performance-header nav button{white-space:nowrap;flex:1;padding:6px;font-size:10px}.performance-workspace{flex-direction:column;display:flex}.performance-workspace>*{width:100%}.performance-inspector{max-height:none}.performance-demo-note{align-items:flex-start;font-size:10px}.performance-transport{flex-wrap:wrap;gap:9px}.performance-transport>span{display:none}.performance-transport output{font-size:10px}.performance-presets>header>span{display:none}.performance-presets>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.performance-presets>div>button{padding:8px 5px;font-size:9px}.performance-presets>div>button small,.performance-timeline>header>span{display:none}.performance-timeline-grid{grid-template-columns:78px minmax(0,1fr)}.performance-track-labels>span{gap:4px;font-size:9px}.performance-track-labels svg{width:12px}.performance-footer{font-size:9px}}.performance-presets>div>button>img{aspect-ratio:16/9;object-fit:cover;border-radius:3px;width:100%;height:auto;margin-bottom:4px;display:block}main.performance-director.director-editor>header.performance-header>input{flex:0 170px;width:170px}.performance-header>.performance-brand,.performance-header>nav,.performance-header-tools{flex-shrink:0}@media (min-width:1151px){.performance-inspector{max-height:440px}}@media (max-width:650px){main.performance-director.director-editor>header.performance-header>input{flex:100px;width:110px}}.performance-preview-panel{background:#30353a}.performance-preview-panel>p{background:#111214}.performance-advanced{border-top:1px solid #ffffff17;margin-top:14px;padding-top:10px}.performance-advanced summary{color:#c5cbd4;font-size:11px}.performance-motion-status{border-top:1px solid #ffffff14;padding:12px 14px;font-size:12px}.performance-motion-status>label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.performance-motion-status small,.performance-motion-status p,.performance-motion-status div>span{color:#b3bac5}.performance-motion-status div>span{margin-left:8px}.performance-motion-status p{margin:7px 0 0;line-height:1.5}.performance-motion-status progress{accent-color:#edbd72;width:100%;height:5px;margin:10px 0}.performance-motion-status button{margin:6px 6px 0 0;padding:5px 9px;font-size:11px}.performance-motion-status strong{color:#dce9dd}.performance-motion-status details{margin-top:8px}.performance-motion-status summary{cursor:pointer;color:#b3bac5}.director-editor .performance-motion-status{text-align:left;background:#111214}.director-editor .performance-motion-status>label{flex-direction:row;justify-content:flex-start;gap:8px;display:flex}.director-editor .performance-motion-status input[type=checkbox]{accent-color:#edbd72;width:14px;height:14px;margin:0}.performance-motion-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.director-editor .performance-motion-status details label{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;margin-top:8px;display:flex}