@lumenkey/cli 0.3.1 → 0.4.0-rc.1

package/dist/studio/canvas/director-source-manifest.json

@@ -0,0 +1,47 @@
+{
+  "repository": "https://github.com/jiguang132/storyai-3d-director-desk",
+  "commit": "8c8bd361790be4d37158a7430365e65546e358fe",
+  "adaptation": "Selected code copied byte-for-byte; no source application store/assets/bridge. Studio integration is separate ui/director code.",
+  "files": [
+    {
+      "file": "LICENSE",
+      "sha256": "d783d23cbbc9d9ee58bd7b0afda816804899133c75c39be47903940bb65b7bfa"
+    },
+    {
+      "file": "src/editor/canvas/viewportAspectFrame.ts",
+      "sha256": "ba94952ed4ab07f1b9b187d390fe3b3f8ecbeb5de1337737eac2fd52a605bd19"
+    },
+    {
+      "file": "src/editor/presets/mannequinPosePresets.ts",
+      "sha256": "e67d746e004b81900a908d7cdef5edb69793adae090ef3c77d4c04aeaa9d8727"
+    },
+    {
+      "file": "src/editor/runtime/mannequin/bodyTypes.ts",
+      "sha256": "61c1337a1a147b59b1f0425397c8dc360885e2c2d41ec08b1deee2ff0b2b0e67"
+    },
+    {
+      "file": "src/editor/runtime/mannequin/mannequinParts.tsx",
+      "sha256": "9b6d35a137ebcb2a6bb36cd91333c2e961df7b5cd976cc8403d520d8e7f03635"
+    },
+    {
+      "file": "src/editor/runtime/mannequin/mannequinPose.ts",
+      "sha256": "2af4da6463ab2c896d1262edede478728cda8df25dfbfd2f434921efffd4ab3a"
+    },
+    {
+      "file": "src/editor/runtime/mannequin/ProceduralMannequin.tsx",
+      "sha256": "2aebc3daf7da16a4579012df895543b6a29fc91cd1f9c4bcfffd922c8c5712f8"
+    },
+    {
+      "file": "src/editor/schema/directorProject.ts",
+      "sha256": "52969dbcc71aa0823d6726b50abbdf5a6cabfbe0c239b0a90984684c0b8ba323"
+    },
+    {
+      "file": "src/editor/schema/poseSchema.ts",
+      "sha256": "6a0061ad785441b22f424226de3b980c69d306336a327342da1e29d21aa677cb"
+    },
+    {
+      "file": "src/editor/schema/viewportAspectRatio.ts",
+      "sha256": "3bdb678a99928e82768c00d0356a1af51467a5bc129883774cdf4f2eea38601c"
+    }
+  ]
+}

package/dist/studio/canvas/editor.css

@@ -0,0 +1,239 @@
+.studio-canvas-root,.studio-canvas-root{
+  width: 100%;
+  height: 100%;
+}.studio-canvas-root input::-ms-clear,.studio-canvas-root input::-ms-reveal{
+  display: none;
+}.studio-canvas-root *,.studio-canvas-root *::before,.studio-canvas-root *::after{
+  box-sizing: border-box;
+}.studio-canvas-root{
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}.studio-canvas-root{
+  margin: 0;
+}.studio-canvas-root [tabindex='-1']:focus{
+  outline: none;
+}.studio-canvas-root hr{
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}.studio-canvas-root h1,.studio-canvas-root h2,.studio-canvas-root h3,.studio-canvas-root h4,.studio-canvas-root h5,.studio-canvas-root h6{
+  margin-top: 0;
+  margin-bottom: 0.5em;
+  font-weight: 500;
+}.studio-canvas-root p{
+  margin-top: 0;
+  margin-bottom: 1em;
+}.studio-canvas-root abbr[title],.studio-canvas-root abbr[data-original-title]{
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline;
+  text-decoration: underline dotted;
+  border-bottom: 0;
+  cursor: help;
+}.studio-canvas-root address{
+  margin-bottom: 1em;
+  font-style: normal;
+  line-height: inherit;
+}.studio-canvas-root input[type='text'],.studio-canvas-root input[type='password'],.studio-canvas-root input[type='number'],.studio-canvas-root textarea{
+  -webkit-appearance: none;
+}.studio-canvas-root ol,.studio-canvas-root ul,.studio-canvas-root dl{
+  margin-top: 0;
+  margin-bottom: 1em;
+}.studio-canvas-root ol ol,.studio-canvas-root ul ul,.studio-canvas-root ol ul,.studio-canvas-root ul ol{
+  margin-bottom: 0;
+}.studio-canvas-root dt{
+  font-weight: 500;
+}.studio-canvas-root dd{
+  margin-bottom: 0.5em;
+  margin-left: 0;
+}.studio-canvas-root blockquote{
+  margin: 0 0 1em;
+}.studio-canvas-root dfn{
+  font-style: italic;
+}.studio-canvas-root b,.studio-canvas-root strong{
+  font-weight: bolder;
+}.studio-canvas-root small{
+  font-size: 80%;
+}.studio-canvas-root sub,.studio-canvas-root sup{
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}.studio-canvas-root sub{
+  bottom: -0.25em;
+}.studio-canvas-root sup{
+  top: -0.5em;
+}.studio-canvas-root pre,.studio-canvas-root code,.studio-canvas-root kbd,.studio-canvas-root samp{
+  font-size: 1em;
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+}.studio-canvas-root pre{
+  margin-top: 0;
+  margin-bottom: 1em;
+  overflow: auto;
+}.studio-canvas-root figure{
+  margin: 0 0 1em;
+}.studio-canvas-root img{
+  vertical-align: middle;
+  border-style: none;
+}.studio-canvas-root a,.studio-canvas-root area,.studio-canvas-root button,.studio-canvas-root [role='button'],.studio-canvas-root input:not([type='range']),.studio-canvas-root label,.studio-canvas-root select,.studio-canvas-root summary,.studio-canvas-root textarea{
+  touch-action: manipulation;
+}.studio-canvas-root table{
+  border-collapse: collapse;
+}.studio-canvas-root caption{
+  padding-top: 0.75em;
+  padding-bottom: 0.3em;
+  text-align: left;
+  caption-side: bottom;
+}.studio-canvas-root input,.studio-canvas-root button,.studio-canvas-root select,.studio-canvas-root optgroup,.studio-canvas-root textarea{
+  margin: 0;
+  color: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+}.studio-canvas-root button,.studio-canvas-root input{
+  overflow: visible;
+}.studio-canvas-root button,.studio-canvas-root select{
+  text-transform: none;
+}.studio-canvas-root button,.studio-canvas-root [type='button'],.studio-canvas-root [type='reset'],.studio-canvas-root [type='submit']{
+  -webkit-appearance: button;
+}.studio-canvas-root button::-moz-focus-inner,.studio-canvas-root [type='button']::-moz-focus-inner,.studio-canvas-root [type='reset']::-moz-focus-inner,.studio-canvas-root [type='submit']::-moz-focus-inner{
+  padding: 0;
+  border-style: none;
+}.studio-canvas-root input[type='radio'],.studio-canvas-root input[type='checkbox']{
+  box-sizing: border-box;
+  padding: 0;
+}.studio-canvas-root input[type='date'],.studio-canvas-root input[type='time'],.studio-canvas-root input[type='datetime-local'],.studio-canvas-root input[type='month']{
+  -webkit-appearance: listbox;
+}.studio-canvas-root textarea{
+  overflow: auto;
+  resize: vertical;
+}.studio-canvas-root fieldset{
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}.studio-canvas-root legend{
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 0.5em;
+  padding: 0;
+  color: inherit;
+  font-size: 1.5em;
+  line-height: inherit;
+  white-space: normal;
+}.studio-canvas-root progress{
+  vertical-align: baseline;
+}.studio-canvas-root [type='number']::-webkit-inner-spin-button,.studio-canvas-root [type='number']::-webkit-outer-spin-button{
+  height: auto;
+}.studio-canvas-root [type='search']{
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}.studio-canvas-root [type='search']::-webkit-search-cancel-button,.studio-canvas-root [type='search']::-webkit-search-decoration{
+  -webkit-appearance: none;
+}.studio-canvas-root ::-webkit-file-upload-button{
+  font: inherit;
+  -webkit-appearance: button;
+}.studio-canvas-root output{
+  display: inline-block;
+}.studio-canvas-root summary{
+  display: list-item;
+}.studio-canvas-root template{
+  display: none;
+}.studio-canvas-root [hidden]{
+  display: none !important;
+}.studio-canvas-root mark{
+  padding: 0.2em;
+  background-color: #feffe6;
+}
+
+.studio-canvas-root{height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;font:14px/1.5 Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
+.studio-canvas-root *,.studio-canvas-root *::before,.studio-canvas-root *::after{box-sizing:border-box}
+/* Ant buttons use transition:all. Do not animate inherited workspace visibility:
+   a newly visible canvas must already be keyboard-focusable in its React commit. */
+.studio-canvas-root [data-testid=canvas-spatial-layer] .ant-btn{transition-property:color,background-color,border-color,box-shadow,opacity,transform}
+.studio-canvas-root button{min-height:0}.studio-canvas-root :is(.canvas-document-bar,.canvas-document-list,.canvas-leave-dialog,.studio-canvas-inspector,.canvas-assets-panel,[data-testid=canvas-asset-error]) button{min-height:32px;background:var(--panel2);color:var(--ink);border:1px solid var(--line2);border-radius:6px;padding:6px 10px}.studio-canvas-root input,.studio-canvas-root textarea,.studio-canvas-root select{background:var(--field);color:var(--ink);border:1px solid var(--line2);padding:6px;border-radius:6px}.studio-canvas-root label{display:grid;gap:5px;margin:10px 0}.studio-canvas-root button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
+.canvas-document-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);flex:none}.canvas-document-bar input{width:180px}.canvas-document-bar span{font-size:12px}.canvas-document-bar small{margin-left:auto}.canvas-editor-slot{position:relative;flex:1;min-height:0;overflow:clip}.canvas-document-list{padding:28px;overflow:auto}.canvas-document-list p{margin:14px 0}.canvas-document-list>button{margin-right:10px}.canvas-document-item{display:block;width:100%;margin-top:12px;text-align:left}.canvas-document-item small{display:block}.canvas-error{padding:7px 14px;color:var(--ink);background:var(--panel2);border-left:3px solid var(--primary);flex:none;margin:0}.canvas-leave-dialog{position:absolute;z-index:200;inset:25% 12% auto;background:var(--panel);border:1px solid var(--line2);padding:24px;box-shadow:0 0 0 100vmax #0008}.canvas-leave-dialog button{margin:12px 8px 0 0}
+.studio-canvas-editor{background:var(--bg);color:var(--ink)}
+.studio-canvas-editor [data-canvas-title]{user-select:text;-webkit-user-select:text}
+.studio-canvas-editor [data-canvas-title][contenteditable=true]{outline:1px solid var(--primary);outline-offset:2px;cursor:text}.studio-canvas-inspector,.canvas-assets-panel{background:var(--panel);border:1px solid var(--line2);box-shadow:0 20px 50px #0005;color:var(--ink)}.canvas-inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-inspector-heading span{display:flex;gap:4px}.studio-canvas-inspector textarea{min-height:110px}.canvas-local-note{font-size:11px;color:var(--ink3);margin-top:12px}.canvas-assets-panel{position:absolute;z-index:60;left:82px;top:100px;width:min(300px,calc(100% - 96px));max-height:60%;overflow:auto;padding:16px;border-radius:12px}.canvas-assets-panel header{display:flex;justify-content:space-between;gap:10px}.canvas-assets-panel>button{display:block;width:100%;text-align:left;margin-top:10px}.canvas-assets-panel small{display:block}
+@media(max-width:740px){.studio-canvas-root [data-testid=canvas-zoom-controls]{left:14px!important}.studio-canvas-root [data-testid=canvas-zoom-controls]+div{max-width:140px}.studio-canvas-editor>div:last-child:not([data-testid]){display:none}}
+.studio-canvas-root [data-testid=canvas-topbar]{flex-wrap:wrap;gap:8px}
+.canvas-interaction-bar{position:absolute;left:84px;right:14px;top:78px;z-index:50;pointer-events:auto;user-select:text}
+.canvas-tools-row{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;height:34px}
+.canvas-tools-row button,.canvas-tool-menu summary{white-space:nowrap;background:var(--panel);color:var(--ink);border:1px solid var(--line2);border-radius:6px;padding:5px 9px;font:inherit;font-size:12px;min-height:32px}
+.canvas-tools-row button:disabled{opacity:.5;cursor:not-allowed}.canvas-tool-action{display:inline-flex}
+.canvas-tool-menu{position:relative}.canvas-tool-menu summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none}.canvas-tool-menu summary::-webkit-details-marker{display:none}
+.canvas-tool-menu[open]>summary{border-color:var(--primary)}.canvas-tool-menu summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
+.canvas-tool-menu-items{position:absolute;top:calc(100% + 6px);left:0;min-width:178px;max-height:min(420px,50vh);overflow:auto;padding:6px;border:1px solid var(--line2);border-radius:8px;background:var(--panel);display:flex;flex-direction:column;gap:3px}
+.canvas-tool-menu-items .canvas-tool-action,.canvas-tool-menu-items button{width:100%}.canvas-tool-menu-items button{text-align:left;border-color:transparent}.canvas-tool-menu-items button:hover:not(:disabled){background:var(--panel2)}
+.canvas-selection-context{height:36px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden}.canvas-selection-context label{margin:0;display:flex!important;flex:none}.canvas-selection-context input{height:28px}.canvas-selection-context small{overflow:hidden;text-overflow:ellipsis}
+.canvas-panel-pin{display:block;margin-left:auto;margin-bottom:8px}.canvas-inspector-heading strong{min-width:0;overflow-wrap:anywhere}.studio-canvas-inspector,.canvas-assets-panel{box-shadow:none;overscroll-behavior:contain}
+.canvas-document-bar{flex-wrap:nowrap;min-width:0}.canvas-document-bar input{min-width:100px;max-width:26vw}.canvas-document-bar small{white-space:nowrap;font-size:11px}.canvas-document-bar [role=status]{white-space:nowrap}.canvas-document-list{max-width:920px}.canvas-document-item{border-color:var(--line2)!important}
+@media(max-width:740px){.canvas-document-bar{padding:6px}.canvas-document-bar input{width:130px}.canvas-document-bar small{display:none}.studio-canvas-root [data-testid=canvas-topbar]{padding:6px!important;left:5px!important;right:5px!important;top:5px!important}.studio-canvas-root [data-testid=canvas-topbar] h4{font-size:13px}.studio-canvas-root [data-testid=canvas-topbar]>div{gap:5px!important}.canvas-document-list{padding:16px}}
+
+.director-workspace{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;overflow:auto;background:var(--bg);color:var(--ink);user-select:text}.director-workspace[hidden]{display:none}.director-workspace button,.canvas-write-resolution button{background:var(--panel2);color:var(--ink);border:1px solid var(--line2);border-radius:6px;padding:6px 10px;min-height:32px}.director-workspace button:disabled{opacity:.45;cursor:not-allowed}.director-workspace button[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.director-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;background:var(--panel);border-bottom:1px solid var(--line2)}.director-header>div{flex:1;min-width:170px}.director-header small{display:block;color:var(--ink3);margin-top:3px}.director-layout{display:grid;grid-template-columns:180px minmax(260px,1fr) 248px;gap:12px;padding:12px;align-items:start;flex:1}
+.director-layout[data-scene-list=collapsed]{grid-template-columns:72px minmax(260px,1fr) 248px}
+.director-scene-rail{background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;min-height:120px}
+.director-scene-rail button{padding:6px 4px;font-size:12px}.director-layout details{background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:10px;max-height:72vh;overflow:auto}.director-layout summary{cursor:pointer;font-weight:600;margin-bottom:10px}.director-add,.director-actions{display:flex;gap:6px;flex-wrap:wrap}.director-objects ul{list-style:none;padding:0;margin:12px 0}.director-objects li button{width:100%;text-align:left;margin-bottom:6px}.director-stage{min-width:0}.director-stage nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.director-stage p{font-size:12px;overflow-wrap:anywhere;margin:8px 0}.director-stage small{display:block;color:var(--ink3)}.director-stage [data-testid=director-viewport]{border-radius:8px;overflow:hidden;max-width:100%}.director-properties fieldset{border:1px solid var(--line2);padding:8px;margin-bottom:12px}.director-properties legend{font-size:12px}.director-vector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.director-properties input,.director-properties select{width:100%;min-width:0}.director-properties label{font-size:11px}.director-properties small{color:var(--primary)}.director-captures{padding:12px;border-top:1px solid var(--line2);background:var(--panel)}.director-captures p{margin:0 0 8px}.director-captures img{width:180px;max-height:140px;object-fit:contain;border:1px solid var(--line2);border-radius:6px}.director-export-render{position:fixed;left:-20000px;top:0;visibility:hidden;pointer-events:none}.canvas-write-resolution{padding:8px 14px;border-left:3px solid var(--primary);background:var(--panel2);flex:none}.canvas-write-resolution button{margin-right:8px}.canvas-write-resolution p{margin-bottom:8px}
+@media(max-width:1000px){.director-layout{grid-template-columns:150px minmax(240px,1fr)}.director-layout[data-scene-list=collapsed]{grid-template-columns:72px minmax(240px,1fr)}.director-properties{grid-column:1/-1}.director-properties fieldset{display:inline-block;vertical-align:top;width:49%}}
+@media(max-width:650px){.director-layout{display:flex;flex-direction:column}.director-stage{order:-1;width:100%}.director-layout details{width:100%;max-height:45vh}.director-properties fieldset{display:block;width:auto}.director-header{position:static}.director-header button{font-size:12px}.director-header>div{flex-basis:100%}}
+.director-capture-shelf{flex:none;max-height:26vh;overflow:auto;padding:6px 14px;background:var(--panel);border-bottom:1px solid var(--line2)}.director-capture-shelf summary{cursor:pointer;font-size:12px}.director-capture-shelf p{font-size:12px;margin:6px 0}.director-capture-shelf ul{padding:0;list-style:none}.director-capture-shelf li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0}.director-capture-shelf small{color:var(--ink3)}.director-capture-shelf button{margin-right:6px;border:1px solid var(--line2);border-radius:5px;padding:4px 8px}.director-capture-shelf img{width:160px;max-height:120px;object-fit:contain}
+.director-properties>fieldset{display:block;width:auto;min-width:0;border:0;border-bottom:1px solid var(--line2);margin:0 0 12px;padding:0 0 12px}
+.director-properties>fieldset:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
+.director-properties legend{font-size:13px;font-weight:600;margin-bottom:8px}
+.director-properties label{display:block;font-size:12px;margin-bottom:8px}
+.director-properties .director-advanced{background:transparent;border:0;border-radius:0;padding:0;margin:10px 0 0;max-height:none;overflow:visible;width:auto}
+.director-properties .director-advanced summary{font-size:12px;font-weight:500;margin-bottom:8px}
+.director-pose-quick,.director-preset-quick{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
+.director-pose-quick button,.director-preset-quick button{flex:1 0 28%;min-height:36px}
+.director-preset-quick button{flex-basis:40%}
+.director-hint{font-size:12px;color:var(--ink2);line-height:1.5;margin:8px 0;overflow-wrap:anywhere}
+.director-workspace :is(button,input,select,summary):focus-visible{outline:2px solid var(--primary);outline-offset:2px}
+.director-stage-frame{position:relative}
+.director-transition-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:8px}
+.director-path-draw{position:absolute;inset:0;z-index:3;cursor:crosshair;border-radius:8px}
+.director-timeline{flex:none;border-top:1px solid var(--line2);background:var(--panel);padding:8px 12px}
+.director-timeline .director-actions{margin-bottom:8px;align-items:center}
+.director-playhead-slider{display:block;font-size:12px;margin:6px 0}
+.director-playhead-slider input{width:100%}
+.director-clips{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px}
+.director-clips li{display:flex;gap:4px;align-items:center}
+.director-clip{font-size:11px}
+.director-tracks{display:flex;flex-direction:column;gap:8px;max-height:22vh;overflow:auto;margin-top:6px}
+.director-track{border:1px solid var(--line2);border-radius:6px;padding:6px}
+.director-track-name{font-size:12px;font-weight:600;margin:0 0 4px}
+.director-track-empty{font-size:11px;color:var(--ink3)}
+.director-clip-inspector{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:8px 0}
+.director-clip-inspector .director-vector{flex:1 1 100%}
+.director-keyframe-hint{font-size:11px;color:var(--ink3);margin:6px 0}
+.director-crowd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}
+.director-crowd .director-actions,.director-crowd .director-hint{grid-column:1/-1}
+.director-objects label{display:flex;gap:6px;align-items:center;font-size:12px;margin:6px 0}
+@media(max-width:650px){.director-layout>.director-properties{max-height:none;overflow:visible;box-sizing:border-box}.director-properties .director-advanced{max-height:none}.director-pose-quick button{flex-basis:22%}}
+
+/* Fixed workspace: only side panels and timeline contents scroll. */
+.director-workspace{overflow:hidden;min-height:0}.director-header{position:relative;flex:none;padding:4px 10px;gap:8px;flex-wrap:nowrap;min-height:44px}.director-header>div{min-width:120px;overflow:hidden}.director-header strong{font-size:14px}.director-header small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.director-header button{font-size:12px;white-space:nowrap}.director-document-status{font-size:11px;margin-left:10px;color:var(--ink2)}
+.director-layout{--director-left-size:var(--director-left-width,180px);--director-right-size:var(--director-right-width,240px);--director-left-gap:6px;--director-right-gap:6px;position:relative;display:grid;grid-template-areas:'objects leftsize stage rightsize properties';grid-template-columns:var(--director-left-size) var(--director-left-gap) minmax(0,1fr) var(--director-right-gap) var(--director-right-size);grid-template-rows:minmax(0,1fr);gap:0;padding:40px 8px 8px;align-items:stretch;min-height:100px;flex:1 1 0;overflow:hidden}
+.director-layout[data-scene-list=collapsed]{--director-left-size:64px;grid-template-columns:var(--director-left-size) var(--director-left-gap) minmax(0,1fr) var(--director-right-gap) var(--director-right-size)}
+.director-layout[data-left=closed]{--director-left-size:0px;--director-left-gap:0px}.director-layout[data-right=closed]{--director-right-size:0px;--director-right-gap:0px}
+.director-layout[data-left=closed]>:is(.director-objects,.director-scene-rail,.director-left-resize),.director-layout[data-right=closed]>:is(.director-properties,.director-right-resize){display:none}
+.director-layout>:is(.director-objects,.director-scene-rail){grid-area:objects;min-height:0;max-height:none;width:auto;overflow:auto;overscroll-behavior:contain}.director-layout>.director-properties{grid-area:properties;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px;background:var(--panel);border:1px solid var(--line2);border-radius:8px}
+.director-left-resize{grid-area:leftsize}.director-right-resize{grid-area:rightsize}.director-layout-separator{touch-action:none;position:relative;outline-offset:-2px}.director-layout-separator:focus-visible,.director-layout-separator:hover{background:var(--primary);outline:2px solid var(--primary)}.director-layout-separator-x{height:100%;width:6px;cursor:col-resize}.director-layout-separator-y{height:6px;width:100%;cursor:row-resize;flex:none}
+.director-stage{grid-area:stage;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0 6px;overflow:hidden}.director-stage nav{flex:none;flex-wrap:nowrap;align-items:center;gap:4px;margin:0 0 6px;overflow:auto;max-width:100%;min-height:32px}.director-stage nav button{padding:4px 6px;min-height:28px;font-size:12px;white-space:nowrap;flex:none}.director-stage-frame{container-type:size;flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
+.director-stage [data-testid=director-viewport]{width:min(100cqw,calc(100cqh * var(--director-viewport-aspect)))!important;flex:none;max-height:100%;border:1px solid var(--line2)}
+.director-stage nav.director-stage-tools{position:absolute;top:4px;left:8px;right:8px;width:calc(100% - 16px);max-width:none;height:32px;margin:0}
+.director-stage [data-testid=director-camera-summary]{flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0;font-size:11px}.director-stage>small{flex:none;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.director-property-tabs{position:sticky;top:-8px;z-index:2;display:flex;gap:4px;padding:4px 0 8px;background:var(--panel)}.director-property-tabs button{flex:1;font-size:12px;padding:4px;min-height:28px}.director-property-section[hidden]{display:none}.director-property-section>fieldset{display:block;width:100%;min-width:0;border:0;padding:0;margin:6px 0 14px}.director-property-section>fieldset:last-child{margin-bottom:0}.director-property-section legend{font-size:12px}
+.director-timeline{display:flex;flex-direction:column;min-height:0;height:var(--director-timeline-height,84px);max-height:42%;padding:0;overflow:hidden;flex:0 0 auto}.director-timeline[data-collapsed=true]{height:auto;max-height:120px}.director-timeline-content{padding:2px 10px 4px;min-height:0;overflow:auto;overscroll-behavior:contain}.director-timeline .director-actions{gap:4px;margin:0;flex-wrap:nowrap;align-items:center;white-space:nowrap}.director-timeline .director-actions>*{flex:none}.director-timeline button{font-size:11px;padding:3px 6px;min-height:28px;white-space:nowrap}.director-timeline label{font-size:11px}.director-timeline .director-actions>label{display:inline-flex;align-items:center;gap:4px;margin:0}.director-timeline .director-actions select{width:auto;max-width:95px;padding:3px 4px;min-height:28px;font-size:11px}.director-tracks{max-height:none;overflow:visible}.director-timeline .director-playhead-slider{margin:2px 0;display:flex;align-items:center;gap:8px;white-space:nowrap}.director-playhead-slider input{flex:1;min-width:0;width:auto;margin:0;padding:3px}
+.director-capture-shelf{max-height:22vh;padding:4px 14px}.director-capture-shelf[open]{overflow:auto}.director-capture-shelf summary{min-height:22px}
+.studio-canvas-root:has([data-testid=director-workspace]:not([hidden])) .canvas-document-bar{display:none}
+.studio-canvas-root:has([data-testid=director-workspace]:not([hidden]))>.director-capture-shelf{position:absolute;bottom:0;right:10px;z-index:110;max-width:190px;padding:2px 6px;border:0;border-radius:6px;font-size:11px}
+.studio-canvas-root:has([data-testid=director-workspace]:not([hidden]))>.director-capture-shelf[open]{width:min(520px,calc(100% - 20px));max-width:none;max-height:40%;bottom:26px;border:1px solid var(--line2);padding:10px}
+.director-status-line{height:26px;flex:none;display:flex;align-items:center;gap:8px;padding:2px 200px 2px 10px;border-top:1px solid var(--line2);font-size:11px;color:var(--ink2);background:var(--panel);position:relative;min-width:0}.director-status-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.director-current-capture{flex:none}.director-current-capture summary{cursor:pointer;white-space:nowrap}.director-current-capture[open]>img{position:absolute;bottom:100%;right:200px;width:180px;max-height:140px;object-fit:contain;background:var(--panel);border:1px solid var(--line2);border-radius:6px}
+.director-status-text>span+span::before{content:'；'}
+@media(max-width:1100px){.director-layout[data-left=auto]{--director-left-size:0px;--director-left-gap:0px}.director-layout[data-left=auto]>:is(.director-objects,.director-scene-rail,.director-left-resize){display:none}.director-header small{max-width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.director-layout-controls span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
+@media(max-width:740px){.director-header{flex-wrap:nowrap;overflow:auto}.director-header>div{min-width:110px}.director-header button{font-size:11px}.director-layout{--director-right-size:220px}.director-layout-controls span{display:none}}