:root{--control-min-height:40px;--compact-control-min-height:36px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:where(button,a,label,p,span,strong,small,dt,dd){overflow-wrap:anywhere}:where(button,a,label,p,span,strong,small,dt,dd,div){min-width:0}:where(button,a)>svg{flex:none}:where(input,select,textarea,button){line-height:1.35}.studio-shell{grid-template-rows:minmax(58px,auto) minmax(0,1fr) 310px}.top-bar{min-height:58px}.brand,.project-title,.top-actions,.saved-status,.master-prompts-button,.export-button{white-space:nowrap}.project-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-button b{min-width:24px;height:24px;padding-inline:5px;line-height:20px}.panel-heading,.ai-heading,.preview-header,.notification-drawer>header,.export-dialog>header,.audio-voice-picker>header,.generation-library-heading{gap:10px}.panel-heading h2,.ai-heading h2,.preview-header h2,.notification-drawer h2,.project-details-heading h2{overflow-wrap:anywhere;line-height:1.3}.media-add-button,.video-generate-button,.scenario-submit,.property-save,.property-secondary,.property-danger,.scenario-add-to-timeline,.projects-save,.projects-open,.projects-delete,.projects-delete-confirm button,.generation-actions button,.generation-result-media-button,.generation-result-source-audio-button,.generation-result-timeline-button,.frame-source-field button,.scenario-reference-actions button,.image-reference-field>button,.audio-voice-select,.video-analysis-copy,.video-analysis-submit{min-height:var(--control-min-height);height:auto;padding-block:8px;line-height:1.35}.master-prompt-use{min-height:44px}.media-add-button,.generation-actions button,.generation-result-media-actions,.scenario-reference-actions button,.frame-source-field button,.projects-open,.projects-delete,.projects-delete-confirm button{flex-wrap:wrap}.media-card-copy strong,.media-card-copy small,.generation-job-summary div strong,.generation-job-summary div small,.reference-preview-main small,.video-analysis-plan-heading strong{line-height:1.35}.ai-choice,.audio-voice-card,.generation-job-summary,.reference-preview-card,.project-card{min-height:64px}.ai-choice>span,.ai-tool-icon,.project-card-icon{flex:none}.generation-job-summary{grid-template-columns:minmax(0,1fr) auto auto}.generation-details dl,.property-grid,.video-form-row,.scenario-form-row,.audio-settings-grid,.export-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-preview-main>span{height:auto;min-height:56px}.reference-preview-main small,.reference-suggestions small,.generation-details dd{white-space:normal}.preview-panel{grid-template-rows:minmax(44px,auto) minmax(0,1fr) minmax(52px,auto)}.preview-header{min-height:44px}.preview-controls{overscroll-behavior-x:contain;min-height:52px;overflow-x:auto}.preview-controls>:not(.preview-spacer),.preview-speed{flex:none}.preview-speed select{min-height:var(--compact-control-min-height);height:auto}.preview-segment-timing{max-width:min(100%,420px);line-height:1.25}.shortcut-dialog dl div{align-items:start}.shortcut-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow-y:auto}.shortcut-dialog header{z-index:2;background:#12161c;position:sticky;top:0}.shortcut-dialog dt{line-height:1.4}.shortcut-dialog dd{flex:none}.timeline-toolbar{overscroll-behavior-x:contain;scrollbar-width:thin;height:auto;min-height:48px;overflow-x:auto}.timeline-toolbar>div,.timeline-zoom-controls{flex:none;height:auto;min-height:48px}.toolbar-hint{text-overflow:ellipsis;white-space:nowrap;flex:240px;height:auto;min-height:48px;overflow:hidden}.timeline-content{grid-template-columns:220px minmax(0,1fr);height:calc(100% - 48px)}.timeline-toolbar .region-watermark,.track-labels>.region-watermark,.tool-rail .region-watermark{display:none}.ruler-spacer,.ruler{height:38px}.ruler span{white-space:nowrap;line-height:1.25;top:9px}.add-track-control>button{text-overflow:ellipsis;white-space:nowrap;height:auto;min-height:30px;line-height:1.2;overflow:hidden}.add-track-menu{width:min(260px,100vw - 24px);top:36px}.add-track-menu button,.track-menu form button,.track-order-actions button,.track-delete,.track-state-grid button{min-height:var(--compact-control-min-height);height:auto;line-height:1.3}.track-label,.track-row{height:58px}.track-row.video-track-row,.track-label.video-track-label{height:78px}.timeline-clip{height:50px}.timeline-clip.video-clip{height:70px}.timeline-clip:has(>.linked-audio-badge)>span:not(.trim-handle,.clip-load-state){padding-right:82px}.timeline-clip>em{text-overflow:ellipsis;white-space:nowrap;background:#140d1dd1;border-radius:4px;padding:2px 4px;font-style:normal;line-height:1.2;inset:auto 6px 4px;overflow:hidden}.timeline-clip:has(>em) :is(.filmstrip,.waveform,.video-audio-waveform){opacity:.16}.track-label strong{text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.linked-audio-badge,.clip-selection-order,.media-selection-index,.scenario-scenes article>span{min-width:24px;height:auto;min-height:24px;line-height:1.2}.clip-selection-mode{flex-wrap:wrap;min-height:40px}.clip-context-menu{width:min(300px,100vw - 16px)}.projects-page-header{height:auto;min-height:72px;padding-block:10px}.projects-page-heading,.projects-delete-confirm,.project-details-actions{gap:12px}.projects-primary-action,.projects-empty button{min-height:var(--control-min-height);height:auto;line-height:1.3}.generation-library-filters button{min-height:var(--compact-control-min-height)}@media (max-width:1120px){.drawer-backdrop{inset-block-start:58px}}@media (max-width:760px),(pointer:coarse) and (max-width:1000px){.studio-shell{grid-template-rows:minmax(52px,auto) minmax(190px,39dvh) minmax(235px,1fr) minmax(68px,auto)}.top-bar{min-height:52px}.notification-button b{top:-4px;right:-5px}.preview-panel{grid-template-rows:minmax(40px,auto) minmax(0,1fr) minmax(48px,auto)}.preview-controls{min-height:48px}.mobile-drawer{bottom:68px}.drawer-backdrop{inset:52px 0 68px}.mobile-dock{min-height:68px}.mobile-dock button{min-height:58px;padding:5px 3px;line-height:1.2}.timeline-toolbar{height:48px;min-height:48px}.timeline-toolbar>div,.timeline-zoom-controls{min-height:48px}.timeline-content{grid-template-columns:56px minmax(0,1fr);height:calc(100% - 48px)}.ruler-spacer,.ruler{height:38px}.add-track-menu,.timeline-clip .clip-popover,.track-row.top-track .clip-popover{bottom:calc(68px + env(safe-area-inset-bottom) + 8px)}.generation-details dl,.property-grid,.video-form-row,.scenario-form-row,.audio-settings-grid,.export-settings,.scenario-reference-actions{grid-template-columns:minmax(0,1fr)}.generation-job-summary{grid-template-columns:minmax(0,1fr) auto}.generation-job-summary>svg{grid-column:2}.media-tabs{overflow-x:auto}.media-tabs button{white-space:nowrap;min-width:max-content;padding-inline:12px}.reference-selection-card .frame-source-field button{min-height:44px}.projects-page-header{min-height:64px}.projects-page-heading{flex-direction:column}.project-card{min-height:76px}}@media (max-width:420px){.studio-shell{grid-template-rows:minmax(52px,auto) minmax(180px,36dvh) minmax(240px,1fr) minmax(68px,auto)}.top-actions .icon-button:nth-of-type(-n+2){display:none}.project-title{max-width:116px}.shortcut-dialog dl div{gap:7px;display:grid}.shortcut-dialog dd{justify-self:start}.projects-primary-action{max-width:190px}}.project-trash-catalog{max-width:1180px;margin:0 auto}.project-trash-card{cursor:default;grid-template-columns:minmax(0,1fr);gap:16px}.project-trash-card .project-card-copy strong,.project-trash-card .project-card-copy small{white-space:normal;overflow-wrap:anywhere}.projects-settings-link[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.projects-header-actions{flex-wrap:wrap;min-width:0}.projects-page-header{gap:12px}.projects-delete-confirm{grid-template-columns:1fr 1fr}.projects-delete-confirm>span{grid-column:1/-1}@media (max-width:760px){.projects-page-header{flex-wrap:wrap}.projects-header-actions{width:100%}.projects-header-actions>*,.projects-page button{min-height:44px}.project-trash-catalog{grid-template-columns:minmax(0,1fr)}}
.text-selection-scope{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.text-selection-scope>span{color:var(--cyan);font-size:15px}.text-selection-scope small{color:var(--muted);flex-basis:100%;font-size:14px}.text-selection-scope button{margin-left:auto}.text-font-picker{gap:8px;min-width:0;display:grid}.text-font-trigger{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.text-font-trigger span{overflow-wrap:anywhere}.text-font-picker button,.text-selection-scope button{border:1px solid var(--field-border);background:var(--field-bg);min-height:40px;color:var(--text);cursor:pointer;text-align:left;border-radius:7px;padding:8px 10px}.text-font-picker button:hover,.text-selection-scope button:hover{border-color:var(--field-border-hover);background:var(--panel-2)}.text-font-picker button:focus-visible,.text-selection-scope button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.text-font-picker button:disabled{opacity:.5;cursor:default}.font-license-summary{color:var(--muted);align-items:start;gap:6px;font-size:14px;display:flex}.font-license-summary svg{flex-shrink:0;margin-top:3px}.text-font-menu{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;gap:10px;min-width:0;padding:10px;display:grid}.font-search{align-items:center;gap:8px;min-width:0;display:flex}.font-search input{flex:1;min-width:0}.font-commercial-filter{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.font-commercial-filter input{accent-color:var(--cyan);flex-shrink:0;width:18px;height:18px}.text-font-list{gap:6px;min-width:0;max-height:280px;display:grid;overflow-y:auto}.text-font-list button{overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) auto;gap:4px;display:grid}.text-font-list button small{color:var(--muted);grid-column:1/-1;font-size:14px}.text-font-list button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.font-license-detail{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.font-upload{border-top:1px solid var(--line);gap:8px;min-width:0;padding-top:10px;display:grid}.font-upload p{overflow-wrap:anywhere}.font-upload label:not(.font-commercial-filter){gap:8px;min-width:0;display:grid}.font-upload input{min-width:0;max-width:100%}.font-upload-file input{font-size:14px}.property-keyframe-controls{align-items:center;display:flex}.transform-keyframe-editor .transform-keyframe-row{grid-template-columns:minmax(0,1fr) auto}.transform-keyframe-row .transform-keyframe-label{grid-area:1/1}.transform-keyframe-row .transform-keyframe-values{grid-area:2/1}.transform-keyframe-row .property-keyframe-controls{grid-area:1/2/3}.property-keyframe-toggle:disabled{opacity:.3;cursor:default}.property-keyframe-toggle:disabled:hover{color:var(--muted);background:0 0;border-color:#0000}@media (max-width:760px),(pointer:coarse) and (max-width:1000px){.text-font-picker button,.text-selection-scope button{min-height:44px}.text-font-picker input{font-size:16px}.property-keyframe-controls .property-keyframe-toggle{width:44px;height:44px}}.text-editor-details summary{cursor:pointer;align-content:center;min-height:44px;font-size:15px;font-weight:600}.text-editor-details summary:hover{color:var(--cyan)}.text-editor-details summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:5px}.text-editor-details[open]>summary,.text-editor-details[open]>.property-field,.text-editor-details[open]>.property-grid{margin-bottom:12px}.text-clip-properties .property-actions{z-index:2;background:var(--panel);border-top:1px solid var(--line);padding:12px 0;position:sticky;bottom:0}.preview-text-content{width:100%;min-width:0;display:block}@media (max-width:760px),(pointer:coarse) and (max-width:1000px){.text-clip-properties .property-save{min-height:44px}.text-clip-properties .text-format-buttons button{min-width:44px;min-height:44px}}.timeline-keyframes{z-index:6;background:color-mix(in srgb, var(--bg) 72%, transparent);pointer-events:none;border-radius:3px;height:14px;position:absolute;bottom:3px;left:-1px;right:-1px}.timeline-keyframe-marker{fill:var(--text);stroke:var(--bg);stroke-width:1.5px;position:absolute;top:1px;transform:translate(-50%)}.timeline-clip.selected .timeline-keyframe-marker{fill:var(--cyan)}.timeline-keyframe-marker[data-edge=start]{transform:none}.timeline-keyframe-marker[data-edge=end]{transform:translate(-100%)}.preview-text-style-action{z-index:12;border:1px solid var(--cyan);background:var(--panel);max-width:calc(100% - 16px);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:15px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.preview-text-style-action:hover{background:var(--panel-2)}.preview-text-style-action:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.preview-text-style-action{justify-content:center;align-items:center;gap:8px;display:flex}.preview-text-style-action svg{flex-shrink:0}@media (max-width:760px),(pointer:coarse) and (max-width:1000px){.preview-text-style-action{width:44px;padding:8px}.preview-text-style-action span{display:none}}
.clip-property-tabs{border:1px solid var(--line);background:var(--field-bg);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:14px;padding:4px;display:grid}.clip-property-tabs button{min-width:0;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:7px 10px}.clip-property-tabs button[aria-pressed=true]{border-color:var(--line);color:var(--cyan);background:var(--panel-2)}.clip-property-tabs button:hover{color:var(--text);background:var(--panel-2)}.animation-picker{min-width:0}.animation-edge-tabs{margin-bottom:10px}.effect-catalog-hint{color:var(--muted);overflow-wrap:anywhere;margin:0 0 12px;font-size:14px}.effect-preset-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:10px;display:grid}.effect-preset{border:1px solid var(--line);background:var(--panel);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:7px 3px;display:flex;position:relative}.effect-preset>span:last-of-type{overflow-wrap:normal;font-size:14px;line-height:1.35}.effect-preset:hover{border-color:var(--field-border-hover);background:var(--panel-2)}.effect-preset[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.effect-preset:disabled{cursor:default;opacity:.5}.effect-preset-check{background:var(--panel);border-radius:3px;padding:1px;position:absolute;top:5px;right:5px}.clip-property-tabs button:focus-visible,.effect-preset:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px}.effect-preset-preview{background:var(--field-bg);min-width:0;height:64px;color:var(--text);border-radius:5px;place-items:center;display:grid;position:relative;overflow:hidden}.animation-sample>span{font-size:26px;font-weight:700}.animation-sample-fade{--sample-start-opacity:0}.animation-sample-slide-left{--sample-start:translateX(75px);--sample-exit:translateX(-75px)}.animation-sample-slide-right{--sample-start:translateX(-75px);--sample-exit:translateX(75px)}.animation-sample-slide-up{--sample-start:translateY(64px);--sample-exit:translateY(-64px)}.animation-sample-slide-down{--sample-start:translateY(-64px);--sample-exit:translateY(64px)}.animation-sample-zoom-in{--sample-start:scale(.5);--sample-exit:scale(.5)}.animation-sample-zoom-out{--sample-start:scale(1.5);--sample-exit:scale(1.5)}.animation-sample-spin{--sample-start:rotate(-180deg);--sample-exit:rotate(-180deg);--sample-start-opacity:0}.effect-preset:is(:hover,:focus-visible) .animation-sample-in>span{animation:1s ease-out both effect-sample-in}.effect-preset:is(:hover,:focus-visible) .animation-sample-out>span{animation:1s ease-in both effect-sample-out}@keyframes effect-sample-in{0%{transform:var(--sample-start,none);opacity:var(--sample-start-opacity,1)}to{opacity:1;transform:none}}@keyframes effect-sample-out{0%{opacity:1;transform:none}to{transform:var(--sample-exit,none);opacity:var(--sample-start-opacity,1)}}.transition-sample>span{place-items:center;font-size:24px;font-weight:700;display:grid;position:absolute;inset:0}.transition-sample>span:first-child{background:var(--panel-2);color:var(--cyan)}.transition-sample>span:last-child{background:var(--cyan);color:var(--bg);clip-path:inset(0 0 0 50%)}.effect-preset:is(:hover,:focus-visible) .transition-sample>span:last-child{animation:1.2s ease-in-out both transition-sample-reveal}.effect-preset:is(:hover,:focus-visible) .transition-sample-crossfade>span:last-child{clip-path:none;animation-name:transition-sample-fade}.effect-preset:is(:hover,:focus-visible) .transition-sample-fade-black>span{clip-path:none;animation:1.2s linear both transition-sample-black-in}.effect-preset:is(:hover,:focus-visible) .transition-sample-fade-black>span:first-child{animation-name:transition-sample-black-out}.effect-preset:is(:hover,:focus-visible) .transition-sample-wipe-right>span:last-child{animation-name:transition-sample-reveal-right}.effect-preset:is(:hover,:focus-visible) .transition-sample-slide-left>span:last-child{clip-path:none;animation-name:transition-sample-slide-left}.effect-preset:is(:hover,:focus-visible) .transition-sample-slide-right>span:last-child{clip-path:none;animation-name:transition-sample-slide-right}@keyframes transition-sample-reveal{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes transition-sample-reveal-right{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes transition-sample-fade{0%{opacity:0}to{opacity:1}}@keyframes transition-sample-black-in{0%,50%{opacity:0}to{opacity:1}}@keyframes transition-sample-black-out{0%{opacity:1}50%,to{opacity:0}}@keyframes transition-sample-slide-left{0%{transform:translate(100%)}to{transform:none}}@keyframes transition-sample-slide-right{0%{transform:translate(-100%)}to{transform:none}}.transition-pair-status{overflow-wrap:anywhere;min-width:0;margin:0}.effect-catalog-warning{color:#edb65c;background:var(--panel-2);border:1px solid #685538;border-radius:8px;padding:10px}.workspace.show-project .transition-panel{display:none}.workspace.show-transitions .transition-panel{display:block}@media (max-width:760px),(pointer:coarse) and (max-width:1000px){.clip-property-tabs button{min-height:44px}.mobile-dock{scrollbar-width:none;grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto}.mobile-dock button{min-width:0;padding-inline:1px}.mobile-dock button span{max-width:100%;font-size:var(--font-secondary);white-space:nowrap}.mobile-dock button[aria-pressed=true]{background:var(--panel-2);color:var(--cyan)}}@media (prefers-reduced-motion:reduce){.effect-preset .effect-preset-preview>span{animation:none!important}}.transition-sample-fade-out>span:first-child{z-index:1}.transition-sample-fade-in>span:last-child,.transition-sample-fade-out>span:last-child{clip-path:none;opacity:.5}.effect-preset:is(:hover,:focus-visible) .transition-sample-fade-out>span:last-child{opacity:1}.effect-preset:is(:hover,:focus-visible) .transition-sample-fade-in>span:last-child{animation:1.2s linear both transition-sample-fade}.effect-preset:is(:hover,:focus-visible) .transition-sample-fade-out>span:first-child{animation:1.2s linear reverse both transition-sample-fade}.transition-live-sample{isolation:isolate}.transition-live-sample>span{place-items:center;font-size:24px;font-weight:700;display:grid;position:absolute;inset:0}.transition-live-sample>span:first-child{background:var(--panel-2);color:var(--cyan)}.transition-live-sample>span:last-child{background:var(--cyan);color:var(--bg)}.transition-search{gap:6px;min-width:0;margin-bottom:12px;display:grid}.transition-search input{width:100%;min-width:0;min-height:44px}
.text-documents-library,.text-document-editor,.text-document-toolbar{gap:12px;min-width:0;display:grid}.text-document-heading{align-items:center;gap:10px;min-width:0;display:flex}.text-document-heading>strong{flex:1;min-width:0}.text-document-heading>button{flex:none;place-items:center;width:40px;min-height:40px;padding:0;display:grid}.text-document-surface{overflow-wrap:anywhere;white-space:pre-wrap;border:1px solid var(--field-border);background:var(--field-bg);cursor:text;outline:0;min-width:0;min-height:240px;max-height:280px;overflow-y:auto}.text-document-surface:focus{border-color:var(--field-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--field-focus) 20%, transparent)}.text-document-status{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.text-document-status>span{min-width:0}.text-document-status>button{border:1px solid var(--line);width:40px;min-height:40px;color:var(--text);background:var(--panel-2);border-radius:8px;place-items:center;display:grid}.text-document-selection-menu{z-index:70;border:1px solid var(--field-border);background:var(--panel-2);border-radius:10px;width:272px;max-width:calc(100vw - 16px);padding:5px;position:fixed;box-shadow:0 8px 24px #0008}.text-document-selection-menu button{background:var(--panel);width:100%;min-height:44px;color:var(--cyan);cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.text-document-selection-menu button:hover{background:var(--field-bg)}.text-document-selection-menu button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.text-document-selection-menu button:disabled{opacity:.5;cursor:default}.text-document-delete-confirm{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:8px;padding:12px;display:grid}.text-document-delete-confirm p{overflow-wrap:anywhere;margin:0}.media-thumb.document{background:var(--field-bg);color:var(--cyan)}@media (max-width:760px),(pointer:coarse) and (max-width:1000px){.text-document-heading>button,.text-document-status>button{width:44px;min-height:44px}.text-document-surface{min-height:180px;max-height:220px}.text-document-transfer{min-height:44px}}
.timeline-clip-animations{pointer-events:none;z-index:7;position:absolute;inset:0}.timeline-effect-range{pointer-events:auto;border:1px solid var(--cyan);background:var(--panel-2);height:22px;color:var(--cyan);border-radius:5px;position:absolute;bottom:0}.timeline-effect-range.animation-out{border-style:dashed}.timeline-effect-range.active{z-index:15;box-shadow:0 0 0 1px var(--cyan)}.timeline-effect-range button{color:inherit;touch-action:none;background:0 0;border:0;border-radius:4px;padding:0}.effect-range-body{cursor:grab;width:100%;min-width:22px;position:absolute;inset:0;overflow:hidden}.effect-range-body span{white-space:nowrap;font-size:14px}.effect-range-body:active{cursor:grabbing}.effect-range-handle{cursor:ew-resize;place-items:center;width:16px;height:28px;display:grid;position:absolute;top:-4px}.effect-range-handle.start{left:-8px}.effect-range-handle.end{right:-8px}.effect-range-handle i{background:var(--cyan);border-radius:4px;width:4px;height:18px;display:block}.timeline-effect-range button:hover{background:color-mix(in srgb, var(--cyan) 15%, var(--panel))}.timeline-effect-range button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.timeline-effect-range button:disabled{cursor:not-allowed;opacity:.65}.timeline-effect-range:has(button:disabled){pointer-events:none}.timeline-transition-anchor{z-index:25;width:0;height:32px;position:absolute;top:6px}.timeline-transition-origin{height:32px;position:absolute;top:0}.timeline-effect-range.transition-range{border-color:var(--text);height:32px;color:var(--text);background:var(--panel-2);box-shadow:0 2px 8px var(--bg);top:0;bottom:auto}.transition-range .effect-range-handle{height:40px}.transition-range .effect-range-handle i{background:var(--text)}.timeline-effect-inspector{z-index:150;border:1px solid var(--field-border);background:var(--panel);border-radius:10px;gap:10px;width:min(320px,100vw - 16px);max-height:calc(100dvh - 24px);padding:12px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 8px 28px #0008}.effect-inspector-heading,.effect-inspector-footer{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.effect-inspector-heading strong{overflow-wrap:anywhere;font-size:15px}.timeline-effect-inspector button{border:1px solid var(--line);background:var(--panel-2);min-width:44px;min-height:44px;color:var(--text);border-radius:6px;place-items:center;display:inline-grid}.timeline-effect-inspector button:hover{border-color:var(--cyan)}.timeline-effect-inspector button:focus-visible{outline:2px solid var(--cyan)}.timeline-effect-inspector label,.timeline-effect-inspector .effect-inspector-grid>div{gap:4px;min-width:0;display:grid}.timeline-effect-inspector input{width:100%;min-width:0;min-height:44px}.timeline-effect-inspector span,.timeline-effect-inspector small{font-size:14px}.timeline-effect-inspector small{color:var(--muted)}.effect-inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.effect-inspector-grid output{align-items:center;min-height:44px;display:flex}.effect-pair-names{overflow-wrap:anywhere;margin:0;font-size:14px}.app-toast>div{min-width:0}.app-toast p{white-space:normal}.timeline-audio-envelope{z-index:8;pointer-events:none;height:44px;position:absolute;bottom:4px;left:0;right:0}.timeline-audio-envelope.active{pointer-events:auto;z-index:20;background:color-mix(in srgb, var(--panel) 80%, transparent);cursor:crosshair;touch-action:none}.timeline-audio-envelope svg{pointer-events:none;width:100%;height:100%;position:absolute;overflow:visible}.timeline-audio-envelope polyline{fill:none;stroke:var(--cyan);stroke-width:2px;vector-effect:non-scaling-stroke}.audio-envelope-point{cursor:move;touch-action:none;background:0 0;border:none;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.audio-envelope-point i{background:var(--panel);border:2px solid var(--cyan);border-radius:50%;width:10px;height:10px}.audio-envelope-point[aria-pressed=true] i,.audio-envelope-point:hover i{background:var(--cyan)}.audio-envelope-point:focus-visible{outline:2px solid var(--cyan);border-radius:6px}.audio-envelope-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.audio-envelope-presets button{white-space:normal;padding:5px;font-size:14px}.timeline-clip:has(.timeline-audio-envelope.active) .timeline-clip-animations{visibility:hidden}@media (max-width:760px),(pointer:coarse){.timeline-clip .clip-popover,.track-row.top-track .clip-popover{grid-auto-columns:44px}.clip-popover button{width:44px;height:44px}.timeline-effect-range{height:28px}.effect-range-body{min-width:44px;min-height:44px;top:-8px;padding:8px 0!important}.effect-range-handle{width:44px;height:44px;top:-8px}.effect-range-handle.start{left:-22px}.effect-range-handle.end{right:-22px}.timeline-effect-range.active .effect-range-body{z-index:1}.timeline-effect-range.active .effect-range-handle{z-index:2}.transition-range .effect-range-handle{height:44px}}@media (max-width:760px){.timeline-clip .clip-popover,.timeline-clip.at-timeline-start .clip-popover{left:56px;right:8px}.timeline-effect-inspector{z-index:39}}.transition-cut-marker{background:var(--cyan);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}
.project-cards-layout{grid-template-columns:minmax(0,1fr)}.project-cards-layout .projects-catalog{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.project-cards-layout.with-settings{grid-template-columns:minmax(0,1fr) 360px}.project-cards-layout.with-settings .projects-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.project-media-card{background:var(--panel);cursor:default;border-radius:10px;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:0;min-width:0;padding:0;display:grid;position:relative}.project-media-card:hover{background:var(--panel)}.project-media-card .project-card-copy{grid-area:2/1;min-width:0;padding:14px 0 0 16px}.project-media-card .project-card-copy strong{font-size:16px}.project-media-card .project-card-copy small{color:var(--muted);font-size:14px}.project-media-card .project-active-badge{background:var(--panel);color:var(--cyan);pointer-events:none;border-radius:6px;margin:0;padding:4px 8px;font-size:14px;position:absolute;top:10px;left:10px}.project-preview-open{background:var(--bg);border:0;border-radius:9px 9px 0 0;grid-area:1/1/auto/-1;width:100%;padding:0;overflow:hidden}.project-preview{aspect-ratio:16/9;background:var(--bg);justify-content:center;align-items:center;width:100%;display:flex}.project-preview img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.project-preview-placeholder{color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:14px;display:flex}.project-preview-placeholder strong{color:var(--text);font-size:24px}.project-card-actions{grid-column:1/-1;padding:6px 16px 10px}.project-card-actions .projects-open{width:fit-content;color:var(--cyan);background:0 0;border:0;justify-content:flex-start;padding:0;font-size:15px}.project-card-actions a{white-space:normal;min-width:0;min-height:44px}.project-floating-settings{background:var(--panel);max-height:calc(100dvh - 32px);position:sticky;top:16px;overflow-y:auto}.project-floating-settings .project-details-heading{padding-right:58px;position:relative}.project-settings-close{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:10px;right:8px}.project-settings-close:hover{background:var(--panel-2);color:var(--text)}.project-cards-layout button:focus-visible,.project-cards-layout a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (max-width:1100px){.project-cards-layout .projects-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.project-cards-layout.with-settings .projects-catalog{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px),(pointer:coarse) and (max-width:1000px){.project-cards-layout.with-settings,.project-cards-layout .projects-catalog,.project-cards-layout.with-settings .projects-catalog{grid-template-columns:minmax(0,1fr)}.project-floating-settings{z-index:50;max-height:75dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #0006}.project-cards-layout.with-settings{padding-bottom:420px}}.projects-operation-status{z-index:60;border:1px solid var(--line);background:var(--panel-2);max-width:calc(100% - 32px);color:var(--text);border-radius:8px;padding:12px 16px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.project-preview-open,.project-card-actions a{text-decoration:none}.projects-pagination{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:24px 0;display:flex}.projects-pagination>a,.projects-pagination>span{align-items:center;min-height:44px;display:inline-flex}.projects-pagination [aria-disabled]{color:var(--muted)}.projects-page{background:var(--bg)}.projects-page-header{gap:16px;max-width:1180px;margin:0 auto}.projects-page-heading{align-items:center;gap:20px;padding:32px 0 24px}.projects-title-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.projects-title-row h1{margin:0;font-size:clamp(28px,4vw,40px);font-weight:700}.projects-count{color:var(--muted);background:0 0;border:0;padding:0;display:inline}.projects-page .projects-primary-action{background:var(--cyan);border-color:var(--cyan);min-height:44px}.projects-header-actions .projects-settings-link{background:0 0;border-color:#0000;min-height:44px}.projects-settings-link:hover{color:var(--text);background:var(--panel-2)}.projects-catalog-toolbar{gap:16px;max-width:1180px;margin:0 auto 24px;display:flex}.projects-search{flex:1;align-items:center;min-width:0;display:flex;position:relative}.projects-search svg{color:var(--muted);pointer-events:none;position:absolute;left:14px}.projects-search input{width:100%;min-width:0;padding:12px 14px 12px 42px}.projects-catalog-toolbar select{min-width:200px;padding:12px 36px 12px 14px}.projects-catalog-toolbar input,.projects-catalog-toolbar select{border:1px solid var(--field-border);background:var(--field-bg);min-height:48px;color:var(--text);border-radius:8px;font-size:16px}.projects-catalog-toolbar :is(input,select):focus-visible{outline:2px solid var(--field-focus);outline-offset:2px}.project-card-menu{grid-area:2/2;margin-top:6px;position:relative}.project-menu-trigger{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.project-menu-trigger:hover,.project-menu-trigger[aria-expanded=true]{color:var(--text);background:var(--panel-2)}.project-menu-panel{z-index:25;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;width:250px;max-width:calc(100vw - 48px);padding:6px;position:absolute;top:44px;right:8px;box-shadow:0 8px 24px #0006}.project-menu-panel.opens-above{top:auto;bottom:44px}.project-menu-panel button{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:10px;font-size:15px;display:flex}.project-menu-panel button:hover{background:var(--panel)}.project-menu-panel svg{flex-shrink:0}.project-menu-panel .project-menu-danger{color:#ea8996;border-top:1px solid var(--line)}.project-media-card .projects-delete-confirm{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;padding:12px 16px}.project-media-card .projects-delete-confirm span{grid-column:1/-1}.project-media-card .projects-delete-confirm button{min-height:44px}.projects-page-number{gap:8px}.projects-page-number a{border:1px solid var(--line);min-width:44px;height:44px;color:var(--muted);border-radius:8px;place-items:center;text-decoration:none;display:grid}.projects-page-number a[aria-current=page]{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.projects-page button:disabled{opacity:.55;cursor:not-allowed}.projects-page :is(a,button):focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (max-width:760px),(pointer:coarse) and (max-width:1000px){.projects-page{padding:0 16px 24px}.projects-page-header{flex-wrap:wrap;gap:8px;height:auto;min-height:64px;padding:12px 0}.projects-brand{min-width:0;font-size:15px}.projects-brand>span:last-child{display:inline}.projects-header-actions{gap:0;width:auto}.projects-header-actions .projects-settings-link{padding:8px;font-size:14px}.projects-page-heading{flex-direction:column;align-items:stretch;gap:16px;padding:24px 0 16px}.projects-title-row{gap:12px}.projects-page-heading .projects-primary-action{width:100%;max-width:none}.projects-catalog-toolbar{flex-direction:column;gap:10px;margin-bottom:20px}.projects-catalog-toolbar select{width:100%}.project-media-card{grid-template-columns:100px minmax(0,1fr) 44px;gap:0 10px;padding:8px}.project-preview-open{border-radius:6px;grid-area:1/1/3;height:100%;min-height:104px}.project-preview{aspect-ratio:auto;height:100%}.project-preview img{-o-object-fit:contain;object-fit:contain}.project-preview-placeholder{text-align:center;padding:6px}.project-preview-placeholder>span{overflow-wrap:anywhere;font-size:14px}.project-media-card .project-card-copy{grid-area:1/2;padding:8px 0 0}.project-media-card .project-card-copy strong{font-size:15px}.project-media-card .project-card-copy small{white-space:normal;font-size:14px}.project-card-menu{grid-area:1/3;margin:0}.project-card-actions{grid-area:2/2/auto/-1;align-self:end;padding:0}.project-media-card .project-active-badge{padding:2px 4px;font-size:14px;top:auto;bottom:10px;left:12px}.project-active-badge svg{display:none}.project-media-card .projects-delete-confirm{grid-row:3;margin-top:8px;padding:12px 0 0}.projects-pagination{gap:6px}.projects-pagination .projects-settings-link{padding:6px}}