/* Reference workstation: every rule is confined to the 2D animator. */
#twoDAnimationWorkspace.twoDWorkstation{--ws-left:350px;--ws-right:500px;--ws-bottom:280px;--ws-accent:#399cf5;position:fixed;inset:0;z-index:5000;grid-template-columns:105px calc(var(--ws-left) - 112px) minmax(240px,1fr) var(--ws-right);grid-template-rows:43px minmax(220px,1fr) var(--ws-bottom);gap:7px;padding:0 7px 7px;background:#161819;color:#dedfe1;font:12px Arial,sans-serif;overflow:hidden}
body.two-d-animation-open #twoDAnimationWorkspace.twoDWorkstation{display:grid}
#twoDAnimationWorkspace.twoDWorkstation *{box-sizing:border-box}
#twoDAnimationWorkspace.twoDWorkstation button,#twoDAnimationWorkspace.twoDWorkstation input,#twoDAnimationWorkspace.twoDWorkstation select{font:12px Arial,sans-serif;color:#dadde1;border:1px solid #3d4145;border-radius:3px;background:#222528;min-height:25px;box-shadow:none;margin:0;padding:3px 7px}
#twoDAnimationWorkspace.twoDWorkstation button{cursor:pointer;white-space:nowrap;width:auto;flex-shrink:0}
#twoDAnimationWorkspace.twoDWorkstation button:hover{background:#333a41;color:#fff}
#twoDAnimationWorkspace.twoDWorkstation button.active{background:#263d52;border-color:#329bff;color:#66b7ff}
#twoDAnimationWorkspace.twoDWorkstation button:disabled{opacity:.35;cursor:default}
#twoDAnimationWorkspace.twoDWorkstation :focus-visible{outline:1px solid #56b2ff;outline-offset:1px}
#twoDAnimationWorkspace.twoDWorkstation input[type=range]{accent-color:#399cf5;min-width:30px;width:100%;height:18px;min-height:0;border:0;padding:0;background:none}
#twoDAnimationWorkspace.twoDWorkstation input[type=checkbox]{accent-color:#399cf5;width:15px;height:15px;min-height:0;padding:0}
#twoDAnimationWorkspace.twoDWorkstation input[type=number]{width:66px;min-width:0}
#twoDAnimationWorkspace.twoDWorkstation input[type=color]{width:19px;height:19px;min-height:0;border:0;padding:0;background:transparent}
#twoDAnimationWorkspace.twoDWorkstation svg{width:20px;height:20px;display:block}
#twoDAnimationWorkspace.twoDWorkstation [hidden],#twoDAnimationWorkspace.twoDWorkstation .wsLegacy{display:none!important}
.twoDWorkstation .wsHeader{grid-column:1/-1;display:flex;align-items:center;gap:22px;min-width:0;background:#202123;margin:0 -7px;padding:0 15px;border-bottom:1px solid #101213}
.twoDWorkstation .wsBrand{display:flex;gap:10px;align-items:center;border:0!important;background:none!important;padding:0!important;font:13px Georgia,serif!important;letter-spacing:2px;flex-shrink:0}
.twoDWorkstation .wsBrand img{height:27px;width:27px;object-fit:contain;filter:grayscale(1)}
.twoDWorkstation .wsTabs{display:flex;align-self:stretch;gap:5px;min-width:0}
.twoDWorkstation .wsTabs button{border:0!important;border-radius:3px 3px 0 0!important;background:none!important;padding:0 20px!important;color:#b4b7bb!important}
.twoDWorkstation .wsTabs button.active{border-bottom:2px solid #399cf5!important;background:#202c38!important;color:#52acff!important}
.twoDWorkstation .wsHeaderActions{margin-left:auto;display:flex;gap:8px;align-items:center}
.twoDWorkstation .wsHeaderActions button{border:0!important;background:none!important;width:29px;padding:4px!important;font-size:20px!important}
.twoDWorkstation .wsHeaderActions select{width:90px}
.twoDWorkstation .wsPanel{background:#202224;border-radius:3px;border:0;min-width:0;min-height:0;overflow:auto;padding:8px 12px}
.twoDWorkstation .wsPanel h3{font-size:14px;font-weight:400;line-height:23px;padding:0 0 8px;margin:0 0 6px;border-bottom:1px solid #2a2d30;color:#eee}
.twoDWorkstation .wsTools{grid-column:1;grid-row:2;padding:8px!important;overflow:hidden}
.twoDWorkstation .wsToolGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.twoDWorkstation .wsToolGrid button{height:42px;display:grid;place-items:center;border:1px solid transparent!important;padding:6px!important}
.twoDWorkstation .wsToolGrid button.active{border-color:#399cf5!important}
.twoDWorkstation .wsToolGrid svg{width:25px!important;height:25px!important}
.twoDWorkstation .wsBrush{grid-column:2;grid-row:2;padding:8px 12px!important}
.twoDWorkstation .wsBrushPreview{width:100%;height:46px;border:1px solid #414448;border-radius:3px;margin-bottom:9px;background:#1c1e20}
.twoDWorkstation .twoDField,.twoDWorkstation .wsField{display:flex;align-items:center;gap:8px;min-height:30px;margin:0;color:#d0d3d8;font-size:11px}
.twoDWorkstation .twoDField>label,.twoDWorkstation .wsField>span{min-width:64px;flex-shrink:0}
.twoDWorkstation .twoDField output,.twoDWorkstation .wsField output{min-width:43px;text-align:right;background:#2b2e31;border-radius:3px;padding:4px;font-size:11px}
.twoDWorkstation .twoDField select{flex:1;width:90px}
.twoDWorkstation .twoDCheck{font-size:12px;display:flex;align-items:center;gap:6px;margin:9px 0}
.twoDWorkstation .wsLibrary{margin:10px -12px -8px;padding:8px 12px;border-top:5px solid #17191b;position:relative}
.twoDWorkstation .wsLibrary>button{position:absolute;right:7px;top:5px;border:0!important;background:none!important}
.twoDWorkstation .wsPresetList{display:flex;flex-direction:column;gap:0}
.twoDWorkstation .wsPresetList button{display:flex;align-items:center;gap:12px;height:24px;min-height:24px!important;border:1px solid transparent!important;background:none!important;padding:1px 7px!important;font-size:11px!important;text-align:left}
.twoDWorkstation .wsPresetList button.active{border-color:#318dde!important;background:#273a4c!important}
.twoDWorkstation .wsPresetList svg{width:55px!important;height:18px!important}
.twoDWorkstation .wsStage{grid-column:3;grid-row:2;position:relative;min-width:0;min-height:0;background:#202224;display:flex;flex-direction:column;border-radius:3px;overflow:hidden}
.twoDWorkstation .wsSceneBar{height:39px;display:flex;gap:4px;padding:5px 7px;border-bottom:1px solid #303236;flex-shrink:0;overflow-x:auto;padding-right:160px}
.twoDWorkstation .wsSceneTab{display:flex;flex-shrink:0}
.twoDWorkstation .wsSceneTab button{border:0!important;background:none!important}
.twoDWorkstation .wsSceneTab.active{background:#2c3034;border-radius:3px}
.twoDWorkstation .wsViewbar{position:absolute;right:10px;top:49px;z-index:4;display:flex;gap:4px}
.twoDWorkstation #twoDViewport{position:relative;flex:1;width:auto!important;height:auto!important;min-height:0;background:#202224;overflow:hidden;touch-action:none}
.twoDWorkstation #twoDCanvasWrap{position:absolute;left:50%;top:50%;box-shadow:0 0 18px #0003}
.twoDWorkstation #twoDCanvas{display:block;width:100%;height:100%;touch-action:none}
.twoDWorkstation .wsGuides{position:absolute;inset:0;pointer-events:none;border:1px solid #89919c55}
.twoDWorkstation .wsSafe{position:absolute;inset:8.5% 6.3%;border:1px solid #89919c44}
.twoDWorkstation .wsGuides i{position:absolute;left:50%;height:100%;border-left:1px solid #89919c22}
.twoDWorkstation .wsGuides b{position:absolute;top:50%;width:100%;border-top:1px solid #89919c22}
.twoDWorkstation .wsGuides.safe-off .wsSafe{display:none}
.twoDWorkstation .wsGuides.camera-off{border:0}.twoDWorkstation .wsGuides.camera-off i,.twoDWorkstation .wsGuides.camera-off b{display:none}
.twoDWorkstation .wsRight{grid-column:4;grid-row:2;display:grid;grid-template-columns:44% 8% 1fr;grid-template-rows:minmax(220px,1fr) 74px 110px 100px;gap:7px;min-height:0;min-width:0}
.twoDWorkstation .wsColor{grid-column:1;grid-row:1;position:relative;padding:7px 12px}
.twoDWorkstation #twoDColorWheel{display:block;max-height:180px;width:min(100%,190px);height:auto;aspect-ratio:1;margin:0 auto;touch-action:none}
.twoDWorkstation .twoDColorReadout{display:flex;gap:5px;align-items:center;margin-top:3px;justify-content:flex-end}
.twoDWorkstation .twoDSwatches{position:relative;display:flex;width:45px;height:30px}
.twoDWorkstation .twoDSwatches button{width:22px;height:22px;min-height:22px!important;padding:0!important}
.twoDWorkstation .twoDColorFields{display:flex;gap:3px;margin-top:6px}
.twoDWorkstation .twoDColorFields label:not(:first-child){display:none}
.twoDWorkstation .twoDColorFields label{display:flex;align-items:center;gap:5px}
.twoDWorkstation #twoDForegroundHex{width:75px;font-size:10px!important;height:22px;min-height:22px!important}
.twoDWorkstation .twoDRecentColors{display:none}
.twoDWorkstation .wsColor>button:last-child{position:absolute;bottom:7px;right:10px;width:27px;padding:2px!important}
.twoDWorkstation .wsLayers{grid-column:2/4;grid-row:1;padding:7px 8px}
.twoDWorkstation .twoDLayerBar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}
.twoDWorkstation .twoDLayerBar button{border:0!important;background:none!important;padding:2px 5px!important}
.twoDWorkstation .twoDLayerList{max-height:none;overflow:auto;min-height:0}
.twoDWorkstation .wsLayerRow{height:25px;display:flex;align-items:center;gap:3px;padding:0 3px;border-bottom:1px solid #2d3033;user-select:none}
.twoDWorkstation .wsLayerRow.active{background:#283e54;border-left:3px solid #329cff}
.twoDWorkstation .wsLayerRow.muted{opacity:.45}
.twoDWorkstation .wsLayerRow button{border:0!important;background:none!important;min-height:22px!important;height:22px;width:24px;padding:2px!important;flex-shrink:0}
.twoDWorkstation .wsLayerRow svg{width:15px!important;height:15px!important}
.twoDWorkstation .wsLayerName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.twoDWorkstation .wsTimelineSettings{grid-column:1/4;grid-row:2;display:flex;align-content:start;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:5px 12px}
.twoDWorkstation .wsTimelineSettings h3{width:100%;margin:0;padding:0;border:0;font-size:14px;line-height:21px}
.twoDWorkstation .wsTimelineSettings .wsField{gap:6px;min-height:23px}.twoDWorkstation .wsTimelineSettings .wsField span{min-width:0}
.twoDWorkstation .wsTimelineSettings input{width:59px!important}.twoDWorkstation .wsTimelineSettings select{width:60px}
.twoDWorkstation .wsOnion{grid-column:1/3;grid-row:3;padding:6px 12px;overflow:auto}
.twoDWorkstation .wsOnion h3{display:flex;align-items:center;gap:6px;margin:0;padding:0;border:0}
.twoDWorkstation .wsOnion h3 input[type=color]:first-of-type{margin-left:auto}
.twoDWorkstation .wsOnion>.twoDCheck{display:none}
.twoDWorkstation .wsOnion .twoDField{min-height:29px}
.twoDWorkstation .wsOnion .twoDField>label{min-width:75px}
.twoDWorkstation .wsOnion input[type=number]{width:37px!important}
.twoDWorkstation .wsDisplay{grid-column:1/3;grid-row:4;display:flex;flex-wrap:wrap;align-content:start;gap:2px 10px;padding:6px 12px}
.twoDWorkstation .wsDisplay h3{width:100%;padding:0;margin:0;border:0}.twoDWorkstation .wsDisplay .wsField span{min-width:0}
.twoDWorkstation .wsReference{grid-column:3;grid-row:3/5;position:relative;padding:6px 10px;overflow:hidden}
.twoDWorkstation .wsReference h3{padding:0;margin:0;height:24px}.twoDWorkstation .wsReferenceBar{display:flex;gap:3px;height:24px}.twoDWorkstation .wsReferenceBar button{height:22px;min-height:22px!important;padding:0 5px!important}
.twoDWorkstation #wsReferenceImage{width:100%;height:calc(100% - 55px);object-fit:contain;color:#858e98;font-size:11px;transform-origin:center}
.twoDWorkstation .wsTree{grid-column:1/3;grid-row:3;padding:0;overflow:hidden}
.twoDWorkstation .wsTree h3{height:68px;padding:13px 12px 0;margin:0;font-size:12px}.twoDWorkstation .wsTree h3 span{float:right;font-size:10px;color:#777f89}
.twoDWorkstation #wsTreeRows{height:calc(100% - 68px);overflow:auto;scrollbar-width:none}
.twoDWorkstation .wsTimeline{grid-column:3;grid-row:3;display:flex;flex-direction:column;min-width:0;min-height:0;background:#202224;outline:none}
.twoDWorkstation .wsTransport{height:36px;display:flex;align-items:center;gap:7px;padding:4px 8px;flex-shrink:0;overflow-x:auto;white-space:nowrap}
.twoDWorkstation .wsTransport strong{font-size:14px;font-weight:400;margin-right:15px}.twoDWorkstation .wsTransport button{border:0!important;min-width:26px;padding:3px!important}
.twoDWorkstation .wsTransport .wsField{font-size:10px;gap:3px}.twoDWorkstation .wsTransport .wsField span{min-width:0}
.twoDWorkstation #twoDTimelineZoom{width:90px;min-width:50px;margin-left:auto}
.twoDWorkstation .wsTimelineScroll{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.twoDWorkstation #wsTracks{position:absolute;touch-action:none}
.twoDWorkstation .wsGraph{grid-column:4;grid-row:3;display:flex;flex-direction:column;padding:7px 10px}
.twoDWorkstation .wsGraph h3{padding:0;margin:0 0 6px}.twoDWorkstation .wsGraphBar{display:flex;gap:5px}.twoDWorkstation .wsGraphBar select{min-width:0;max-width:125px}
.twoDWorkstation .wsTransformFields{display:flex;gap:7px;margin:7px 0}.twoDWorkstation .wsTransformFields .wsField{gap:3px;min-height:20px}.twoDWorkstation .wsTransformFields .wsField span{min-width:0}.twoDWorkstation .wsTransformFields input{width:60px!important}
.twoDWorkstation #wsGraphCanvas{width:100%;height:100%;flex:1;min-height:40px;touch-action:none}
.twoDWorkstation .wsDrawer{display:none;position:absolute;right:calc(var(--ws-right) + 15px);top:90px;width:310px;max-height:65vh;z-index:30;box-shadow:0 8px 30px #0009;border:1px solid #4b535c;padding:12px}
.twoDWorkstation .wsDrawer.open{display:block}.twoDWorkstation .wsDrawer>button{float:right}.twoDWorkstation .wsDrawer .twoDSection{padding:4px;background:none;border:0}.twoDWorkstation .wsDrawer button{margin:3px!important}.twoDWorkstation .wsDrawer label{display:flex;gap:8px;align-items:center;margin:7px 0}.twoDWorkstation .wsDrawer .twoDAudioTrack{display:flex;flex-direction:column;align-items:stretch;height:auto;border:0;background:none}.twoDWorkstation .wsDrawer #twoDWaveform{width:100%;height:48px}.twoDWorkstation .wsDrawer p{line-height:1.6;color:#adb6c0}
.twoDWorkstation .wsStatus{position:absolute;bottom:1px;left:10px;font-size:9px;color:#8d969f;pointer-events:none;z-index:5}
.twoDWorkstation .wsContext{position:fixed;width:205px;background:#292d32;border:1px solid #4b5865;padding:4px;z-index:80;box-shadow:0 8px 20px #0007;display:flex;flex-direction:column}.twoDWorkstation .wsContext button{text-align:left;background:none!important;border:0!important;height:29px}
.twoDWorkstation .wsDrawer .wsUndocked{display:block!important;max-height:55vh;overflow:auto;padding:8px!important}.twoDWorkstation .wsDrawer .wsUndocked.wsGraph{display:flex!important;height:280px}.twoDWorkstation .wsDrawer .wsUndocked.wsReference{height:260px}.twoDWorkstation .wsDrawer .wsUndocked .twoDCheck{display:flex}.twoDNewDialog:has(#twoDCreateDocument){z-index:5100}
.twoDWorkstation .wsResizeLeft{position:absolute;left:calc(var(--ws-left) + 4px);top:50px;bottom:var(--ws-bottom);width:7px;cursor:col-resize}.twoDWorkstation .wsResizeRight{position:absolute;right:calc(var(--ws-right) + 7px);top:50px;bottom:7px;width:7px;cursor:col-resize}.twoDWorkstation .wsResizeTimeline{position:absolute;bottom:calc(var(--ws-bottom) + 7px);left:7px;right:7px;height:7px;cursor:row-resize}
#twoDAnimationWorkspace.twoDWorkstation.wsCollapsed{grid-template-columns:70px 0 minmax(240px,1fr) 0}.twoDWorkstation.wsCollapsed>.wsBrush,.twoDWorkstation.wsCollapsed>.wsRight,.twoDWorkstation.wsCollapsed>.wsGraph,.twoDWorkstation.wsCollapsed>.wsTree{display:none}.twoDWorkstation.wsCollapsed>.wsTimeline{grid-column:1/-1}.twoDWorkstation.wsCollapsed .wsDrawer{right:15px}
@media(max-width:1450px){#twoDAnimationWorkspace.twoDWorkstation{--ws-left:285px;--ws-right:370px;--ws-bottom:245px;grid-template-columns:78px calc(var(--ws-left) - 85px) minmax(240px,1fr) var(--ws-right)}.twoDWorkstation .wsBrand{font-size:10px!important;letter-spacing:1px}.twoDWorkstation .wsTabs button{padding:0 11px!important}.twoDWorkstation .wsHeader{gap:15px}.twoDWorkstation .wsHeaderActions{gap:4px}.twoDWorkstation .wsRight{grid-template-rows:minmax(205px,1fr) 85px 110px 90px}.twoDWorkstation .wsPanel{padding-left:7px;padding-right:7px}.twoDWorkstation .wsTimelineSettings{gap:2px 5px}.twoDWorkstation .wsTimelineSettings input{width:44px!important}.twoDWorkstation .wsTransformFields{gap:3px;flex-wrap:wrap}.twoDWorkstation .wsTransformFields input{width:46px!important}.twoDWorkstation .wsColor .twoDColorFields{display:none}.twoDWorkstation .twoDField>label,.twoDWorkstation .wsField>span{min-width:58px}}
@media(max-height:780px){.twoDWorkstation .wsRight{grid-template-rows:minmax(170px,1fr) 64px 84px 70px}.twoDWorkstation .wsRight .wsPanel{padding-top:4px;padding-bottom:4px}.twoDWorkstation #twoDColorWheel{max-height:140px}.twoDWorkstation .wsOnion .twoDField{min-height:23px}.twoDWorkstation .wsBrush .twoDField{min-height:25px}.twoDWorkstation .wsBrush .twoDCheck{margin:5px 0}.twoDWorkstation .wsBrushPreview{height:38px}.twoDWorkstation .wsPresetList button{height:21px;min-height:21px!important}}
@media(max-width:1100px){#twoDAnimationWorkspace.twoDWorkstation{--ws-left:78px;--ws-right:300px;grid-template-columns:70px 0 minmax(230px,1fr) 300px}.twoDWorkstation>.wsBrush{display:none}.twoDWorkstation .wsBrand span{display:none}.twoDWorkstation .wsHeaderActions button:nth-last-child(n+4){display:none}.twoDWorkstation .wsTabs{overflow-x:auto}.twoDWorkstation .wsTabs button{padding:0 10px!important}.twoDWorkstation .wsTimelineSettings{overflow:auto}.twoDWorkstation .wsRight{grid-template-columns:1fr 1fr;grid-template-rows:200px 86px 100px}.twoDWorkstation .wsColor{grid-column:1}.twoDWorkstation .wsLayers{grid-column:2}.twoDWorkstation .wsTimelineSettings{grid-column:1/3}.twoDWorkstation .wsOnion{grid-column:1}.twoDWorkstation .wsReference{grid-column:2;grid-row:3/5}.twoDWorkstation .wsDisplay{display:none}.twoDWorkstation .wsTree{display:none}.twoDWorkstation .wsTimeline{grid-column:1/4}.twoDWorkstation .wsDrawer{right:310px}}
@media(max-width:760px){#twoDAnimationWorkspace.twoDWorkstation{--ws-right:0px;--ws-bottom:210px;grid-template-columns:66px 0 minmax(160px,1fr) 0;grid-template-rows:43px minmax(150px,1fr) var(--ws-bottom);padding:0 3px 3px;gap:3px}.twoDWorkstation>.wsRight,.twoDWorkstation>.wsGraph{display:none}.twoDWorkstation .wsHeader{gap:4px;padding:0 6px}.twoDWorkstation .wsTabs button{padding:0 8px!important;font-size:11px!important}.twoDWorkstation .wsHeaderActions select,.twoDWorkstation .wsBrand{display:none!important}.twoDWorkstation .wsHeaderActions{margin-left:0;gap:0}.twoDWorkstation .wsHeaderActions button{width:25px}.twoDWorkstation .wsToolGrid button{height:36px}.twoDWorkstation .wsTools{padding:3px!important}.twoDWorkstation .wsToolGrid{gap:2px}.twoDWorkstation .wsToolGrid svg{width:20px!important;height:20px!important}.twoDWorkstation .wsTransport{gap:4px}.twoDWorkstation .wsTransport strong{display:none}.twoDWorkstation .wsDrawer{right:8px;top:48px;width:min(310px,90vw);max-height:70vh}.twoDWorkstation .wsTimeline{grid-column:1/-1}.twoDWorkstation .wsResizeLeft,.twoDWorkstation .wsResizeRight{display:none}}

@media(min-width:1451px){.twoDWorkstation .wsBrush{grid-row:2/4;align-self:start;height:calc(100% - var(--ws-bottom) + 60px);z-index:2}.twoDWorkstation .wsRight{height:calc(100% + 32px);z-index:2}.twoDWorkstation .wsTimeline{width:calc(100% + 100px)}.twoDWorkstation .wsGraph{margin-left:100px;margin-top:32px}.twoDWorkstation.wsCollapsed .wsTimeline{width:100%}}
#twoDAnimationWorkspace.twoDWorkstation #twoDTimelineZoom{width:110px;min-width:50px;margin-left:auto}
.twoDWorkstation .wsDrawer .wsUndocked{height:auto;margin:0;width:100%}