.editor{height:100vh;overflow:hidden;background:#171717;display:flex;flex-direction:column}.editor-top{height:59px;border-bottom:1px solid #303030;background:#171717;display:flex;align-items:center;gap:12px;padding:0 17px;z-index:12;flex-shrink:0}.project-picker{display:flex;gap:8px;align-items:center;border-radius:6px;padding:6px 8px;max-width:280px}.project-picker:hover{background:#262626}.project-picker strong{font-size:13px;font-weight:500}.editor-modes{display:flex;gap:3px;padding:3px;background:#222;border:1px solid #303030;border-radius:7px;margin-left:8px}.editor-modes button{display:flex;gap:6px;align-items:center;padding:5px 11px;border-radius:4px;color:#8f8f8f;font-size:11px}.editor-modes button.active{background:#393939;color:#f3f3f3}.editor-modes .icon{width:13px;height:13px}.save-state{color:#747474;font-size:10px;margin-left:8px}.save-state.conflict{color:#dcb483;cursor:pointer}.editor-shell{display:flex;flex:1;min-height:0}.editor-aside{width:210px;background:#1b1b1b;border-right:1px solid #303030;padding:17px 12px;overflow:auto;flex-shrink:0}.editor-aside.closed{display:none}.editor-aside .aside-title{display:flex;align-items:center;justify-content:space-between;margin:0 4px 17px;font-size:12px}.aside-tabs{display:flex;gap:5px;margin-bottom:14px;border-bottom:1px solid #303030;padding-bottom:10px}.aside-tabs button{font-size:11px;color:#999;padding:4px 11px;border-radius:5px}.aside-tabs button.active{color:#eee;background:#333}.outline-node{display:flex;align-items:center;gap:8px;border-radius:6px;padding:10px 8px;color:#999;font-size:11px;text-align:left;width:100%;margin-bottom:5px}.outline-node.active,.outline-node:hover{background:#303030;color:#eee}.outline-node .icon{width:14px;height:14px}.aside-description{font-size:11px;color:#777;line-height:1.9;padding:16px 5px;border-top:1px solid #303030;margin-top:17px}.canvas-host{position:relative;flex:1;overflow:hidden;min-width:0;background-color:#191919;background-image:radial-gradient(#363636 1px,transparent 1px);background-size:20px 20px;touch-action:none}.canvas-host.pan-mode{cursor:grab}.canvas-viewport{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.canvas-edges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;width:1px;height:1px}.wire{stroke:#646464;stroke-width:2;fill:none}.wire.active{stroke:#b3a2ef}.canvas-node{position:absolute;width:282px;background:#252525;border:1px solid #444;border-radius:10px;box-shadow:0 4px 14px #0002;user-select:none}.canvas-node.selected{border-color:#b1a0e8;box-shadow:0 0 0 1px #b1a0e850}.node-head{display:flex;align-items:center;gap:7px;padding:10px 11px;color:#aaa;font-size:11px;cursor:move;border-bottom:1px solid #333;min-height:38px}.node-head .icon{width:13px;height:13px}.node-head .icon-btn{width:22px;height:22px;opacity:0}.canvas-node:hover .node-head .icon-btn,.canvas-node.selected .node-head .icon-btn{opacity:1}.node-preview{aspect-ratio:16/9;background:#202020;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:0 0 9px 9px}.node-preview img,.node-preview video{width:100%;height:100%;object-fit:cover}.node-preview .play-button{position:absolute;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1119;color:#eee}.node-preview .play-button .icon{width:18px;height:18px}.node-placeholder{display:flex;flex-direction:column;gap:12px;align-items:center;color:#646464;font-size:11px}.node-placeholder>.icon{width:33px;height:33px;color:#616161}.node-placeholder .btn{font-size:10px;min-height:27px;padding:4px 9px;background:#292929;border-color:#393939}.node-script{padding:14px;min-height:155px;max-height:200px;overflow:hidden;font-size:12px;line-height:1.95;color:#b7b7b7;white-space:pre-wrap}.node-foot{display:flex;align-items:center;gap:6px;font-size:10px;padding:9px 11px;color:#898989;border-top:1px solid #363636}.node-foot .badge{font-size:9px;padding:1px 5px}.port{position:absolute;width:16px;height:16px;background:#2b2b2b;border:1px solid #636363;border-radius:50%;padding:0;top:50%;z-index:3;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:11px;transform:translateY(-50%)}.port.in{left:-9px}.port.out{right:-9px}.port:hover,.port.connecting{background:var(--accent);border-color:var(--accent);color:#1a1426}.node-status-overlay{position:absolute;inset:0;background:#181818b0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;backdrop-filter:blur(3px);color:#d2c2ff;font-size:11px}.node-progress{width:140px;height:3px;background:#555;border-radius:4px;overflow:hidden}.node-progress span{display:block;height:100%;background:var(--accent)}.canvas-helper{position:absolute;top:19px;left:24px;font-size:10px;color:#717171;pointer-events:none}.canvas-zoom{position:absolute;bottom:22px;left:22px;display:flex;align-items:center;gap:5px;color:#aaa;background:#222;border:1px solid #3c3c3c;border-radius:7px;padding:4px}.canvas-zoom .icon-btn{width:27px;height:26px}.canvas-zoom span{min-width:43px;text-align:center;font-size:11px}.floating-tools{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:#292929;border:1px solid #454545;border-radius:12px;padding:6px 8px;box-shadow:0 5px 25px #0004;z-index:8}.floating-tools button{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:7px;color:#a1a1a1}.floating-tools button:hover,.floating-tools button.active{background:#424242;color:white}.floating-tools .add-node-button{background:#eee;color:#222}.toolbar-divider{height:22px;border-left:1px solid #484848;margin:0 3px}.director-button{position:absolute;bottom:24px;right:21px;display:flex;gap:8px;align-items:center;background:#2d2a35;border:1px solid #5a506d;border-radius:21px;padding:9px 14px;font-size:11px;color:#d9caff;box-shadow:0 2px 17px #0003;z-index:8}.director-orb{width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#9de5f1,#ab99e9 60%,#555170);border-radius:50%}.node-inspector{width:310px;background:#1c1c1c;border-left:1px solid #343434;overflow:auto;flex-shrink:0;display:flex;flex-direction:column}.inspector-head{padding:19px 17px;border-bottom:1px solid #303030;display:flex;align-items:center;justify-content:space-between}.inspector-head h3{font-size:13px}.inspector-content{padding:18px 17px;flex:1}.inspector-content label{font-size:11px;color:#999}.inspector-content textarea{font-size:12px;line-height:1.9;min-height:115px;background:#252525;resize:vertical}.inspector-content .field{margin-bottom:17px}.inspector-content select,.inspector-content input{font-size:11px;padding:8px 9px;background:#252525}.inspector-content .form-grid{gap:10px}.inspector-content .form-grid .field{margin:0}.inspector-foot{position:sticky;bottom:0;padding:15px 17px;background:#202020;border-top:1px solid #3a3a3a}.inspector-foot .btn{width:100%;font-size:12px}.inspector-foot small{display:block;font-size:10px;color:#777;margin-top:8px;text-align:center}.reference-box{border:1px dashed #494949;border-radius:7px;padding:11px;display:flex;align-items:center;gap:10px;cursor:pointer;background:#232323;font-size:11px;color:#aaa}.reference-box img{width:55px;height:36px;border-radius:4px;object-fit:cover}.reference-box:hover{border-color:#9c8dbf}.preset-shortcuts{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.preset-shortcuts button{font-size:10px;border:1px solid #3b3b3b;padding:4px 7px;color:#aaa;border-radius:4px}.preset-shortcuts button:hover{border-color:#9688b3;color:#c6b7ee}.candidate-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.candidate-item{width:73px;height:47px;position:relative;border-radius:5px;overflow:hidden;border:1px solid #444;background:#282828;cursor:pointer}.candidate-item.active{border-color:var(--accent)}.candidate-item img,.candidate-item video{width:100%;height:100%;object-fit:cover}.candidate-item small{position:absolute;bottom:0;left:0;background:#0009;font-size:8px;padding:1px 4px}.editor-note{background:#242128;border:1px solid #3e3548;border-radius:7px;padding:10px;font-size:10px;color:#9b8faa;line-height:1.8;margin-bottom:18px}.editor-footer{height:28px;background:#181818;border-top:1px solid #2d2d2d;display:flex;align-items:center;gap:17px;padding:0 15px;font-size:10px;color:#777;flex-shrink:0}.editor-footer .badge{font-size:9px;padding:1px 5px}.storyboard-area{flex:1;min-width:0;overflow:auto;padding:26px 28px;background:#191919}.storyboard-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.storyboard-heading h2{font-size:18px}.storyboard-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:18px}.shot-card{background:#242424;border:1px solid #393939;border-radius:9px;overflow:hidden}.shot-head{padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#b4b4b4}.shot-head label{display:flex;gap:7px;align-items:center;margin:0;font-size:11px}.shot-cover{aspect-ratio:16/9;background:#1e1e1e;position:relative;display:flex;align-items:center;justify-content:center;color:#646464;cursor:pointer}.shot-cover img,.shot-cover video{width:100%;height:100%;object-fit:cover}.shot-cover .badge{position:absolute;bottom:8px;left:8px;font-size:9px;background:#111c}.shot-body{padding:13px}.shot-body textarea{background:#202020;border-color:#383838;font-size:11px;line-height:1.8;min-height:85px;padding:9px;resize:vertical}.shot-fields{display:flex;gap:6px;margin:10px 0}.shot-fields select{font-size:10px;padding:5px;min-width:0}.shot-actions{display:flex;gap:7px}.shot-actions .btn{flex:1;font-size:10px;padding:5px 7px;min-height:29px}.story-script{background:#232323;border:1px solid #383838;border-radius:9px;padding:17px;margin-bottom:21px}.story-script textarea{border:0;padding:0;background:transparent;min-height:65px;font-size:12px;line-height:1.9}.story-script .row{margin-bottom:12px}.story-script h3{font-size:12px}.clip-workspace{flex:1;min-width:0;display:flex;flex-direction:column;background:#171717}.clip-top{display:grid;grid-template-columns:210px minmax(0,1fr);flex:1;min-height:0}.clip-assets{padding:16px;border-right:1px solid #303030;overflow:auto}.clip-assets h3{font-size:12px;margin-bottom:18px}.clip-asset{margin-bottom:12px;cursor:pointer}.clip-asset img{aspect-ratio:16/9;object-fit:cover;border-radius:5px}.clip-asset span{display:block;font-size:10px;margin-top:5px;color:#aaa}.clip-preview{display:flex;align-items:center;justify-content:center;padding:25px;min-height:200px;position:relative;background:#121212}.clip-preview video,.clip-preview img{max-height:100%;max-width:100%;height:100%;object-fit:contain;aspect-ratio:16/9}.clip-preview .preview-notice{position:absolute;bottom:12px;background:#181818c0;padding:4px 10px;font-size:10px;color:#999;border-radius:4px}.timeline{height:255px;flex-shrink:0;border-top:1px solid #3b3b3b;background:#202020;overflow:auto}.timeline-tools{padding:9px 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #323232}.timeline-tools .icon-btn{width:27px;height:27px}.timeline-tools span{font-size:11px;color:#aaa}.timeline-ruler{display:flex;gap:0;padding:13px 15px 9px 75px;color:#737373;font-size:9px}.timeline-ruler span{min-width:150px}.timeline-track{display:flex;gap:10px;padding:7px 15px;min-width:fit-content}.track-label{width:48px;flex-shrink:0;font-size:10px;color:#777;padding-top:10px}.timeline-clips{display:flex;gap:5px}.timeline-clip{width:145px;height:59px;border:1px solid #565066;border-radius:5px;background:#3a3446;padding:6px 8px;cursor:grab;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:#dbd0ed;font-size:10px}.timeline-clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}.timeline-clip span{position:relative;z-index:1}.timeline-clip.active{border-color:#c3a9f8;background:#51465f}.timeline-audio{background:#29473d;border:1px solid #3a6453;height:31px;width:445px;border-radius:4px;font-size:10px;padding:6px 10px;color:#9ac6b0}.timeline-subtitles{background:#48422a;border:1px solid #655c3b;height:29px;width:445px;border-radius:4px;font-size:10px;padding:5px 10px;color:#cfbf83}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tool-option{display:flex;gap:9px;align-items:center;border:1px solid #383838;border-radius:7px;padding:13px 10px;font-size:11px;text-align:left;background:#232323}.tool-option:hover{background:#303030;border-color:#716381}.tool-option .icon{width:15px;height:15px;color:#b1a3ca}.tools-section{margin-top:22px}.tools-section:first-child{margin:0}.tools-section h3{font-size:12px;color:#999;margin-bottom:12px}.picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:440px;overflow:auto}.picker-item{border:1px solid #3b3b3b;border-radius:6px;overflow:hidden;text-align:left;background:#242424}.picker-item:hover{border-color:var(--accent)}.picker-item img{width:100%;aspect-ratio:16/10;object-fit:cover}.picker-item small{padding:7px;display:block;font-size:10px}.director-chat{display:flex;flex-direction:column;gap:12px}.chat-bubble{padding:15px;border:1px solid #3b3546;background:#292430;border-radius:9px;font-size:12px;line-height:1.9;color:#bcb2ca}.director-option{padding:13px;background:#262626;border:1px solid #3c3c3c;border-radius:7px;font-size:12px;text-align:left}.director-option:hover{border-color:#827196}.shortcut-table{width:100%;font-size:12px}.shortcut-table td{padding:10px 5px;border-bottom:1px solid #333}.shortcut-table kbd{background:#303030;border:1px solid #444;border-radius:4px;padding:3px 7px;font-size:11px}.selection-help{font-size:11px;color:#888;padding:12px 3px}.form-actions{display:flex;justify-content:flex-end;gap:8px}
@media(min-width:1650px){.page{padding-left:50px;padding-right:50px}.card-image{aspect-ratio:16/8.8}.node-inspector{width:330px}}
@media(max-width:1180px){.sidebar{width:180px}.app-main{margin-left:180px}.page{padding:26px}.card-grid{gap:14px}.dashboard-bottom{grid-template-columns:1fr}.community-layout{grid-template-columns:minmax(0,1fr) 225px}.editor-aside{width:170px}.node-inspector{width:280px}.storyboard-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}.editor-top .save-state{display:none}.director-button{right:12px}.floating-tools{left:47%}.asset-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{width:72px;padding-inline:9px}.brand{padding-left:10px}.brand>span:last-child,.nav-item>span,.nav-label,.sidebar-budget,.user-menu .user-copy,.user-menu>.icon{display:none}.nav-item{justify-content:center;padding:13px}.user-menu{justify-content:center}.app-main{margin-left:72px}.topbar{padding:0 24px}.hero{grid-template-columns:1fr 1fr;gap:16px}.welcome{padding:23px}.welcome h1{font-size:24px}.welcome-content{max-width:95%}.welcome p{font-size:11px}.budget-panel{padding:18px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-layout{grid-template-columns:1fr}.community-aside{display:none}.editor-aside{display:none}.node-inspector{width:260px}.editor-top{gap:7px}.editor-modes{margin-left:0}.editor-top .local-banner{display:none}.project-picker{max-width:200px}.clip-top{grid-template-columns:155px 1fr}.settings-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(3,1fr)}.login-page{grid-template-columns:.8fr 1fr}.login-art{padding:35px 30px}.login-copy h1{font-size:32px}.login-main{padding:30px}}
@media(max-width:650px){.sidebar{display:none}.app-main{margin-left:0}.topbar{height:58px;padding:0 16px}.topbar .local-banner{display:none}.topbar-title{display:none}.page{padding:22px 16px}.page-head{align-items:flex-start;margin-bottom:23px}.page-head h1{font-size:24px}.hero{grid-template-columns:1fr}.welcome{min-height:190px}.budget-panel{padding:18px}.card-grid{grid-template-columns:1fr 1fr;gap:11px}.card-body{padding:11px}.card-body h3{font-size:12px}.card-body p{display:none}.card-meta{font-size:10px;gap:5px}.card-meta .avatar{display:none}.card-image{aspect-ratio:16/11}.card-image .badge{font-size:9px;top:6px;left:6px}.card-image .card-menu{top:3px;right:3px}.stats-row{grid-template-columns:repeat(2,1fr);gap:11px}.stat-card{padding:16px}.stat-card strong{font-size:22px}.table-panel{overflow:auto}.data-table{min-width:540px}.filter-toolbar{align-items:flex-start;flex-direction:column;gap:16px}.filter-toolbar .search{width:100%;max-width:100%}.pillbar{gap:2px}.pill{padding:6px 10px}.community-layout{display:block}.post-card{padding:18px}.asset-grid{grid-template-columns:repeat(2,1fr);gap:12px}.job-card{gap:11px;padding:13px}.job-thumb{width:64px;height:45px}.job-content h3{max-width:190px;font-size:11px}.job-meta{font-size:10px;gap:6px}.job-end{min-width:55px}.job-end .btn{font-size:10px;padding:4px 7px}.login-page{display:block}.login-art{min-height:240px;height:260px;padding:23px}.login-brand small,.login-copy p,.login-copy small{display:none}.login-copy h1{font-size:29px}.login-main{padding:32px 25px}.login-form{max-width:420px}.demo-accounts{gap:5px}.demo-account{padding:6px}.login-form h2{font-size:22px}.editor-top{flex-wrap:wrap;height:95px;padding:7px 11px}.project-picker{max-width:210px}.editor-modes{order:4;width:100%;justify-content:center;background:transparent;border:0}.editor-modes button{padding:5px 14px}.editor-top .avatar,.editor-top .badge{display:none}.editor-top>.btn{padding:5px 10px;font-size:10px;min-height:30px}.node-inspector{position:absolute;right:10px;bottom:88px;top:auto;max-height:65vh;width:280px;border:1px solid #47404f;border-radius:10px;z-index:10;box-shadow:0 10px 50px #0006}.node-inspector.mobile-hidden{display:none}.inspector-content{padding:13px}.inspector-head{padding:10px 13px}.inspector-head .icon-btn{width:24px;height:24px}.inspector-content textarea{min-height:70px}.editor-shell{position:relative}.floating-tools{bottom:48px;left:50%;padding:5px;gap:2px}.floating-tools button{width:31px;height:31px}.canvas-zoom{bottom:10px;left:10px}.director-button{bottom:10px;padding:5px 10px;font-size:10px}.canvas-helper{font-size:9px;left:12px;top:12px}.editor-footer{height:24px;font-size:9px;gap:10px;padding-inline:10px}.storyboard-area{padding:17px 12px}.storyboard-grid{grid-template-columns:1fr}.storyboard-heading{flex-wrap:wrap;gap:12px}.storyboard-heading h2{font-size:16px}.clip-top{grid-template-columns:1fr}.clip-assets{display:none}.timeline{height:260px}.timeline-tools{gap:6px}.timeline-tools .muted{display:none}.tool-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.modal-head,.modal-body{padding:19px}.modal-footer{padding:15px 19px}.picker-grid{grid-template-columns:repeat(2,1fr)}.post-detail-title{font-size:22px}.settings-card{padding:18px}.save-state{display:none}.page-head .btn{font-size:11px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}