:root{color-scheme:dark;--bg:#171719;--panel:#222225;--line:#111113;--muted:#99999f;--text:#dfdfe5;--blue:#75adff;--purple:#9580d4;--top:56%;--left:27%;--right:23%;font-family:Segoe UI,Arial,'Noto Sans JP',sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid transparent;background:transparent;border-radius:3px;padding:6px 9px;cursor:pointer}button:hover{background:#37373d}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:1px}button.active{color:var(--blue)}button:disabled{opacity:.4;cursor:default}.primary{background:#8584ed;color:#10101b;font-weight:600}.primary:hover{background:#a2a1ff}input,select,textarea{background:#19191c;border:1px solid #414147;border-radius:3px;padding:6px;min-width:0}input[type=range]{padding:0;accent-color:var(--blue)}header{height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#1d1d20;border-bottom:1px solid #101012}.brand{background:#302541;color:#c3a5ff;width:27px;height:27px;text-align:center;padding-top:4px;border-radius:4px}header strong{font-size:14px;font-weight:500}header nav{display:flex}.project-name{color:var(--muted);margin-left:auto;margin-right:auto;font-size:12px}.workspace-bar{height:40px;display:flex;align-items:center;gap:22px;padding:0 22px;background:#202023;border-bottom:3px solid #121214}.workspace-bar>b{height:100%;padding-top:10px;border-bottom:2px solid var(--blue);font-weight:500}.workspace-bar>span{color:#a3a3ac;cursor:pointer}.workspace-bar small{color:#8e8e99;margin-left:auto;font-size:11px}#workspaces{display:flex;gap:12px;margin:auto}#workspace{height:calc(100dvh - 112px);display:grid;grid-template-columns:var(--left) minmax(0,1fr) var(--right);grid-template-rows:var(--top) minmax(0,1fr);gap:4px;padding:0 4px 4px;position:relative}.panel{background:var(--panel);min-width:0;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid #2b2b30}.panel:focus-within{border-color:#667bc0}.panel-tabs{display:flex;align-items:center;height:35px;min-height:35px;padding:0 10px;gap:12px;border-bottom:1px solid #17171a;white-space:nowrap;overflow:auto}.panel-tabs button{border-radius:0;padding:8px 0;font-size:12px;color:#b0b0b9;height:100%}.panel-tabs button.active{color:#e9e9ee;border-bottom:2px solid #aaa6f7}.monitor-empty{flex:1;display:grid;place-items:center;color:#777781}.monitor-transport{height:60px;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#9898a2;font-family:Consolas,monospace}.monitor-transport button{color:#e2e2e5}.timecode{font:15px Consolas,monospace;color:var(--blue)}.program-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#1d1d20;position:relative;padding:15px 22px}.program-stage canvas{max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:16/9;background:#08080a}.start-hint{position:absolute;text-align:center;max-width:90%;font-size:13px}.start-hint h2{font-size:21px;font-weight:500}.start-hint p{color:#a5a5b1;margin-bottom:20px}.start-hint button{margin:3px}.empty{color:#8b8b95;text-align:center;margin:auto;line-height:1.8;padding:20px}.project-toolbar{display:flex;gap:7px;padding:12px}.project-toolbar input{flex:1;width:80px}.media-empty{margin:auto;text-align:center;color:#92929e}.media-empty span{font-size:35px;color:#626271}.media-empty p{margin:12px}.media-empty small{font-size:12px;color:#7f7f8b}#timeline-panel{grid-column:2/4}.timeline-toolbar{height:42px;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 13px}.timeline-shell{display:flex;flex:1;min-height:0;overflow:hidden}.tools{display:flex;flex-direction:column;align-items:center;width:42px;min-width:42px;line-height:32px;border-right:3px solid #161618;font-size:17px;background:#202023}.track-labels{width:118px;min-width:118px}.track-labels>div{height:47px;border-top:1px solid #121214;padding:14px 20px;color:#9fbdf0;background:#28282d}.timeline-empty{flex:1;position:relative;background:repeating-linear-gradient(to bottom,#202023 0,#202023 46px,#141416 46px,#141416 47px)}.timeline-empty p{position:absolute;inset:0;display:grid;place-items:center;color:#72727e;font-size:12px}.meters{width:47px;min-width:47px;border-left:3px solid #141416;display:flex;gap:4px;align-items:flex-end;padding:25px 9px}.meters>div{width:8px;height:100%;background:repeating-linear-gradient(to top,#292d27 0,#292d27 3px,#171719 3px,#171719 5px)}footer{height:28px;display:flex;align-items:center;padding:0 14px;gap:24px;font-size:11px;color:#9696a0;background:#1d1d20}footer span:first-child{margin-right:auto}footer button{font-size:11px;padding:3px}dialog{background:#252529;color:var(--text);border:1px solid #4b4b55;border-radius:8px;max-width:90vw;width:570px;padding:24px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#0009}dialog h2{font-size:20px;margin-top:0}#toast{position:fixed;bottom:44px;left:50%;transform:translateX(-50%);background:#383842;border:1px solid #616175;padding:12px 20px;border-radius:5px;display:none;z-index:100;max-width:85vw}@media(max-width:1000px){:root{--left:32%;--right:0%}#properties-panel{display:none}#workspace{grid-template-columns:var(--left) minmax(0,1fr)}#timeline-panel{grid-column:2}#workspaces{gap:0}.workspace-bar small{display:none}header nav button{padding:5px;font-size:11px}}@media(max-width:700px){body{overflow:auto}header{gap:7px}header nav{display:none}.project-name{display:none}.workspace-bar{gap:15px;padding:0 12px;font-size:12px}#workspaces{margin-left:auto}#workspace{height:auto;min-height:calc(100dvh - 112px);grid-template-columns:1fr;grid-template-rows:280px 240px 340px}#source-panel{display:none}#program-panel{grid-row:1}#project-panel{grid-row:2}#timeline-panel{grid-column:1;grid-row:3}footer{position:sticky;bottom:0}footer span:nth-child(3){display:none}}
:root{--track:49px}a{color:#a9c8ff}button{touch-action:manipulation}svg{display:block}kbd{font:11px Consolas,monospace;color:#a7a7b1}.panel-spacer{flex:1}.subtle{color:#a3a3ae;font-size:12px;line-height:1.7}.notice{background:#30303b;color:#c1bdd9;padding:12px;font-size:12px;line-height:1.7;border-left:2px solid #938bd2}.monitor-info{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px}.monitor-info select{font:11px Segoe UI;padding:1px 5px;background:#1c1c20;max-width:95px}.monitor-info .timecode{font-size:14px;padding:0}.monitor-transport{height:96px;min-height:96px;display:flex;flex-direction:column;gap:4px;padding:4px 12px 6px}.monitor-transport input[type=range],.source-controls input[type=range]{width:100%;height:10px;background:transparent;border:0}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:29px}.transport-buttons button{font-size:14px;padding:2px 7px;min-width:25px;line-height:23px}.start-hint[hidden]{display:none}.source-title{font-size:11px;color:#aaaab4;padding:7px 12px;display:flex;gap:10px;justify-content:space-between}.source-title>span{color:#7b7b86;white-space:nowrap}.source-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#1e1e21;position:relative;padding:14px}.source-stage video,.source-stage img{width:100%;height:100%;max-height:100%;object-fit:contain}.source-stage audio{position:absolute;width:0;height:0}.source-controls{padding:5px 12px 8px}.source-range{display:flex;justify-content:space-between;color:#8c8c98;font:10px Consolas,monospace}.audio-source{font-size:58px;color:#61927e;display:flex;align-items:center;flex-direction:column;gap:12px}.audio-source small{font-size:12px}.project-toolbar{padding:10px 10px 4px}.project-toolbar input{padding:5px 7px;font-size:12px}.project-toolbar button{font-size:11px;white-space:nowrap}.bin-path{height:30px;min-height:30px;display:flex;align-items:center;gap:5px;padding:0 10px;font-size:11px;color:#a1a1ad}.bin-path button{font-size:15px;padding:0 5px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:11px;align-content:start;overflow:auto;min-height:0;flex:1;padding:9px 13px 12px}.media-card{min-width:0;cursor:pointer;border:1px solid transparent;padding:4px;border-radius:2px;background:#202024}.media-card:hover{background:#2d2d35}.media-card.selected{border-color:#808bb5;background:#353340}.thumbnail{height:65px;background:#15151a;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail>span{font-size:29px;color:#8d80b2}.thumbnail small{position:absolute;right:3px;bottom:2px;padding:1px 3px;background:#111b;color:#d6d6e1;font:10px Consolas,monospace}.media-name{display:flex;gap:5px;align-items:center;font-size:11px;padding:6px 1px 1px}.media-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-dot{width:7px;height:7px;flex-shrink:0;display:inline-block;background:#a390cd;border-radius:1px}.label-dot.audio{background:#6ba383}.media-grid>.media-empty{grid-column:1/-1;align-self:center;padding:20px}.media-list{display:flex;flex-direction:column;gap:0}.media-list .media-card{display:flex;align-items:center;gap:10px;height:39px;border-bottom:1px solid #151517}.media-list .thumbnail{height:30px;width:50px;flex-shrink:0}.media-list .thumbnail small{display:none}.media-list .thumbnail span{font-size:20px}.media-list .media-name{flex:1}.media-list .media-card>small{font-size:10px;color:#90909c}.bin-card{display:flex;align-items:center;gap:9px;font-size:27px;color:#a7a2bc;border:1px solid #393940;height:66px}.bin-card span{font-size:12px;color:#ccc}.project-bottom{display:flex;align-items:center;height:27px;min-height:27px;padding:0 10px;border-top:1px solid #151518;font-size:10px;color:#90909b}.project-bottom button{font-size:14px;padding:0 6px}.effect-list,.list-scroll{overflow:auto;flex:1;padding:8px 10px}.effect-list details{margin-bottom:10px}.effect-list summary{font-size:12px;padding:7px;color:#b8b8c4;cursor:pointer}.effect-item{display:block;width:100%;text-align:left;font-size:12px;padding:6px 18px;color:#c4c4ce}.effect-item:before{content:'fx';font:italic 10px Georgia;margin-right:9px;color:#9284b2}.marker-row{display:flex;align-items:center;border-bottom:1px solid #333339}.marker-row button{font-size:11px}.marker-row button:nth-child(2){flex:1;text-align:left}.history-row{padding:7px;border-bottom:1px solid #303036;font-size:12px;color:#acacb8}.sequence-tabs{min-height:33px;height:33px}.timeline-toolbar{height:37px;min-height:37px;gap:5px;padding:0 10px}.timeline-toolbar button{padding:3px 5px;font-size:13px}.timeline-toolbar>.timecode{font-size:15px;margin-right:7px}.timeline-toolbar input[type=range]{width:75px;height:10px}.tools{width:37px;min-width:37px;overflow:auto;padding:4px 0;gap:0;border-right-width:3px;line-height:normal}.tools button{padding:3px;font-size:17px;width:27px;min-height:27px;line-height:21px;border-radius:1px}.tools button.active{color:#121b27;background:#83acfc}.track-head-wrap{width:126px;min-width:126px;overflow:hidden;position:relative;border-right:2px solid #111114}.track-ruler{height:30px;min-height:30px;background:#222227;position:relative;z-index:2;border-bottom:1px solid #111114;display:flex;align-items:center;justify-content:center}.track-ruler button{font-size:10px;padding:3px 9px;color:#a6a6b2}.track-labels{width:100%;min-width:0;will-change:transform}.track-labels>.track-label{padding:0 4px;height:49px;border-top:1px solid #151518;display:flex;align-items:center;gap:3px;position:relative;background:#29292e}.track-label button{padding:2px 4px;font-size:11px;color:#9e9eab;min-width:18px}.track-label button.active{color:#8bb5fb}.track-target.active{background:#466799!important;color:#e0e8f8!important}.track-label.audio{background:#272a2b}.track-label.audio>.track-target.active{background:#466454!important;color:#cce4d5!important}.track-label.locked{background:repeating-linear-gradient(130deg,#29292e 0,#29292e 5px,#33333a 5px,#33333a 7px)}.timeline-scroll{flex:1;min-width:0;position:relative;overflow:auto;background:#1c1c20;overscroll-behavior:contain;touch-action:none}.timeline-content{position:relative;min-height:100%;background:#1c1c20}.ruler{position:sticky;top:0;height:30px;background:#26262b;z-index:5;border-bottom:1px solid #111116;cursor:crosshair;overflow:hidden}.tick{position:absolute;top:1px;height:29px;border-left:1px solid #64646c;font:10px Consolas,monospace;color:#a0a0ac;padding-left:5px;pointer-events:none;white-space:nowrap}.timeline-marker{position:absolute;bottom:-3px;transform:translateX(-50%);font-size:12px;padding:0;z-index:2}.work-area{position:absolute;bottom:0;height:5px;background:#85819e;pointer-events:none}.track-lane{height:49px;position:absolute;left:0;width:100%;border-bottom:1px solid #111114;background:#252529}.track-lane.audio{background:#202323}.track-lane.locked{background:repeating-linear-gradient(130deg,#28282d 0,#28282d 6px,#32323a 6px,#32323a 8px)}.clip{position:absolute;top:3px;height:43px;background:var(--clip);border:1px solid #18151f;color:#121118;min-width:3px;overflow:hidden;cursor:default;user-select:none;border-radius:2px;box-shadow:0 1px 2px #0006}.clip.selected{border:2px solid #e0e0f6;box-shadow:0 0 0 1px #767faf;z-index:2}.clip.disabled{opacity:.4}.clip-name{position:relative;font:11px Segoe UI,Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 5px;height:20px;background:#ffffff12;z-index:1}.fx{font:italic 10px Georgia;color:#24212f;display:inline-block;margin-right:4px;background:#cabcee8c;padding:0 1px}.clip-film{height:23px;background-size:auto 100%;opacity:.5}.trim-handle{width:7px;position:absolute;top:0;bottom:0;z-index:4;cursor:ew-resize}.trim-handle.left{left:0}.trim-handle.right{right:0}.clip:hover .trim-handle{background:#e7e5ff33}.rubber-band{position:absolute;left:0;right:0;height:1px;background:#e9e5bf9e;pointer-events:none}.waveform{position:absolute;bottom:1px;left:0;width:100%;height:26px;fill:#183e2dd6}.clip-key{position:absolute;top:20px;color:#f5e9a3;font-size:9px;transform:translateX(-50%)}.transition{position:absolute;top:22px;left:0;background:#dbca9388;color:#30271f;font-size:9px;white-space:nowrap;overflow:hidden;height:15px;pointer-events:none}#playhead{position:absolute;top:19px;bottom:0;width:1px;background:#82b1ff;z-index:8;pointer-events:none}#playhead b{position:absolute;top:-2px;left:-5px;width:11px;height:10px;background:#82b1ff;clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%)}.timeline-drop-hint{position:absolute;top:52%;left:0;width:650px;max-width:75vw;text-align:center;color:#71717e;font-size:12px;pointer-events:none}.meters{position:relative;padding:22px 18px 12px 7px;gap:3px;width:48px;min-width:48px}.meters>div{position:relative;height:100%;width:7px;background:#151917}.meter-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,#5c9e64 0%,#90b754 70%,#d6c356 88%,#d67267 97%);height:0}.meters small{position:absolute;right:2px;top:15px;bottom:0;font:8px/4.7 Consolas,monospace;color:#8c8c93}.inspector-body{padding:0 0 10px;flex:1;overflow:auto;min-height:0}.inspector-clip{display:flex;align-items:center;gap:7px;padding:12px 10px;border-bottom:1px solid #151518;font-size:12px}.inspector-clip strong{font-weight:400;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-clip button{padding:1px 4px}.property-group{border-bottom:1px solid #151518;padding:0 9px 9px}.property-group>summary{padding:10px 1px;font-size:12px;font-weight:600;color:#ceced6;cursor:pointer}.property-row{display:flex;align-items:center;gap:4px;min-height:28px;padding:2px 0;font-size:11px}.property-row label{flex:1;min-width:0}.stopwatch{color:#6b6b79;padding:0 1px;font-size:14px;width:19px;min-width:19px}.stopwatch.active{color:#81aefa}.property-row input{width:64px;min-width:0;border:1px solid transparent;background:#1c1c20;color:#8cb7ff;padding:3px 4px;font:11px Consolas,monospace;text-align:right;border-radius:2px}.property-row input:hover{border-color:#555566}.property-row .unit{color:#7c7c89;font-size:10px;width:18px}.select-row{font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 2px}.select-row select{max-width:59%;padding:3px;font-size:11px}.select-row input[type=color]{height:22px;width:48px;padding:1px}.check-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:7px 0;line-height:1.6}.check-row input{accent-color:#a19be7}.property-group textarea{width:100%;resize:vertical;font-size:13px;line-height:1.6}.property-group>button,.inspector-footer button{border:1px solid #464650;font-size:11px;margin:5px 3px;padding:5px}.clip-info{font-size:11px;line-height:2;color:#a0a0ad;padding-left:8px}.clip-info b{font:11px Consolas;margin-left:10px;color:#c4c4d0}.curve-graph{width:100%;height:110px;background:#1c1c20;border:1px solid #3a3a44}.curve-inputs{display:flex;gap:4px;margin-top:8px}.curve-inputs label{width:20%;font-size:9px;color:#aaa;text-align:center}.curve-inputs input{width:100%;font:11px Consolas;padding:3px;color:#92bafa}.mixer{display:flex;gap:6px}.mixer-strip{display:flex;align-items:center;flex-direction:column;gap:6px;padding:7px;background:#1c1c20;flex:1;min-width:0}.mixer-strip strong{font-size:12px}.mixer-strip input{writing-mode:vertical-lr;direction:rtl;height:105px;width:16px}.mixer-strip span{font-size:10px;white-space:nowrap}.mixer-strip button{font-size:11px;padding:2px 6px;border:1px solid #41414c}.caption-list>button{display:flex;align-items:start;flex-direction:column;text-align:left;width:100%;border-bottom:1px solid #3c3c43;line-height:1.6;font-size:12px;padding:8px}.caption-list small{font:11px Consolas;color:#8bb6fa}.keyframe-property{font-size:11px;margin-bottom:10px}.keyframe-property>strong{color:#b7b2d0}.keyframe-property>button{float:right;padding:0}.keyframe-row{display:flex;align-items:center;gap:4px;font-size:10px}.keyframe-row button{padding:4px 1px;font:10px Consolas;color:#9dc0f2}.keyframe-row select{font-size:10px;padding:1px;width:61px;margin-left:auto}#scope{width:100%;background:#18181c}.inspector-footer{padding:8px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;color:#c1c1cc}.form-field input,.form-field select,.form-field textarea{font-size:14px;padding:9px;min-height:35px}.form-field input[type=color]{padding:2px;width:80px}.form-columns{display:flex;gap:12px}.form-columns>*{flex:1;min-width:0}.dialog-body{max-height:65dvh;overflow:auto;font-size:14px;line-height:1.8}dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}dialog .dialog-actions button{font-size:13px;padding:8px 16px}dialog .dialog-actions button:not(.primary){border:1px solid #454550}.shortcut-grid{display:grid;grid-template-columns:160px 1fr;gap:9px 14px;font-size:12px}.shortcut-grid kbd{color:#aabfe9;white-space:normal}.context-menu{position:fixed;z-index:200;background:#2d2d33;border:1px solid #56565e;border-radius:4px;min-width:235px;max-height:calc(100dvh - 20px);overflow:auto;padding:5px;box-shadow:0 6px 30px #0009}.context-menu button{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;text-align:left;font-size:12px;padding:7px 9px;line-height:1.4}.context-menu button:hover{background:#535477;color:#fff}.context-menu hr{border:0;border-top:1px solid #46464e;margin:4px 0}.context-menu kbd{font-size:10px;white-space:nowrap}.resize-bar{position:absolute;z-index:12}.resize-bar.vertical{left:calc(var(--left) - 1px);top:0;bottom:0;width:5px;cursor:col-resize}.resize-bar.horizontal{top:calc(var(--top) - 2px);height:5px;left:0;right:0;cursor:row-resize}.resize-bar:hover{background:#9b9add66}.maximized{display:block!important}.maximized .panel{display:none}.maximized .maximized-panel{display:flex;position:absolute;inset:0;z-index:20}.maximized .resize-bar{display:none}progress{width:100%;height:16px;accent-color:#9991eb}.recording-dot{width:15px;height:15px;border-radius:50%;background:#ee6476;animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#1b1b1f}::-webkit-scrollbar-thumb{background:#46464f;border:2px solid #1b1b1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#656572}@media(min-width:1500px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.thumbnail{height:83px}.property-row{min-height:31px;font-size:12px}.property-row input{font-size:12px;width:72px}.panel-tabs button{font-size:13px}}@media(max-width:1100px){header nav button{padding:4px;font-size:11px}header strong{font-size:12px}#properties-panel .panel-tabs{gap:7px;padding:0 7px}.timeline-toolbar{gap:2px}.timeline-toolbar>.timecode{font-size:13px}.timeline-toolbar input[type=range]{width:50px}.transport-buttons{gap:0}.transport-buttons button{padding:1px 5px;font-size:13px}.property-row{font-size:10px}.property-row input{width:53px}.track-head-wrap{width:112px;min-width:112px}}@media(max-width:1000px){#workspace{grid-template-columns:32% minmax(0,1fr)}#properties-panel{display:none}#properties-panel.maximized-panel{display:flex}.resize-bar.vertical{left:32%}#workspaces button{font-size:11px;padding:4px 6px}#timeline-panel{grid-column:2}.timeline-toolbar button:nth-of-type(6),.timeline-toolbar button:nth-of-type(7),.timeline-toolbar button:nth-of-type(8),.timeline-toolbar button:nth-of-type(9){display:none}}@media(max-width:700px){#workspace{grid-template-columns:1fr;grid-template-rows:300px 220px 370px auto}#properties-panel{display:flex;grid-column:1;grid-row:4;max-height:460px;min-height:180px}#timeline-panel{grid-column:1;grid-row:3}#source-panel{grid-column:1;grid-row:5;height:320px;display:flex}#program-panel{grid-column:1;grid-row:1}#project-panel{grid-column:1;grid-row:2}.resize-bar{display:none}.timeline-toolbar{padding:0 5px}.timeline-toolbar>.timecode{font-size:12px}.track-head-wrap{width:104px;min-width:104px}.tools{width:31px;min-width:31px}.meters{width:32px;min-width:32px;padding-left:3px;padding-right:12px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:5px}.thumbnail{height:50px}.media-name{font-size:10px}.program-stage{padding:10px}.project-toolbar{padding:5px 9px 0}.bin-path{height:22px;min-height:22px}.workspace-bar{height:36px;padding:0 8px;gap:12px}.workspace-bar>span{display:none}#workspaces{margin-left:4px;gap:2px}.shortcut-grid{grid-template-columns:115px 1fr;font-size:11px}dialog{padding:18px}.dialog-body{font-size:13px}.form-columns{gap:7px}.timeline-drop-hint{max-width:60vw}header{padding:0 8px}header strong{margin-right:auto}header .primary{font-size:12px}footer{font-size:10px;padding:0 8px;gap:10px}.property-row,.property-row input{font-size:12px}.property-row input{width:80px}}

.proxy-badge{position:absolute;top:5px;left:5px;padding:2px 5px;background:#172b38;color:#8ed0ea;font-size:10px;font-style:normal;border:1px solid #55798c;border-radius:2px}
.mosaic-add{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.mosaic-add button{background:#32323a;border:1px solid #464651;font-size:11px;padding:6px 8px}.mosaic-list{display:flex;flex-direction:column;gap:3px;margin:10px 0}.mosaic-list button{display:flex;justify-content:space-between;text-align:left;border:1px solid #43434d;gap:8px}.mosaic-list button.active{background:#363044;border-color:#9580d4;color:#e4d9ff}.mosaic-list small{color:#a7a7b4;white-space:nowrap}.mosaic-key-strip{height:24px;margin:10px 9px;position:relative;border-bottom:1px solid #60606a;background:#19191e}.mosaic-key-strip button{position:absolute;transform:translateX(-50%);font-size:10px;padding:3px 0;color:#bda8ff}.mosaic-review{padding:8px;background:#393125;border:1px solid #726342;border-radius:4px}.mosaic-review>div{display:flex;align-items:center;gap:5px}.mosaic-review button{font-size:11px;text-align:left}.mosaic-review>div button:first-child{flex:1}.mosaic-vertices>div{display:flex;align-items:center;gap:4px;margin:4px 0}.mosaic-vertices input{width:65px}.mosaic-vertices span{flex:1}.license-text{white-space:pre-wrap;font-size:12px;line-height:1.6}.inspector-body .select-row input[type=number]{width:92px}#mosaic-overlay{position:absolute;overflow:hidden;touch-action:none;pointer-events:none}#mosaic-overlay.drawing{pointer-events:all;cursor:crosshair}#mosaic-overlay .mosaic-outline{fill:transparent;stroke:#e0d2ff;stroke-width:1.3;vector-effect:non-scaling-stroke;pointer-events:all;cursor:move}#mosaic-overlay .mosaic-outline.active{stroke:#b9a0ff;stroke-width:2}#mosaic-overlay circle{fill:#e8ddff;stroke:#32284b;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:all;cursor:nwse-resize}#mosaic-overlay circle[data-handle=rotate]{cursor:grab;fill:#bca1ff}#mosaic-overlay .mosaic-stem{fill:none;stroke:#b9a0ff;stroke-width:1;vector-effect:non-scaling-stroke}#mosaic-overlay text{fill:white;stroke:#241d34;stroke-width:2px;paint-order:stroke;pointer-events:all;cursor:copy}#mosaic-overlay circle[data-handle^=vertex]{fill:#84cfff}.mosaic-workspace .resize-bar{display:none}
@media(min-width:701px){#workspace.mosaic-workspace{grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:62% minmax(0,1fr)}.mosaic-workspace #source-panel,.mosaic-workspace #project-panel{display:none}.mosaic-workspace #program-panel{grid-column:1;grid-row:1}.mosaic-workspace #properties-panel{display:flex;grid-column:2;grid-row:1/3}.mosaic-workspace #timeline-panel{grid-column:1;grid-row:2}}
[data-drop-label]{outline:2px solid #a996f4;outline-offset:-3px}[data-drop-label]::after{content:attr(data-drop-label);position:absolute;inset:35px 8px auto;z-index:30;padding:10px;background:#302946ed;border:1px solid #a996f4;border-radius:4px;color:#eee8ff;font-size:13px;text-align:center;pointer-events:none}[data-clip][data-drop-label]::after{inset:0;padding:4px;font-size:11px}.thumbnail img{pointer-events:none}

.shortcut-settings>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid #38383f;padding:6px 0}.shortcut-settings>div[hidden]{display:none}.shortcut-settings label{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0}.shortcut-settings input{width:180px;max-width:48%;cursor:pointer;font-family:Consolas,monospace}.shortcut-settings input:focus{outline:2px solid #938bd2}#shortcut-search{width:100%}.bin-path{overflow-x:auto;white-space:nowrap}.bin-path button{font-size:11px;flex-shrink:0;max-width:180px;overflow:hidden;text-overflow:ellipsis}#mosaic-overlay circle[data-handle^=control]{fill:#f0c97a;cursor:crosshair}

#workspace.multicam-workspace{grid-template-columns:1fr 1fr;grid-template-rows:62% minmax(0,1fr)}
.multicam-workspace #source-panel{display:flex;grid-column:1;grid-row:1}.multicam-workspace #program-panel{grid-column:2;grid-row:1}.multicam-workspace #timeline-panel{grid-column:1/-1;grid-row:2}.multicam-workspace #project-panel,.multicam-workspace #properties-panel{display:none}
.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;flex:1;min-height:0;overflow:auto;align-content:start}.camera-grid:has(.camera-angle:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}.camera-angle{border:2px solid #37373d;padding:0;background:#111;min-width:0;overflow:hidden}.camera-angle.active{border-color:#e3c640;color:#f5df70}.camera-angle.recording{border-color:#e96159;color:#ff958b}.camera-angle canvas{display:block;width:100%;max-height:210px;object-fit:contain;background:#08080a}.camera-angle span{display:block;font-size:12px;padding:5px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-controls{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:4px 10px;font-size:12px}.camera-controls select{max-width:220px}.camera-help{font-size:11px;color:#a5a5b1;padding:0 10px 6px;margin:5px 0}.multicam-sources{max-height:360px;overflow:auto}.multicam-sources>div{display:grid;grid-template-columns:1fr 130px;gap:7px;padding:10px 0;border-bottom:1px solid #444}.multicam-sources>div>label:first-child{grid-column:1/-1;overflow-wrap:anywhere}.multicam-sources label{font-size:12px}.multicam-sources input:not([type=checkbox]){display:block;width:100%;margin-top:4px}
@media(max-width:700px){#workspaces{overflow:auto}#workspace.multicam-workspace{grid-template-columns:1fr;grid-template-rows:340px 300px 360px}.multicam-workspace #source-panel{grid-column:1;grid-row:1}.multicam-workspace #program-panel{grid-column:1;grid-row:2}.multicam-workspace #timeline-panel{grid-column:1;grid-row:3}.camera-angle canvas{max-height:170px}}

dialog:has(#feature-help){width:920px}.help-navigation{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #494951;margin-bottom:14px;padding-bottom:8px}.help-navigation button{font-size:12px;border:1px solid #494951}.help-navigation [aria-current=page]{background:#363647;color:#c9c4ff;border-color:#8580b6}.feature-filters{position:sticky;top:0;z-index:1;display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:#252529;padding:10px 0;border-bottom:1px solid #494951}.feature-filters label{display:flex;flex-direction:column;font-size:12px;gap:4px}.feature-filters label:first-child{flex:1;min-width:190px}.feature-filters input,.feature-filters select{width:100%;height:34px}.feature-filters button{border:1px solid #494951;height:34px;font-size:12px}.feature-group h3{font-size:14px;color:#bbb3e0;margin:20px 0 6px}.feature-group ul{list-style:none;margin:0;padding:0}.feature-group li{padding:13px 0;border-bottom:1px solid #3a3a43}.feature-heading{display:flex;align-items:start;gap:12px;justify-content:space-between}.feature-heading h4{margin:0;font-size:14px;font-weight:600}.feature-status{flex:none;border:1px solid currentColor;border-radius:3px;padding:0 7px;font-size:11px;line-height:22px}.feature-status.available{color:#9bd1b0}.feature-status.partial{color:#dfc185}.feature-status.planned{color:#b4b4c4}.feature-status.excluded{color:#c3a8bb}.feature-group p{font-size:12px;color:#b8b8c4;line-height:1.8;margin:6px 0 0}.feature-group .feature-where{color:#b5c9ef}.feature-where b{font-size:11px;margin-right:7px;font-weight:500}@media(max-width:700px){.feature-filters{gap:7px}.feature-filters label:first-child{flex-basis:100%}.feature-filters label{flex:1}.feature-filters label select{max-width:100%}.feature-filters button{height:auto;min-height:34px}.feature-heading{gap:7px}.feature-heading h4{font-size:13px}.help-navigation{gap:4px}.help-navigation button{font-size:11px;padding:5px 7px}}

dialog:has(.multicam-sources){width:820px}.multicam-sources>div{grid-template-columns:minmax(0,1fr) 140px 140px}.multicam-sources [data-sync-result]{grid-column:1/-1;line-height:1.5}.multicam-sources [data-sync-result]:empty{display:none}@media(max-width:650px){.multicam-sources>div{grid-template-columns:1fr 1fr}.multicam-sources>div>label:nth-child(2){grid-column:1/-1}}
.scope-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;padding:6px 0}.scope-controls label{display:flex;gap:5px;align-items:center}.scope-controls select{min-width:0;max-width:190px;font-size:11px}.scope-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px}.scope-grid canvas{width:100%;height:auto;display:block;border:1px solid #3a3b43}.hsl-matte{display:block;width:100%;height:auto;background:#111}.scope-controls+div+p{font-size:10px;line-height:1.5}dialog:has(#scope-dialog){width:940px}
.color-wheels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:14px}.color-wheel-group{min-width:0;text-align:center;border-bottom:1px solid var(--border);padding-bottom:12px}.color-wheel-group .property-row{text-align:left}.color-wheel,.color-wheel:hover{position:relative;display:block;width:156px;height:156px;margin:14px auto;border-radius:50%;border:2px solid #72727e;touch-action:none;background:radial-gradient(circle,#858585 0%,#85858500 72%),conic-gradient(from 90deg,#e25151,#dede52,#52de52,#52dede,#5252de,#de52de,#e25151);cursor:crosshair;overflow:visible}.color-wheel:disabled{opacity:.4;cursor:default}.color-wheel:focus-visible{outline:2px solid #baafff;outline-offset:4px}.color-wheel::before,.color-wheel::after{content:"";position:absolute;background:#2226;pointer-events:none}.color-wheel::before{left:50%;top:0;height:100%;width:1px}.color-wheel::after{top:50%;left:0;width:100%;height:1px}.wheel-marker{position:absolute;left:50%;top:50%;width:10px;height:10px;border:2px solid white;box-shadow:0 0 0 1px #111;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}

.inspector-body:has(.color-wheels){overflow-anchor:none}