:root{color:#dadbe5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#15161b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#bfc1cd;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:6px 8px;display:inline-flex}button:hover{color:#fff;background:#30313d}button:disabled{opacity:.35;cursor:default}:is(button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:2px;outline:2px solid #bca5ff}input,select,textarea{color:#e7e6ed;background:#18191f;border:1px solid #383945;border-radius:4px;min-width:0;padding:5px 7px}input[type=number]{font-variant-numeric:tabular-nums;width:80px}input[type=color]{width:38px;height:27px;padding:2px}select{max-width:150px}textarea{resize:vertical;width:100%;min-height:65px}small{color:#a1a2b2;font-size:10px}svg{flex-shrink:0}.workspace{flex-direction:column;height:100dvh;min-height:620px;display:flex;overflow:hidden}.app-header{background:#202127;border-bottom:1px solid #34353e;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:65px;padding:0 19px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:19px;display:flex}.brand-mark{color:#252033;letter-spacing:-2px;background:#b4a1f5;border-radius:8px;place-items:center;width:33px;height:33px;padding-right:3px;font-size:23px;font-weight:800;display:grid}.brand b{color:#bca7ff;font-weight:400}.build-tag{letter-spacing:1px;color:#ac9bd5;border:1px solid #484253;border-radius:4px;margin-left:3px;padding:3px 5px;font-size:8px}.project-name{text-align:center;min-width:180px}.project-name input{text-align:center;background:0 0;border:0;width:100%;padding:0 5px 3px;font-size:13px;display:block}.save-state{color:#8d909f;font-size:10px}.header-actions{align-items:center;gap:12px;display:flex}.header-actions>button{border-color:#454351}.local-avatar{color:#d3c7f7;background:#424052;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.main-toolbar{background:#22232a;border-bottom:1px solid #383944;flex-shrink:0;align-items:center;gap:3px;height:43px;padding:0 14px;display:flex}.divider{background:#44444e;width:1px;height:18px;margin:0 8px}.toolbar-spacer{flex:1}.tool-active{color:#d9c4ff;background:#474056}.export-button{color:#201b2c;background:#b8a1ef;padding:7px 12px;font-weight:600}.export-button:hover{color:#201b2c;background:#c9b4ff}.notice{color:#ffdcac;overflow-wrap:anywhere;background:#49372b;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;max-height:90px;padding:7px 14px;display:flex;overflow:auto}.editor-body{flex:1;grid-template-columns:225px minmax(250px,1fr) 268px;min-height:0;display:grid}.panel{background:#23242b}.panel-title{color:#d7d5e1;border-bottom:1px solid #373841;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:39px;padding:0 12px;display:flex}.panel-title>span{align-items:center;gap:8px;font-weight:600;display:flex}.panel-title button{font-size:10px}.project-panel{border-right:1px solid #383944;flex-direction:column;display:flex;overflow:auto}.project-meta{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:22px 12px 20px;display:flex}.project-meta b{text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.project-icon{color:#c9b2ff;background:linear-gradient(135deg,#44375d,#282936);border:1px solid #55476b;border-radius:9px;place-items:center;width:56px;height:50px;margin-bottom:7px;display:grid}.section-label{letter-spacing:1.2px;color:#8d91a3;padding:15px 14px 8px;font-size:9px}.asset-row{border-radius:0;align-items:center;gap:4px;width:100%;padding:3px 6px;display:flex}.asset-row.active{background:#383343;border-left:2px solid #b599f8;padding-left:4px}.asset-main{text-align:left;flex:1;justify-content:flex-start;min-width:0;padding:7px 6px;display:flex}.asset-main>span{text-overflow:ellipsis;display:block;overflow:hidden}.asset-main small{color:#9091a2;margin-top:4px;font-size:9px;display:block}.asset-main>svg{color:#b7a0f0}.import-placeholder{border:1px dashed #494753;border-radius:7px;flex-direction:column;gap:8px;margin:8px 13px 18px;padding:22px 10px;display:flex}.import-placeholder>svg{color:#8f819f}.project-footer{color:#b1adbf;border-top:1px solid #34353f;margin-top:auto;padding:15px;font-size:10px}.project-footer small{margin-top:7px;font-size:9px;line-height:1.6;display:block}.status-dot{background:#92b9a2;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.viewer-panel{background:#1b1c22;flex-direction:column;min-width:0;display:flex}.composition-navigation{border-bottom:1px solid #34353f;align-items:center;gap:10px;min-height:30px;padding:4px 12px;font-size:11px;display:flex}.composition-trail{white-space:nowrap;flex:1;min-width:0;overflow-x:auto}.composition-trail button{padding:3px 5px}.composition-connections{flex-shrink:0;position:relative}.composition-connections summary{cursor:pointer}.composition-connection-list{z-index:40;background:#25262e;border:1px solid #555461;border-radius:5px;flex-direction:column;gap:6px;width:280px;max-height:260px;padding:12px;display:flex;position:absolute;top:24px;right:0;overflow-y:auto;box-shadow:0 4px 16px #0008}.composition-connection-list button{text-align:left;white-space:normal;overflow-wrap:anywhere}.stage{background:radial-gradient(#24252d,#1b1c22);flex:1;justify-content:center;align-items:center;min-height:0;padding:30px;display:flex}.canvas-wrap{width:100%;max-width:100%;max-height:100%;position:relative;box-shadow:0 8px 35px #0006;container-type:size}.collaborator-cursors{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.collaborator-cursor{color:var(--peer-color);position:absolute}.collaborator-cursor span{color:#14151e;background:var(--peer-color);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;max-width:150px;padding:2px 5px;font-size:11px;line-height:16px;position:absolute;top:12px;left:12px;overflow:hidden}.collaborator-cursor .cursor-label-left{left:auto;right:4px}.collaborator-cursor .cursor-label-above{top:auto;bottom:2px}.canvas-wrap canvas{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.selection-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.checkerboard{background:repeating-conic-gradient(#373840 0% 25%,#2d2e35 0% 50%) 50%/20px 20px}.media-loading{color:#fff;background:#222c;place-items:center;display:grid;position:absolute;inset:0}.viewer-controls{color:#9295a7;border-top:1px solid #34343e;justify-content:space-between;align-items:center;gap:10px;height:40px;padding:0 13px;font-size:10px;display:flex}.viewer-controls>span{align-items:center;gap:5px;display:flex}.transport{align-items:center;gap:6px;display:flex}.timecode{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#c4bfd4}.audio-meters{background:#202129;border-top:1px solid #30313a;flex-shrink:0;align-items:center;gap:12px;padding:5px 12px 8px;display:flex}.audio-meter-heading{color:#c3b9d5;flex-direction:column;gap:4px;font-size:10px;display:flex}.audio-meter-heading small{color:#9990aa;font-size:9px}.audio-meter-channels{flex:1;min-width:0}.audio-meter-channel{font-variant-numeric:tabular-nums;grid-template-columns:10px minmax(30px,1fr) 34px 65px 29px;align-items:center;gap:6px;height:16px;font-size:9px;display:grid}.audio-meter-scale{color:#92909d;height:12px;margin:0 146px 0 16px;font-size:8px;position:relative}.audio-meter-scale span{position:absolute}.audio-meter-scale span:nth-child(2){left:60%;transform:translate(-50%)}.audio-meter-scale span:nth-child(3){left:80%;transform:translate(-50%)}.audio-meter-scale span:last-child{right:0}.audio-meter-bar{background:#111319;border-radius:1px;height:8px;position:relative;overflow:hidden}.audio-meter-fill{background:#6bbc88;position:absolute;inset:0 auto 0 0}.audio-meter-bar[aria-valuenow="0"] .audio-meter-fill{background:#e87670}.audio-meter-hold{background:#f4d382;width:2px;position:absolute;top:0;bottom:0;transform:translate(-2px)}.audio-meter-value{text-align:right;color:#e1d7ee}.audio-meter-rms{color:#9891a8;text-align:right}.audio-meter-clip{color:#5e5a69;text-align:center;font-size:8px}.audio-meter-clip.clipped{color:#fff;background:#a7353b;border-radius:2px}.audio-meter-reset{white-space:nowrap;padding:5px 7px;font-size:9px}.inspector{border-left:1px solid #393945;overflow:auto}.layer-heading{flex-direction:column;gap:6px;padding:15px 12px;display:flex}.layer-heading input{background:0 0;border-color:#0000;padding:0;font-size:13px}.layer-heading small{letter-spacing:1px;color:#9f92b7;font-size:8px}.audio-help{margin-top:8px;line-height:1.5;display:block}.effect-histogram{border:1px solid #48414f;border-radius:5px;margin:10px 0;padding:8px;font-size:11px}.effect-histogram svg{background:#18161d;width:100%;margin:8px 0;display:block}.effect-histogram svg text{fill:#c3bdcc;font-size:10px}.effect-histogram p{line-height:1.5}dialog:has(.delivery-panel){width:min(880px,100vw - 48px)}.delivery-panel{width:100%}.delivery-panel th:nth-child(2),.delivery-panel td:nth-child(2){min-width:105px}.delivery-panel fieldset{border:1px solid #48414f;margin:12px 0;padding:12px}.delivery-panel label{margin:8px 0;display:block}.delivery-panel .form-row{gap:12px;display:flex}.delivery-panel input:not([type=checkbox]),.delivery-panel select{max-width:60%}.delivery-panel textarea{resize:vertical;width:100%;min-height:64px;display:block}.delivery-panel textarea[readonly]{min-height:220px}.delivery-panel table{border-collapse:collapse;width:100%;margin:12px 0}.delivery-panel th,.delivery-panel td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #48414f;padding:8px}.delivery-panel small{margin:4px 0;line-height:1.5;display:block}.text-check{align-items:center;gap:6px;margin:8px 0;display:flex}.text-checks{flex-wrap:wrap;gap:12px;display:flex}.text-layout-status{color:#d6c6ff;line-height:1.5}.audio-effect-actions{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.audio-effect-reset{margin:8px 0;display:block}.audio-effect-key{border-top:1px solid #343640;margin-top:8px;padding-top:8px}fieldset{border:0;border-top:1px solid #363640;min-width:0;margin:0;padding:10px 12px 14px}legend{color:#c8c4d7;padding:0 5px;font-size:10px;font-weight:600}legend small{padding-left:5px;font-weight:400}.property-row{align-items:center;gap:4px;min-width:0;padding:2px 0;display:flex}.property-label{text-align:left;flex:1;justify-content:flex-start;padding:3px 0;font-size:10px}.property-row input{text-align:right;width:74px;font-size:10px}.property-row button:last-child{padding:4px}.selected-property .property-label{color:#cfb6ff}.animated{color:#c5a7ff}.form-row{justify-content:space-between;align-items:center;gap:8px;margin:9px 0;font-size:10px;display:flex}.form-row select{max-width:133px;font-size:10px}.form-row input{font-size:10px}.inspector-empty{text-align:center;color:#81798e;flex-direction:column;align-items:center;gap:8px;padding:70px 23px;display:flex}.inspector-empty h3{color:#bcb5cd;margin:10px 0 0;font-size:12px}.inspector-empty p{color:#9290a0;font-size:11px;line-height:1.8}.inspector-empty button{color:#cbb2ff;border:1px solid #51465e}.timeline{border-top:1px solid #44414f;flex-direction:column;flex-shrink:0;height:345px;display:flex}.timing-controls{background:#24242d;border-bottom:1px solid #45434f;flex-shrink:0}.timing-toolbar,.timing-toolbar fieldset{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.timing-toolbar{padding:3px 10px;font-size:10px}.timing-toolbar fieldset{border:0;margin:0;padding:0}.timing-toolbar label{align-items:center;gap:4px;display:flex}.timing-toolbar input{width:58px;padding:3px;font-size:10px}.timing-toolbar select,.timing-toolbar button,.timing-caption button{padding:3px 5px;font-size:10px}.timing-track-row{height:23px;display:flex}.timing-caption{color:#b9b4cb;flex-shrink:0;align-items:center;gap:4px;width:300px;padding:2px 8px;font-size:10px;display:flex}.work-strip,.marker-strip{flex:1;min-width:0;margin:0 14px;position:relative}.work-span{touch-action:none;cursor:grab;background:#726685;border:1px solid #ac9ec3;border-radius:2px;min-width:1px;height:11px;padding:0;position:absolute;top:6px}.work-handle{touch-action:none;cursor:ew-resize;background:#d8c5ee;border:1px solid #2c2635;border-radius:2px;width:9px;height:17px;padding:0;position:absolute;top:3px}.work-handle.end{transform:translate(-100%)}.marker-strip{overflow:hidden}.composition-marker{color:#daccec;white-space:nowrap;background:#2c2935;border:0;border-bottom:2px solid;align-items:center;gap:3px;min-width:10px;max-width:100%;height:21px;padding:0 2px;font-size:10px;display:flex;position:absolute;top:1px;overflow:hidden}.composition-marker span{text-overflow:ellipsis;overflow:hidden}.marker-fields{border:0;flex-direction:column;gap:12px;padding:0;display:flex}.marker-fields label{flex-direction:column;gap:5px;display:flex}.marker-fields label:has(input[type=checkbox]){flex-direction:row}.marker-fields textarea{resize:vertical;min-height:75px}.marker-actions{gap:12px;display:flex}.marker-list{max-height:45vh;overflow:auto}.marker-list>div{border-bottom:1px solid #45434f;align-items:center;gap:8px;padding:10px 0;display:flex}.marker-list>div>span{overflow-wrap:anywhere;flex:1;min-width:0}.marker-list small{display:block}.layer-marker-panel{border-bottom:1px solid #353440;padding:8px 14px}.layer-marker-panel>div:last-child{flex-wrap:wrap;gap:4px;display:flex}.layer-marker-panel button{padding:4px;font-size:10px}.layer-marker{white-space:nowrap;z-index:2;color:#ffe2a2;background:#443726;border:0;border-bottom:2px solid;align-items:center;gap:2px;min-width:9px;max-width:100%;height:16px;padding:0 2px;font-size:9px;line-height:12px;display:flex;position:absolute;top:0;overflow:hidden}.layer-marker span{text-overflow:ellipsis;overflow:hidden}.timeline .panel-title{height:36px}.timeline-tools{align-items:center;gap:4px;display:flex}.timeline-tools select{font-size:10px}.timeline-tools button[aria-pressed=true]{color:#d9baff;background:#443650}.timeline-ruler{background:#202128;border-bottom:1px solid #3c3b47;flex-shrink:0;height:49px;display:flex}.timeline-clock{border-right:1px solid #45434f;flex-shrink:0;justify-content:space-between;align-items:center;width:300px;padding:0 14px;display:flex}.timeline-clock>span{color:#cdb4ff;font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:16px}.timeline-clock small{align-items:center;gap:4px;display:flex}.timeline-clock input{width:56px;padding:3px;font-size:10px}.ruler{flex:1;min-width:0;padding:6px 14px 0;position:relative}.ruler-labels{color:#9393a4;pointer-events:none;justify-content:space-between;font-size:9px;display:flex}.ruler input{accent-color:#bd9bff;cursor:ew-resize;border:none;width:100%;height:10px;margin:4px 0 0;padding:0;display:block}.timeline-scroll{flex:1;min-height:0;overflow:auto}.timeline-row{border-bottom:1px solid #30313a;height:33px;display:flex}.timeline-row.selected{background:#34303f}.waveform-row{background:#1c1d25;border-bottom:1px solid #30313a;height:88px;display:flex}.waveform-label{color:#c3b9d5;border-right:1px solid #494351;flex-shrink:0;width:300px;padding:16px 22px;font-size:10px;position:relative}.waveform-label>small{color:#9990aa;margin-top:7px;font-size:9px;display:block}.waveform-channels{flex-direction:column;display:flex;position:absolute;top:4px;right:5px}.waveform-channels>span{height:40px;font-size:9px;line-height:40px}.waveform-lane{cursor:crosshair;flex:1;min-width:0;margin:4px 14px;position:relative}.waveform-lane canvas{pointer-events:none;width:100%;height:80px;display:block}.waveform-message{color:#b8aaca;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;inset:0;overflow:auto}.waveform-message button{white-space:nowrap}.layer-cell{border-right:1px solid #494351;flex-shrink:0;align-items:center;gap:1px;width:300px;padding:0 8px;display:flex}.layer-cell>button{flex-shrink:0;padding:4px}.layer-name{flex:1;justify-content:flex-start;gap:8px;min-width:0;font-size:10px;display:flex;padding:4px 5px!important}.layer-name>span:last-child{text-overflow:ellipsis;overflow:hidden}.layer-name>svg{color:#b7a6d1}.layer-index{color:#767386;min-width:16px;font-size:9px}.track-lane{cursor:crosshair;background:repeating-linear-gradient(90deg,#0000 0 calc(20% - 1px),#ffffff08 calc(20% - 1px) 20%);flex:1;margin:0 14px;position:relative}.layer-bar{opacity:.8;pointer-events:none;background:#80709e;border-radius:2px;height:16px;position:absolute;top:8px}.layer-bar.text{background:#ab8bbe}.layer-bar.image{background:#6b9ba8}.layer-bar.ellipse{background:#8877c0}.layer-bar.composition{background:#b48a65}.playhead-line{z-index:2;pointer-events:none;background:#dac4fc;width:1px;position:absolute;top:0;bottom:0}.timeline-key{color:#e7d7ff;z-index:3;border:0;position:absolute;top:7px;transform:translate(-50%);padding:2px!important}.timeline-footer{color:#8f8b9e;border-top:1px solid #3a3845;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 15px;font-size:9px;display:flex}.timeline-footer select{padding:2px;font-size:9px}.empty-timeline{text-align:center;color:#8e859f;padding:45px}.graph-editor{height:100%;min-height:130px;display:flex}.speed-graph{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.speed-graph small{color:#bbb2c8;padding:4px 14px;font-size:10px}.speed-graph svg{min-height:0}.speed-graph rect[role=button]{cursor:pointer}.speed-graph rect:focus{stroke:#fff;stroke-width:2px;outline:none}.speed-graph circle{cursor:pointer}.speed-graph .speed-graph-status{white-space:nowrap;text-overflow:ellipsis;min-height:22px;overflow:hidden}.speed-graph circle[data-speed-handle]{cursor:move}.graph-label{border-right:1px solid #45404e;flex-direction:column;flex-shrink:0;justify-content:space-between;width:300px;padding:14px;font-size:10px;display:flex}.graph-label span{color:#ada2ba}.graph-controls{justify-content:flex-start;gap:7px;overflow-y:auto}.graph-controls label{justify-content:space-between;align-items:center;gap:6px;display:flex}.graph-navigation{border:1px solid #45404e;gap:6px;margin:0;padding:6px;display:grid}.graph-navigation div{flex-wrap:wrap;gap:4px;display:flex}.graph-navigation input[type=checkbox]{width:auto}.graph-hand svg,.graph-hand svg circle,.graph-hand svg rect[role=button]{cursor:grab;touch-action:none}.graph-panning svg,.graph-panning svg circle{cursor:grabbing}.velocity-side{border:1px solid #45404e;margin:14px 0;padding:10px}.velocity-side .form-grid{margin-top:10px}.selected-velocity-field{gap:5px;margin-top:12px;display:grid}.selected-velocity-field .checkbox{align-items:center;gap:6px;display:flex}.precompose-fields{border:0;flex-direction:column;gap:12px;padding:0;display:flex}.precompose-fields>label:not(.checkbox){flex-direction:column;gap:6px;display:flex}.precompose-layers{border:1px solid #45404e;max-height:180px;padding:8px;overflow-y:auto}.precompose-layers label{gap:8px;padding:5px;display:flex}.graph-controls input,.graph-controls select{width:130px;min-width:0}.graph-editor circle{cursor:grab;touch-action:none}.graph-editor circle:focus{stroke:#fff;stroke-width:2px;outline:none}.graph-editor circle[aria-disabled=true]{cursor:default}.graph-editor svg{cursor:crosshair;background:repeating-linear-gradient(0deg,#0000 0 29px,#ffffff08 29px 30px);flex:1;min-width:0;margin:0 14px}dialog{color:#d8d1e5;background:#28242e;border:1px solid #5a4b6a;border-radius:12px;width:430px;max-width:90vw;padding:22px;box-shadow:0 25px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080710aa}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-heading h2{margin:0;font-size:17px;font-weight:500}dialog p{color:#b6acc5;line-height:1.8}dialog form>label{flex-direction:column;gap:6px;margin:12px 0;display:flex}dialog input[type=number]{width:100%}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label{flex-direction:column;gap:6px;display:flex}.primary{color:#251a35;background:#b99ded;margin-top:10px;padding:9px 15px;font-weight:600}.checkbox{align-items:center;flex-direction:row!important}.loading{color:#b99bed;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.loading p{color:#9b91a7}@media (max-width:1100px){.editor-body{grid-template-columns:185px minmax(250px,1fr) 235px}.brand{font-size:16px}.build-tag{display:none}.main-toolbar{gap:0;padding:0 8px}.main-toolbar button{padding:6px;font-size:10px}.stage{padding:20px}.viewer-controls>span:nth-child(2){display:none}.timeline-clock,.timing-caption,.layer-cell,.graph-label{width:260px}.project-panel .asset-main{font-size:10px}}@media (max-width:850px){.workspace{min-width:760px}.editor-body{grid-template-columns:155px minmax(250px,1fr) 220px}.project-name{min-width:140px}.header-actions{gap:3px}.app-header{gap:8px;padding:0 12px}.stage{padding:12px}.timeline{height:240px}}.stage{container-type:size}.canvas-wrap{container-type:normal}.mask-panel{flex-direction:column;gap:8px;display:flex}.mask-actions{flex-wrap:wrap;gap:4px;display:flex}.mask-actions button{padding:4px;font-size:10px}.mask-check{align-items:center;gap:6px;display:flex}.mask-check input{width:auto}.mask-vertex{border-bottom:1px solid #ffffff12;padding:8px 0}.mask-coordinates{grid-template-columns:30px 1fr 1fr;align-items:center;gap:4px;margin-top:5px;display:grid}.mask-coordinates input{width:100%;min-width:0}.mask-help{color:#b6acc5;font-size:10px}.mask-panel summary{cursor:pointer}.mask-overlay{z-index:2}.pen-drawing{z-index:3;pointer-events:none;position:absolute;inset:0}.pen-overlay{pointer-events:all;cursor:crosshair;outline:1px solid #ffce7260}.pen-toolbar{pointer-events:all;background:#211d2ef5;border:1px solid #ffce7260;border-radius:5px;padding:7px;font-size:10px}.pen-toolbar p{margin:0 0 5px}.pen-coordinates{grid-template-columns:auto 70px 70px auto;justify-content:start;align-items:center;gap:5px;margin-bottom:5px;display:grid}.pen-coordinates input{width:100%;min-width:0}.path-tools{padding:6px 0}.collaboration-panel{flex-direction:column;gap:12px;display:flex}.collaboration-panel h3{margin:10px 0 0;font-size:13px}.collaboration-panel p{margin:0}.collab-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.collab-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.collab-list li{background:#ffffff06;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.collab-list small{color:#b6acc5;margin-top:4px;display:block}.collab-error{overflow-wrap:anywhere;color:#ffb8b2!important}.collab-note{font-size:11px}dialog:has(.collaboration-panel){width:560px;max-height:85dvh;overflow-y:auto}.shape-paint{border-top:1px solid #393342;padding:10px 0}.paint-color-row{grid-template-columns:1fr 28px 78px 24px;align-items:center;gap:4px;margin:6px 0;display:grid}.paint-color-row input{width:100%;min-width:0}.paint-color-row input[type=color]{height:25px;padding:1px}.gradient-ramp-wrap{background:repeating-conic-gradient(#555 0% 25%,#292630 0% 50%) 50%/12px 12px;margin:20px 10px;padding:0}.gradient-ramp{border:1px solid #665c73;height:24px;position:relative}.gradient-stop{border:1px solid #1c1923;width:12px;min-width:0;height:12px;padding:0;position:absolute;transform:translate(-50%)rotate(45deg)}.gradient-stop.selected{z-index:1;outline:2px solid #b8a6ff}.project-library p{color:#b4adc2;font-size:12px;line-height:1.5}.project-library fieldset{border:0;min-width:0;margin:0;padding:0}.library-create,.library-filters{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.library-create input,.library-filters>input{flex:1;min-width:100px}.library-filters label{align-items:center;gap:5px;font-size:12px;display:flex}.library-list{max-height:42vh;margin:0;padding:0;list-style:none;overflow:auto}.library-list li{border-top:1px solid #393342;align-items:center;gap:8px;padding:12px 0;display:flex}.library-list li>div{flex:1;min-width:0}.library-list strong{overflow-wrap:anywhere;font-size:13px;display:block}.library-list small{color:#b4adc2;margin-top:4px;display:block}.project-library .library-error{color:#ffb7b7}.movie-export{gap:12px;min-width:0;max-height:72vh;padding:2px;display:grid;overflow:auto}dialog:has(.movie-export){width:min(600px,95vw)}.movie-export section{overflow-wrap:anywhere;min-width:0}.movie-export p{margin:0;line-height:1.5}.movie-export fieldset{border:0;gap:12px;margin:0;padding:0;display:grid}.movie-export label{justify-content:space-between;align-items:center;gap:16px;display:flex}.movie-export input[type=number]{width:100px}.output-template-actions{flex-wrap:wrap;gap:6px;display:flex}.output-template-actions button{flex:140px}.movie-export .movie-alpha{justify-content:flex-start}.movie-range{gap:8px;display:grid}.movie-note{color:#b4adc2;font-size:12px}.movie-export progress{accent-color:#aa92fa;width:100%}.movie-export video{background:#16151c;width:100%;max-height:220px;margin:10px 0;display:block}.movie-download{color:#c7b3ff;padding:8px 0;display:inline-block}dialog:has(.render-queue){width:min(860px,95vw)}.render-queue{gap:12px;min-width:0;max-height:72vh;padding:2px;display:grid;overflow:auto}.render-queue p{margin:0;line-height:1.5}.queue-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.queue-actions label{align-items:center;gap:6px;display:flex}.queue-jobs{gap:12px;margin:0;padding:0;list-style:none;display:grid}.queue-jobs li{overflow-wrap:anywhere;border:1px solid #494151;border-radius:8px;gap:10px;min-width:0;padding:14px;display:grid}.queue-job-heading{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.queue-job-heading span{color:#c7b3ff}.queue-job-message{color:#ffd49e}.queue-jobs progress{accent-color:#aa92fa;width:100%}.queue-output video{background:#16151c;width:100%;max-height:240px;margin-bottom:10px;display:block}.queue-output a{color:#c7b3ff}.timeline-navigator{flex-shrink:0;align-items:center;gap:6px;padding:4px 14px;font-size:10px;display:flex;overflow-x:auto}.timeline-navigator button{white-space:nowrap;font-size:10px}.timeline-navigator label{align-items:center;gap:4px;display:flex}.timeline-navigator label input{width:65px;padding:3px}.timeline-navigator output{white-space:nowrap;min-width:65px}.track-lane,.waveform-lane,.work-strip{min-width:0;overflow:hidden}.ruler input.playhead-offscreen::-webkit-slider-thumb{visibility:hidden}.ruler input.playhead-offscreen::-moz-range-thumb{visibility:hidden}.timeline-ruler,.timing-track-row{margin-right:var(--timeline-gutter,0px)}.ruler input{-webkit-appearance:none;appearance:none;background:linear-gradient(#55505f,#55505f) 50%/100% 2px no-repeat}.ruler input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#dac4fc;border:0;border-radius:0;width:2px;height:14px}.ruler input::-moz-range-thumb{background:#dac4fc;border:0;border-radius:0;width:2px;height:14px}.time-overview{flex:1;min-width:100px;padding:0 20px}.time-overview-track{background:linear-gradient(#55505f,#55505f) 50%/100% 3px no-repeat;height:22px;position:relative}.time-overview-window{cursor:grab;touch-action:none;background:#8871a7;border:1px solid #ac94cf;border-radius:0;min-width:3px;height:12px;position:absolute;top:5px;transform:translate(-50%);padding:0!important}.time-overview-window:active{cursor:grabbing}.time-overview-bracket{touch-action:none;cursor:ew-resize;z-index:2;background:#d2b8f4;border:1px solid #362942;border-radius:2px;width:10px;height:18px;position:absolute;top:2px;padding:0!important}.time-overview-bracket.start{transform:translate(-100%)}.time-overview-playhead{opacity:.75;pointer-events:none;background:#fff;width:1px;position:absolute;top:0;bottom:0}.time-overview button:focus-visible{outline-offset:2px;outline:2px solid #fff}.suite-trigger{color:#c6d1ce;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.suite-trigger:hover,.suite-trigger[data-popup-open]{color:#e9f7f6;background:#3c4644;border-color:#56625e}.suite-trigger:focus-visible{outline-offset:3px;outline:2px solid #7bc5d8}.suite-panel a:focus-visible{outline-offset:3px;outline:2px solid #7bc5d8}.suite-panel button:focus-visible{outline-offset:3px;outline:2px solid #7bc5d8}.suite-dots{grid-template-columns:repeat(3,4px);gap:3px;display:grid}.suite-dots i{background:currentColor;border-radius:50%;width:4px;height:4px}.suite-positioner{z-index:1000;max-width:calc(100vw - 24px)}.suite-panel{width:358px;max-width:calc(100vw - 24px);max-height:min(680px, var(--available-height,80dvh));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#53635d transparent;color:#e4eae7;background:#262e2c;border:1px solid #4a5753;border-radius:24px;outline:none;padding:18px 12px 10px;font-family:Arial,Helvetica,sans-serif;overflow:auto;box-shadow:0 20px 65px #0009,0 2px 10px #0005}.suite-heading{justify-content:space-between;align-items:center;gap:12px;padding:0 8px;display:flex}.suite-eyebrow{letter-spacing:1.4px;color:#8fa7a0;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.suite-heading h2{letter-spacing:-.5px;color:#edf3f0;margin:0;font-size:22px;font-weight:600;line-height:1.2}.suite-icon-button,.suite-edit-button{color:#b9cbc4;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;display:inline-flex}.suite-icon-button:hover,.suite-edit-button:hover{color:#e7f6ef;background:#414f49}.suite-description{color:#a1b3ab;margin:8px 8px 18px;font-size:12px;line-height:1.5}.suite-section{background:#1c2321;border:1px solid #35423c;border-radius:19px;padding:13px 8px 8px}.suite-section-heading{justify-content:space-between;align-items:center;gap:8px;min-height:32px;margin:0 8px 10px;display:flex}.suite-section h3{color:#d1dcd5;margin:0;font-size:14px;font-weight:600}.suite-edit-button{background:#344139;border-radius:18px;width:auto;min-width:32px;padding:0 9px;font-size:11px}.suite-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.suite-app{color:#dce5df;text-align:center;cursor:pointer;min-width:0;font:inherit;background:0 0;border:1px solid #0000;border-radius:15px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:13px 3px 7px;text-decoration:none;transition:background .12s,border-color .12s;display:flex;position:relative}.suite-app:hover:not(:disabled){background:#303d35;border-color:#45574a}.suite-app.is-current{background:#2c3730;border-color:#58604a}.suite-app:disabled{cursor:default;color:#9ea9a2}.suite-app-icon{background:color-mix(in srgb, var(--suite-app-color) 15%, #1c2321);width:48px;height:48px;color:var(--suite-app-color);border:1px solid color-mix(in srgb, var(--suite-app-color) 36%, transparent);border-radius:15px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff0a,0 4px 10px #0002}.suite-app:disabled .suite-app-icon{opacity:.7}.suite-app-name{overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.25}.suite-app-state{color:#94a69b;min-height:11px;margin-top:-4px;font-size:9px;line-height:1.2}.suite-app.is-current .suite-app-state{color:#e3c681}.suite-favorite-mark{color:#e5c279;background:#1c2321;border-radius:50%;padding:3px;display:flex;position:absolute;top:8px;right:8px}.suite-app[aria-pressed=false] .suite-favorite-mark{color:#8c9f93}.suite-more{background:#222b26;margin-top:10px}.suite-more .suite-section-heading{min-height:22px;margin-bottom:5px}.suite-empty{text-align:center;color:#a1b3a8;padding:20px 12px;font-size:12px;line-height:1.5}.suite-preference-note{color:#a6b8ad;margin:12px 8px;font-size:11px}.suite-footer{justify-content:space-between;gap:6px;padding:12px 5px 2px;display:flex}.suite-footer button{color:#bdcec2;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 4px;font-size:11px;display:flex}.suite-footer button:hover{color:#e6f2ea;background:#35423b}@media (prefers-reduced-motion:reduce){.suite-app{transition:none}}