.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{color:#edf1f7;font-synthesis:none;text-rendering:optimizelegibility;background:#090b10;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{background:#090b10;min-width:1280px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{color:#edf1f7;background:radial-gradient(circle at 70% 0,#4d60ff14,#0000 28%),#090b10;min-height:100vh}.topbar{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c12f0;border-bottom:1px solid #202431;align-items:center;gap:22px;height:68px;padding:0 22px;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:10px;width:245px;display:flex}.brand-mark{background:linear-gradient(145deg,#705cff,#3e76ff);border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 8px 24px #525eff40}.brand div:last-child{flex-direction:column;gap:1px;display:flex}.brand strong{letter-spacing:.2px;font-size:14px}.brand span{color:#737b8d;text-transform:uppercase;letter-spacing:1.2px;font-size:10px}.product-switcher{flex:1;align-items:center;gap:6px;display:flex}.product-tab{color:#8f98aa;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 12px;display:flex}.product-tab:hover{color:#e7eaf1;background:#131620}.product-tab.active{color:#fff;background:#171a24;border-color:#292e3c}.product-tab em{color:#717a8f;background:#222633;border-radius:5px;padding:2px 5px;font-size:9px;font-style:normal}.product-tab.active em{color:#b7beff;background:#2a2d4e}.top-actions{align-items:center;gap:8px;display:flex}.icon-btn{color:#9ea6b6;background:#11141c;border:1px solid #292e3a;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.icon-btn:hover{color:#fff;border-color:#454d62}.icon-btn.ghost{background:0 0;border-color:#0000}.balance-pill{color:#e8ebf2;background:#151925;border:1px solid #343b50;border-radius:10px;align-items:center;gap:8px;height:36px;padding:0 10px;display:flex}.balance-pill strong{color:#8ea2ff;padding-left:4px;font-size:11px}.role-select{color:#9ca5b7;background:#11141c;border:1px solid #292e3a;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 8px;display:flex}.role-select select{appearance:none;color:#dfe3eb;background:0 0;border:none;outline:none;padding:0 2px}.role-select select option{color:#fff;background:#151821}.avatar{color:#cbd1df;background:#202536;border:1px solid #343a4d;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.body-shell{min-height:100vh;padding-top:68px;display:flex}.sidebar{z-index:30;background:#0d1017;border-right:1px solid #1d222d;flex-direction:column;width:245px;padding:18px 12px 15px;display:flex;position:fixed;top:68px;bottom:0;left:0}.side-section-title{color:#596275;letter-spacing:1.2px;text-transform:uppercase;padding:7px 11px;font-size:10px;font-weight:700}.side-section-title.studio-title{margin-top:13px}.side-item{color:#8f98a8;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;height:40px;margin:1px 0;padding:0 11px;display:flex}.side-item:hover{color:#e4e8f0;background:#141822}.side-item.active{color:#fff;background:#1b2030;box-shadow:inset 2px 0 #7b7cff}.side-item.muted{color:#646d7f}.side-item span:nth-child(2){flex:1}.internal-badge{color:#f1c17f;background:#382b1a;border-radius:5px;padding:2px 5px;flex:0!important;font-size:9px!important}.sidebar-spacer{flex:1}.billing-note{color:#8ca0ff;background:#121620;border:1px solid #2d3342;border-radius:11px;gap:9px;padding:11px;display:flex}.billing-note div{flex-direction:column;display:flex}.billing-note strong{color:#dbe0ea;font-size:12px}.billing-note span{color:#78839a;margin-top:3px;font-size:11px}.main-content{width:calc(100% - 245px);min-height:calc(100vh - 68px);margin-left:245px}.page{max-width:1680px;margin:0 auto;padding:30px 32px 42px}.page-workbench{max-width:none}.page-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px;display:flex}.page-header h1{letter-spacing:-.4px;margin:4px 0 7px;font-size:25px;font-weight:720;line-height:1.25}.page-header p{color:#7f889b;max-width:760px;margin:0;font-size:13px;line-height:1.7}.eyebrow{color:#747d91;text-transform:uppercase;letter-spacing:1.1px;font-size:10px}.header-actions{align-items:center;gap:8px;display:flex}.primary-btn,.secondary-btn{border-radius:9px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12px;font-weight:650;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(#7476ff,#5a63ea);border:1px solid #6670ff;box-shadow:0 8px 20px #4f55e62e}.primary-btn:hover{filter:brightness(1.08)}.secondary-btn{color:#cbd1dc;background:#151923;border:1px solid #303748}.full{width:100%}.segmented{background:#11141c;border:1px solid #2a3040;border-radius:10px;padding:3px;display:flex}.segmented button{color:#7f899b;background:0 0;border:none;border-radius:7px;padding:7px 13px;font-size:12px}.segmented button.active{color:#fff;background:#272c3a}.director-card{background:linear-gradient(135deg,#5851c221,#0000 45%),#11151e;border:1px solid #2a3040;border-radius:16px;padding:18px;box-shadow:0 16px 42px #0000002e}.director-heading{align-items:center;gap:11px;margin-bottom:14px;display:flex}.director-icon{color:#a7a7ff;background:#272952;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.director-heading>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.director-heading strong{font-size:13px}.director-heading span{color:#788197;font-size:11px}.cost-preview{border:1px solid #30384b;border-radius:8px;padding:6px 9px;color:#99a4bb!important;margin-left:auto!important;font-size:11px!important}.director-card textarea,.design-inspector textarea,.node-inspector textarea,.tool-panel-body textarea,.wide-field textarea{resize:vertical;color:#eef1f5;background:#0d1118;border:1px solid #2b3140;border-radius:10px;outline:none;width:100%;min-height:86px;padding:11px 12px;line-height:1.6}.director-card textarea:focus,.design-inspector textarea:focus,.node-inspector textarea:focus,input:focus,select:focus{border-color:#5964d8}.director-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}.prompt-chips{gap:6px;display:flex}.prompt-chips button,.category-bar button,.text-btn{color:#8b95a8;background:#11151d;border:1px solid #292f3d;border-radius:8px;padding:6px 9px;font-size:11px}.section-row{align-items:baseline;gap:10px;margin:26px 0 12px;display:flex}.section-row h2{margin:0;font-size:15px}.section-row span{color:#646d80;font-size:11px}.section-row .text-btn{margin-left:auto}.quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-card{text-align:left;color:#e9edf3;background:#11141b;border:1px solid #252b38;border-radius:13px;flex-direction:column;align-items:flex-start;gap:8px;min-height:118px;padding:14px;display:flex;position:relative}.quick-card:hover{border-color:#41485b;transform:translateY(-1px)}.quick-card.accent{background:linear-gradient(145deg,#4d52ba38,#11141bf5);border-color:#4a4f91}.quick-card>span:not(.quick-icon){color:#737d90;font-size:11px;line-height:1.5}.quick-icon{color:#9da7ff;background:#1c2130;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.quick-arrow{color:#566078;position:absolute;top:15px;right:13px}.project-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.project-card{background:#11141b;border:1px solid #252a36;border-radius:13px;align-items:center;gap:11px;padding:10px;display:flex}.project-thumb{color:#aab3c3;background:linear-gradient(145deg,#1f2838,#171827);border-radius:9px;place-items:center;width:82px;height:58px;display:grid;position:relative;overflow:hidden}.thumb-glow{filter:blur(26px);opacity:.38;background:#675dff;border-radius:50%;width:64px;height:64px;position:absolute}.project-thumb svg{position:relative}.project-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.project-copy strong{font-size:12px}.project-copy span{color:#6f788a;font-size:10px}.progress-line{background:#252a34;border-radius:4px;height:3px;overflow:hidden}.progress-line i{background:#747cff;height:100%;display:block}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.metric-grid.five{grid-template-columns:repeat(5,1fr)}.metric-card{background:#11141b;border:1px solid #252a36;border-radius:13px;flex-direction:column;gap:7px;padding:15px;display:flex}.metric-card span{color:#7f899b;font-size:11px}.metric-card strong{font-size:23px}.metric-card em{color:#5f697b;font-size:10px;font-style:normal}.two-col{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.panel{background:#11141b;border:1px solid #252a36;border-radius:13px;padding:15px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.panel-title>span:first-child{font-size:13px;font-weight:700}.panel-title button{color:#8792ff;background:0 0;border:none;align-items:center;gap:5px;font-size:11px;display:flex}.chip{color:#87d89c;background:#1f2a23;border:1px solid #284232;border-radius:6px;padding:3px 6px;font-size:9px}.project-row{border-top:1px solid #20242e;align-items:center;gap:10px;padding:10px 4px;display:flex}.project-row:first-of-type{border-top:none}.row-icon{color:#8996b2;background:#1a1f2b;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.project-row>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.project-row strong{font-size:11px}.project-row span{color:#687184;font-size:10px}.project-row em{color:#9da6b6;font-size:10px;font-style:normal}.paygo-hero{text-align:center;color:#899cff;padding:18px 8px}.paygo-hero strong{color:#fff;margin:7px 0;font-size:24px;display:block}.paygo-hero p{color:#747e91;margin:0;font-size:11px;line-height:1.7}.design-layout{grid-template-columns:minmax(0,1fr) 330px;gap:15px;display:grid}.tool-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.tool-card{color:#e9edf3;text-align:left;background:#11141b;border:1px solid #252a36;border-radius:13px;min-height:128px;padding:14px}.tool-card:hover,.tool-card.selected{background:#15192a;border-color:#4b5290}.tool-card-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.tool-card-head span{color:#9da7ff;background:#1d2230;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.tool-card-head em{color:#687287;font-size:9px;font-style:normal}.tool-card strong{font-size:12px}.tool-card p{color:#737c8f;margin:7px 0 0;font-size:10px;line-height:1.6}.design-inspector,.node-inspector,.run-panel,.post-tools,.node-library{background:#10141c;border:1px solid #292f3d;border-radius:13px}.design-inspector{align-self:start;padding:15px;position:sticky;top:88px}.inspector-title,.canvas-pane-title{color:#687286;margin-bottom:13px;font-size:11px}.inspector-title strong{color:#edf1f6;margin-top:4px;font-size:15px;display:block}.design-inspector label,.node-inspector label,.tool-panel-body label,.param-grid label,.wide-field{color:#7b8597;flex-direction:column;gap:6px;margin-bottom:11px;font-size:10px;display:flex}select,input{color:#e5e9f0;background:#0d1118;border:1px solid #2b3140;border-radius:8px;outline:none;height:35px;padding:0 9px}.field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.estimate-box{background:#151a26;border:1px solid #30374a;border-radius:10px;grid-template-columns:1fr auto;gap:3px 8px;margin:10px 0;padding:10px 11px;display:grid}.estimate-box span{color:#748096;font-size:10px}.estimate-box strong{color:#eef2f8;font-size:13px}.estimate-box em{color:#667186;grid-column:2;font-size:9px;font-style:normal}.estimate-box.compact{margin:9px 0}.guided-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px;display:grid}.guided-main{padding:0}.production-kind-tabs{border-bottom:1px solid #242a36;display:flex}.production-kind-tabs button{color:#788397;background:0 0;border:none;align-items:center;gap:7px;height:44px;padding:0 15px;display:flex}.production-kind-tabs button.active{color:#fff;background:#171b26;box-shadow:inset 0 -2px #737bff}.media-drop{color:#7f8dff;background:#0e1118;border:1px dashed #343b4b;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:140px;margin:16px;display:flex}.media-drop strong{color:#cfd5df;font-size:12px}.media-drop span{color:#626d81;font-size:10px}.wide-field{padding:0 16px}.param-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 15px;display:grid}.run-panel{height:max-content;padding:14px}.run-balance{border-bottom:1px solid #242a35;flex-direction:column;gap:4px;padding-bottom:12px;display:flex}.run-balance span{color:#6f798b;font-size:10px}.run-balance strong{font-size:20px}.cost-line{justify-content:space-between;padding:10px 1px 2px;font-size:11px;display:flex}.cost-line.muted{color:#697386;margin-bottom:10px;padding-top:5px}.queue-box{border-top:1px solid #242a35;margin-top:13px;padding-top:11px}.queue-box>strong{color:#758095;font-size:10px}.queue-box>div{color:#a4acba;align-items:center;gap:6px;margin-top:9px;font-size:10px;display:flex}.queue-box em{color:#6e788a;margin-left:auto;font-style:normal}.dot{border-radius:50%;width:7px;height:7px}.dot.running{background:#f7b955}.dot.done{background:#54c779}.canvas-shell{background:#0c0f15;border:1px solid #252b37;border-radius:14px;grid-template-columns:180px minmax(0,1fr) 300px;height:calc(100vh - 186px);min-height:590px;display:grid;overflow:hidden}.node-library{background:#0f131b;border:none;border-right:1px solid #252b37;border-radius:0;padding:14px}.node-library p{color:#5e687b;margin-top:-8px;margin-bottom:12px;font-size:10px}.node-add{color:#b8c0cd;background:#151923;border:1px solid #282e3c;border-radius:9px;align-items:center;gap:8px;width:100%;height:38px;margin-bottom:7px;padding:0 9px;display:flex}.node-add span{color:#9ca7ff;background:#202636;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.node-add svg:last-child{margin-left:auto}.node-lib-divider{background:#252b36;height:1px;margin:13px 0}.mini-help{color:#697488;font-size:10px;line-height:1.55}.mini-help strong{color:#bac1ce;margin-bottom:5px;display:block}.canvas-stage{background:#0a0d12;position:relative}.canvas-stage .react-flow{background:#0b0e14}.canvas-stage .react-flow__background{color:#252a34}.canvas-stage .react-flow__controls{box-shadow:none;border:1px solid #2b3140;border-radius:8px;overflow:hidden}.canvas-stage .react-flow__controls-button{color:#aeb6c5;background:#141923;border-bottom:1px solid #2a303d}.canvas-stage .react-flow__controls-button:hover{background:#202633}.canvas-stage .react-flow__minimap{background:#10141d;border:1px solid #2a303c;border-radius:8px}.canvas-toolbar{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f131ceb;border:1px solid #2b3241;border-radius:10px;justify-content:space-between;align-items:center;height:40px;padding:0 6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.canvas-toolbar>div{align-items:center;gap:5px;display:flex}.canvas-toolbar button{color:#9aa5b7;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;height:30px;padding:0 8px;font-size:10px;display:flex}.canvas-toolbar button:hover{color:#fff;background:#202633}.canvas-toolbar .run-workflow{color:#fff;background:#6269ee;border-color:#7279ff}.canvas-balance{color:#8f99aa;margin-right:5px;font-size:10px}.node-inspector{background:#0f131b;border:none;border-left:1px solid #252b37;border-radius:0;padding:14px;overflow:auto}.selected-node-head{margin-bottom:13px}.selected-node-head span{color:#6b7588;text-transform:uppercase;font-size:9px}.selected-node-head strong{margin-top:3px;font-size:14px;display:block}.empty-inspector{text-align:center;color:#5f697c;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:70%;display:flex}.empty-inspector strong{color:#aab3c1;font-size:12px}.empty-inspector span{font-size:10px;line-height:1.5}.flow-node{color:#e6eaf0;background:linear-gradient(#171c27,#11151e);border:1px solid #333a49;border-radius:12px;width:215px;padding:11px;box-shadow:0 10px 26px #0000004d}.flow-node-selected{border-color:#7a7cff;box-shadow:0 0 0 1px #7a7cff3d,0 12px 28px #00000052}.flow-node-top{align-items:center;gap:7px;display:flex}.flow-node-icon{color:#a6afff;background:#222838;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.flow-node-kind{color:#758094;text-transform:uppercase;letter-spacing:.8px;font-size:9px}.node-status{background:#626c7c;border-radius:50%;width:7px;height:7px;margin-left:auto}.status-running{background:#f1b653;box-shadow:0 0 0 3px #f1b6531f}.status-done{background:#52c87a}.flow-node-title{margin-top:9px;font-size:12px;font-weight:700}.flow-node-subtitle{color:#747f92;margin-top:4px;font-size:9px}.flow-node-model{color:#97a1b4;background:#0d1118;border-radius:6px;margin-top:9px;padding:5px 7px;font-size:9px}.flow-node .react-flow__handle{background:#8b92ff;border:2px solid #171c27;width:8px;height:8px}.category-bar{gap:6px;margin-bottom:15px;display:flex}.category-bar button.active{color:#fff;background:#262c3b;border-color:#3d465a}.asset-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.asset-card{color:#e9edf3;text-align:left;background:#11141b;border:1px solid #252b38;border-radius:13px;align-items:center;gap:10px;padding:10px;display:flex}.asset-card:hover{border-color:#41495c}.asset-preview{color:#bcc5d5;background:#1c2230;border-radius:9px;place-items:center;width:86px;height:64px;display:grid}.tone-portrait{background:linear-gradient(145deg,#2b2637,#162131)}.tone-scene{background:linear-gradient(145deg,#152737,#1e1d2e)}.tone-product{background:linear-gradient(145deg,#2a2c31,#18202b)}.tone-style{background:linear-gradient(145deg,#27233e,#172334)}.tone-voice{background:linear-gradient(145deg,#202933,#1d2032)}.tone-video{background:linear-gradient(145deg,#142738,#241b2d)}.asset-info{flex-direction:column;flex:1;gap:5px;display:flex}.asset-info strong{font-size:11px}.asset-info span{color:#6e788b;font-size:9px}.post-layout{grid-template-columns:minmax(0,1fr) 360px;gap:14px;display:grid}.preview-player{background:#0f1218;border:1px solid #252b38;border-radius:13px;overflow:hidden}.preview-stage{color:#d8ddec;background:radial-gradient(circle at 55% 44%,#535aa047,#0000 23%),linear-gradient(145deg,#121927,#0d0f15);place-items:center;height:410px;display:grid;position:relative}.preview-stage span{color:#8d97a8;background:#0a0d12aa;border-radius:6px;padding:4px 7px;font-size:10px;position:absolute;bottom:13px;right:14px}.player-controls{border-top:1px solid #232936;align-items:center;gap:10px;height:42px;padding:0 11px;display:flex}.scrubber{background:#272c36;border-radius:4px;flex:1;height:3px}.scrubber i{background:#747cff;width:60%;height:100%;display:block}.player-controls span{color:#7f899b;font-size:9px}.timeline{background:#0f1218;border:1px solid #252b38;border-radius:13px;margin-top:12px;padding:11px;overflow:hidden}.timeline-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.timeline-head strong{font-size:11px}.timeline-head button{color:#8290a4;background:#151922;border:1px solid #282e3b;border-radius:7px;width:27px;height:27px;margin-left:5px}.time-ruler{color:#596376;grid-template-columns:repeat(6,1fr);margin-bottom:5px;padding-left:36px;font-size:8px;display:grid}.track{border-top:1px solid #222733;align-items:center;gap:3px;height:36px;padding-left:35px;display:flex;position:relative}.track label{color:#6c7688;font-size:9px;position:absolute;left:2px}.clip{color:#aeb9cb;background:#24304a;border:1px solid #344465;border-radius:5px;align-items:center;height:24px;padding:0 7px;font-size:8px;display:flex}.clip-a{width:22%}.clip-b{background:#2b294b;border-color:#413d6d;width:30%}.clip-c{background:#24394a;border-color:#35566d;width:28%}.clip.subtitle{background:#373026;border-color:#574832;width:38%}.clip.subtitle.second{width:24%}.clip.audio{background:#203a31;border-color:#2e5a49;width:73%}.clip.music{background:#2d283c;border-color:#443c5a;width:88%}.playhead{z-index:3;background:#ff6b6b;width:1px;position:absolute;top:-5px;bottom:-110px;left:61%}.post-tools{padding:0;overflow:hidden}.post-tool-tabs{border-bottom:1px solid #242a35;grid-template-columns:1fr 1fr;display:grid}.post-tool-tabs button{color:#778397;background:#11151d;border:1px solid #222733;border-top:none;border-left:none;align-items:center;gap:7px;height:39px;padding:0 10px;font-size:10px;display:flex}.post-tool-tabs button.active{color:#fff;background:#1d2230}.tool-panel-body{padding:14px}.tool-panel-body h3{margin:0 0 6px;font-size:14px}.tool-panel-body>p{color:#6f798b;margin:0 0 12px;font-size:10px;line-height:1.6}.simple-tools{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.simple-tools button{color:#aab3c1;background:#171b25;border:1px solid #2d3442;border-radius:8px;height:34px}.tip-box{color:#77b4a1;background:#15201e;border:1px solid #2b3a37;border-radius:9px;margin-top:12px;padding:9px;font-size:10px}.action-item{color:#e4e8ef;text-align:left;background:#151923;border:1px solid #2a303d;border-radius:9px;align-items:center;gap:7px;width:100%;margin-bottom:7px;padding:10px;display:flex}.action-item>div{flex-direction:column;flex:1;gap:3px;display:flex}.action-item strong{font-size:10px}.action-item span{color:#6c7688;font-size:9px}.action-item em{color:#9ba5ff;font-size:9px;font-style:normal}.qc-list{border:1px solid #282e3b;border-radius:9px;margin-bottom:11px;overflow:hidden}.qc-list div{border-bottom:1px solid #252b36;align-items:center;gap:7px;padding:9px;font-size:10px;display:flex}.qc-list div:last-child{border-bottom:none}.qc-list em{color:#7fcf95;margin-left:auto;font-style:normal}.version-card{border:1px solid #2b313e;border-radius:9px;flex-direction:column;gap:4px;margin-bottom:7px;padding:10px;display:flex}.version-card.active{background:#171a2b;border-color:#4e558f}.version-card strong{font-size:11px}.version-card span{color:#6f788a;font-size:9px}.check-row{flex-direction:row!important;align-items:center!important}.future-banner{color:#949eff;background:linear-gradient(135deg,#4b4eb226,#11151d);border:1px solid #343b50;border-radius:13px;align-items:center;gap:11px;padding:16px;display:flex}.future-banner div{flex-direction:column;gap:3px;display:flex}.future-banner strong{color:#e5e9f0;font-size:12px}.future-banner span{color:#717b8e;font-size:10px}.future-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:14px;display:grid}.future-card{color:#e5e9ef;text-align:left;background:#11141b;border:1px solid #252b38;border-radius:12px;flex-direction:column;gap:7px;min-height:100px;padding:13px;display:flex}.future-card svg{color:#8994ff}.future-card strong{font-size:11px}.future-card span{color:#687285;font-size:9px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020408b8;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#11151e;border:1px solid #343b4b;border-radius:16px;width:470px;padding:17px;box-shadow:0 30px 100px #00000073}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head>div{flex-direction:column;display:flex}.modal-head span{color:#707a8d;font-size:10px}.modal-head strong{margin-top:3px;font-size:17px}.current-balance{color:#778195;background:#0d1118;border:1px solid #2b3140;border-radius:10px;justify-content:space-between;margin:14px 0;padding:10px;font-size:11px;display:flex}.current-balance strong{color:#fff}.recharge-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.recharge-grid button{color:#e8ebf1;background:#171b26;border:1px solid #2e3545;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:66px;display:flex}.recharge-grid button:hover{background:#1a1f31;border-color:#6269d7}.recharge-grid strong{font-size:15px}.recharge-grid span{color:#768196;font-size:9px}.modal-note{color:#616c80;margin-top:12px;font-size:9px;line-height:1.6}.toast{z-index:120;color:#e8ecf2;background:#1d2230;border:1px solid #3a4254;border-radius:10px;padding:10px 15px;font-size:11px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000061}@media (width<=1450px){.brand{width:190px}.product-switcher{gap:3px}.product-tab{padding:0 8px;font-size:11px}.top-actions{gap:5px}.quick-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}}.small-ghost{color:#929caf;background:#151923;border:1px solid #2d3442;border-radius:8px;padding:6px 9px;font-size:10px}.director-options{grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:11px;display:grid}.director-options label,.publish-form label{color:#788397;flex-direction:column;gap:5px;font-size:10px;display:flex}.project-tabs,.design-top-tabs,.drawer-filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.project-tabs button,.design-top-tabs button,.drawer-filters button{color:#7f899b;background:#11151d;border:1px solid #2b3140;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.project-tabs button.active,.design-top-tabs button.active,.drawer-filters button.active{color:#fff;background:#252b3a;border-color:#48506a}.counter{color:#aeb6ff;background:#2a2f48;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:inline-grid}.role-actions-panel{margin-top:14px}.role-action-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.role-action-grid button{color:#dfe4eb;background:#151923;border:1px solid #2a303d;border-radius:10px;align-items:center;gap:8px;height:72px;padding:0 12px;display:flex}.role-action-grid button svg{color:#8f9aff}.design-workspace{grid-template-columns:190px minmax(0,1fr) 330px;gap:14px;display:grid}.substep-rail{background:#10141c;border:1px solid #292f3d;border-radius:13px;padding:10px}.substep-title{color:#657085;padding:5px 6px 10px;font-size:10px}.substep-rail button{color:#818b9e;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 7px;font-size:10px;display:flex}.substep-rail button span{color:#8993a6;background:#1d2230;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.substep-rail button.active{color:#fff;background:#1c2130}.substep-rail button.active span{color:#fff;background:#636cff}.design-canvas-panel{background:#10141c;border:1px solid #292f3d;border-radius:13px;min-height:560px;padding:14px}.workspace-toolbar{border-bottom:1px solid #242a36;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.workspace-toolbar>div:first-child{flex-direction:column;gap:2px;display:flex}.workspace-toolbar strong{font-size:13px}.workspace-toolbar span{color:#657085;font-size:9px}.workspace-toolbar button{color:#8d97aa;background:#151922;border:1px solid #2b3240;border-radius:7px;margin-left:5px;padding:6px 8px;font-size:9px}.character-preview{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:470px;display:flex}.preview-card.hero{text-align:center;color:#8f9aff;background:radial-gradient(circle at 50% 38%,#5b5cbe2e,#0000 36%),#0d1118;border:1px dashed #3a4256;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:70%;min-height:270px;padding:20px;display:flex}.preview-card.hero strong{color:#fff;font-size:16px}.preview-card.hero span{color:#7c879a;max-width:520px;font-size:10px;line-height:1.7}.preview-strip{grid-template-columns:repeat(3,1fr);gap:8px;width:70%;display:grid}.preview-strip div{color:#6e7890;background:#141823;border:1px solid #2b3240;border-radius:8px;place-items:center;height:70px;font-size:9px;display:grid}.generic-design-workspace{grid-template-columns:minmax(0,1fr) 330px;gap:14px;display:grid}.design-feature-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.design-feature-grid button{color:#dde2e9;text-align:left;background:#151923;border:1px solid #282f3d;border-radius:10px;flex-direction:column;gap:6px;min-height:100px;padding:12px;display:flex}.design-feature-grid button svg{color:#909aff}.design-feature-grid button strong{font-size:11px}.design-feature-grid button span{color:#687285;font-size:9px}.guide-stepper{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:10px;display:grid}.guide-stepper button{color:#7d8799;text-align:left;background:#11151d;border:1px solid #282f3d;border-radius:10px;align-items:center;gap:7px;min-height:64px;padding:8px;display:flex;position:relative}.guide-stepper button>span{color:#7f89a0;background:#1c2230;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.guide-stepper button>div{flex-direction:column;gap:2px;display:flex}.guide-stepper strong{font-size:10px}.guide-stepper em{color:#5f687a;font-size:8px;font-style:normal;line-height:1.3}.guide-stepper button.active{color:#fff;background:#171b2d;border-color:#5962c8}.guide-stepper button.active>span{color:#b9c0ff;background:#30366f}.guide-stepper button.done{background:#111b17;border-color:#2d4437}.guide-stepper button.done>span{color:#77d193;background:#1b3124}.guide-stepper button>svg:last-child{color:#71cf8d;margin-left:auto}.guided-layout.expanded{grid-template-columns:minmax(0,1fr) 310px}.guided-context,.shot-context,.reference-head{justify-content:space-between;align-items:center;display:flex}.guided-context{border-bottom:1px solid #252b36;padding:14px 16px}.guided-context>div:first-child{flex-direction:column;gap:3px;display:flex}.guided-context span{color:#697489;font-size:9px}.guided-context strong{font-size:13px}.guide-progress{color:#8793ff;font-size:11px}.shot-context{background:#131824;border:1px solid #2b3241;border-radius:10px;margin:14px 16px 0;padding:10px}.shot-context div{flex-direction:column;gap:2px;display:flex}.shot-context span{color:#6e788b;font-size:9px}.shot-context strong{font-size:11px}.shot-context button,.reference-head button{color:#8995ff;background:0 0;border:none;font-size:9px}.reference-strip{background:#0e1218;border:1px solid #2a303d;border-radius:10px;margin:0 16px 12px;padding:10px}.reference-head>div{flex-direction:column;gap:2px;display:flex}.reference-head strong{font-size:10px}.reference-head span{color:#626c7e;font-size:8px}.reference-head button{align-items:center;gap:4px;display:flex}.reference-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.reference-chips>span{color:#c7ced9;background:#191e2b;border:1px solid #343b4c;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:flex}.reference-chips em{color:#717b8e;font-style:normal}.guide-summary{background:#111620;border:1px solid #29303d;border-radius:9px;flex-direction:column;gap:4px;margin:11px 0;padding:9px;display:flex}.guide-summary span{color:#697488;font-size:9px}.guide-summary strong{font-size:10px}.guide-next{border-top:1px solid #252b36;grid-template-columns:1fr auto;gap:3px 8px;margin-top:12px;padding-top:10px;display:grid}.guide-next span{color:#687286;font-size:8px}.guide-next strong{font-size:10px}.guide-next button{color:#8f9aff;background:0 0;border:none;grid-area:1/2/3;align-items:center;gap:3px;font-size:9px;display:flex}.canvas-asset-title{color:#657084;margin:7px 0;font-size:9px}.canvas-asset{color:#8f99ab;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;width:100%;padding:6px;font-size:9px;display:flex}.canvas-asset:hover{color:#fff;background:#181d27}.canvas-asset span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.asset-link-banner{background:#131925;border:1px solid #30384a;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 12px;display:flex}.asset-link-banner>div{color:#8997ff;align-items:center;gap:7px;display:flex}.asset-link-banner span,.asset-link-banner p{color:#707b8f;font-size:9px}.asset-link-banner strong{color:#fff;font-size:11px}.asset-link-banner p{margin:0}.asset-card.rich{align-items:flex-start}.asset-actions{gap:5px;margin-top:8px;display:flex}.asset-actions button{color:#8d98aa;background:#161a24;border:1px solid #2a3140;border-radius:6px;padding:5px 7px;font-size:8px}.qc-warning{background:#211a16!important}.qc-warning em{color:#f0b76d!important}.drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060a75;position:fixed;inset:68px 0 0}.work-drawer{background:#0f131b;border-left:1px solid #343b4a;width:min(780px,65vw);position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #00000059}.drawer-head{border-bottom:1px solid #252b36;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.drawer-head>div{flex-direction:column;gap:2px;display:flex}.drawer-head span{color:#677185;font-size:9px}.drawer-head strong{font-size:15px}.drawer-body{height:calc(100% - 64px);padding:14px;overflow:auto}.task-table{border:1px solid #282f3d;border-radius:10px;overflow:hidden}.task-row{border-top:1px solid #242a35;grid-template-columns:2.1fr 1.1fr .8fr .6fr .55fr;align-items:center;gap:8px;min-height:58px;padding:8px 10px;font-size:9px;display:grid}.task-row.head{color:#687286;background:#151a23;border-top:none;min-height:36px}.task-row>span:first-child{flex-direction:column;gap:2px;display:flex}.task-row strong{font-size:10px}.task-row em{color:#626d80;font-size:8px;font-style:normal}.task-row button{color:#9aa6ba;background:#171c26;border:1px solid #303747;border-radius:6px;padding:5px 7px;font-size:8px}.task-status{flex-direction:column;display:flex}.task-status.运行中{color:#f0bd69}.task-status.成功{color:#71d08e}.task-status.失败{color:#ee7b7b}.drawer-note{color:#79b5a1;background:#14201d;border:1px solid #2b3a37;border-radius:8px;margin-top:10px;padding:8px;font-size:9px}.history-card{background:#12161e;border:1px solid #282f3d;border-radius:10px;grid-template-columns:52px 1fr auto auto;align-items:center;gap:10px;margin-bottom:8px;padding:9px;display:grid}.history-thumb{color:#9aa5ff;background:#1d2330;border-radius:7px;place-items:center;width:52px;height:42px;display:grid}.history-card>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.history-card strong{font-size:10px}.history-card span{color:#667185;font-size:8px}.history-card em{color:#7d8798;font-size:8px;font-style:normal}.history-card button{color:#9aa6ba;background:#171c26;border:1px solid #303747;border-radius:6px;padding:5px 8px;font-size:8px}.classroom-layout,.teacher-classroom{grid-template-columns:minmax(0,1fr) 340px;gap:14px;display:grid}.live-stage{color:#929cff;text-align:center;background:radial-gradient(circle at 50% 42%,#5458aa38,#0000 25%),linear-gradient(145deg,#121827,#0d1017);border:1px solid #2b3140;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:520px;display:flex}.live-stage strong{color:#fff;font-size:17px}.live-stage span{color:#738095;font-size:10px}.live-stage.teacher{min-height:420px}.class-side{background:#10141c;border:1px solid #292f3d;border-radius:13px;height:max-content;padding:14px}.course-credit{border-top:1px solid #252b36;flex-direction:column;gap:4px;margin-top:14px;padding-top:12px;display:flex}.course-credit span{color:#697488;font-size:9px}.course-credit strong{font-size:22px}.course-credit em{color:#5e687a;font-size:8px;font-style:normal}.assignment-grid,.order-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.assignment-card,.order-card{color:#dfe4eb;text-align:left;background:#11151d;border:1px solid #292f3c;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;padding:14px;display:flex}.assignment-card svg,.order-card svg{color:#929cff}.assignment-card strong,.order-card strong{font-size:12px}.assignment-card span,.order-card>span:not(.order-badge){color:#687387;font-size:9px}.assignment-card em{color:#9aa6b9;font-size:9px;font-style:normal}.assignment-card button{color:#adb6c7;background:#1b2130;border:1px solid #39415a;border-radius:7px;margin-top:auto;padding:6px 8px;font-size:9px}.order-badge{color:#84d49a;background:#17281d;border:1px solid #284431;border-radius:6px;padding:3px 5px;font-size:8px}.order-card>div{flex-wrap:wrap;gap:5px;display:flex}.order-card>div em{color:#7d8798;border:1px solid #303747;border-radius:5px;padding:3px 5px;font-size:8px;font-style:normal}.course-studio-card{background:#131925;border:1px solid #303748;border-radius:13px;align-items:center;gap:12px;padding:16px;display:flex}.course-studio-card>div{flex-direction:column;flex:1;gap:3px;display:flex}.course-studio-card strong{font-size:13px}.course-studio-card span{color:#6d788c;font-size:9px}.next-class{align-items:center;gap:10px;padding:12px 3px;display:flex}.next-class>div{flex-direction:column;flex:1;gap:4px;display:flex}.next-class strong{font-size:11px}.next-class span{color:#687285;font-size:9px}.feedback{color:#7c8799;font-size:10px;line-height:1.8}.class-buttons{flex-wrap:wrap;gap:7px;display:flex}.class-buttons button{color:#aab4c5;background:#171c27;border:1px solid #323a4a;border-radius:7px;padding:7px 10px;font-size:9px}.student-row{border-top:1px solid #242a34;grid-template-columns:38px 1.2fr 1fr 1fr .8fr .5fr;align-items:center;gap:8px;padding:9px 2px;font-size:9px;display:grid}.student-avatar{color:#aab3ff;background:#202638;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.student-row em{color:#8f99aa;font-style:normal}.student-row button,.lesson-row button{color:#9aa6ba;background:#171c26;border:1px solid #303747;border-radius:6px;padding:5px 7px;font-size:8px}.lesson-row{border-top:1px solid #242a34;grid-template-columns:30px 1fr auto auto;align-items:center;gap:8px;padding:10px 2px;display:grid}.lesson-row>span{color:#9ba5ff;background:#202638;border-radius:7px;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.lesson-row strong{font-size:10px}.lesson-row em{color:#697488;font-size:8px;font-style:normal}.publish-form{max-width:780px}.publish-form textarea{color:#e8edf3;resize:vertical;background:#0d1118;border:1px solid #2b3140;border-radius:9px;min-height:120px;padding:10px}.review-card{background:#11151d;border:1px solid #2b3140;border-radius:13px;grid-template-columns:360px 1fr;gap:14px;padding:12px;display:grid}.review-preview{color:#aab2ff;background:radial-gradient(circle,#5b5ebc33,#0000 30%),#0e1218;border-radius:10px;place-items:center;height:230px;display:grid}.review-card>div:last-child{flex-direction:column;gap:8px;display:flex}.review-card strong{font-size:13px}.review-card span,.review-card p{color:#6e788b;font-size:9px;line-height:1.7}.model-table{border:1px solid #292f3c;border-radius:11px;overflow:hidden}.model-row{border-top:1px solid #242a35;grid-template-columns:28px 1.3fr .6fr 1fr .8fr .5fr;align-items:center;gap:8px;min-height:52px;padding:8px 10px;font-size:9px;display:grid}.model-row:first-child{border-top:none}.model-row svg{color:#939dff}.model-row strong{font-size:10px}.model-row span{color:#737e91}.model-row em{color:#77ca91;font-style:normal}.model-row button{color:#9aa6ba;background:#171c26;border:1px solid #303747;border-radius:6px;padding:5px 7px;font-size:8px}.api-key-row{border-bottom:1px solid #242a34;grid-template-columns:30px 1fr auto auto;align-items:center;gap:9px;padding:10px 2px;display:grid}.api-key-row svg{color:#919bff}.api-key-row>div{flex-direction:column;gap:3px;display:flex}.api-key-row strong{font-size:10px}.api-key-row span{color:#687286;font-size:8px}.api-key-row em{color:#79cd91;font-size:8px;font-style:normal}.api-key-row button{color:#9aa6ba;background:#171c26;border:1px solid #303747;border-radius:6px;padding:5px 7px;font-size:8px}.model-log{margin-top:4px}@media (width<=1500px){.guide-stepper{grid-template-columns:repeat(4,1fr)}.design-workspace{grid-template-columns:165px minmax(0,1fr) 300px}.assignment-grid,.order-grid{grid-template-columns:repeat(2,1fr)}}.breadcrumb{color:#667185;align-items:center;gap:6px;min-height:18px;font-size:10px;display:flex}.breadcrumb button{color:#6f7ba0;cursor:pointer;background:0 0;border:none;padding:0}.breadcrumb button:hover{color:#aeb8ff;text-decoration:underline}.breadcrumb em{color:#414959;font-style:normal}.breadcrumb span{color:#778297}.notification-button{position:relative}.notification-dot{background:#ff6f7d;border:1px solid #11141c;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.avatar{cursor:pointer;border:1px solid #343a4d}.attachment-strip{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.attachment-strip>span{color:#9da8ba;background:#171c26;border:1px solid #303747;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:flex}.attachment-strip button{color:#7e899c;background:0 0;border:none;padding:0;line-height:1}.version-popover{z-index:8;background:#141923;border:1px solid #353d4f;border-radius:10px;flex-direction:column;gap:5px;width:210px;padding:9px;display:flex;position:absolute;top:62px;right:18px;box-shadow:0 18px 48px #00000061}.design-canvas-panel{position:relative}.version-popover strong{color:#dce2eb;padding:3px 5px;font-size:10px}.version-popover button{color:#8d98aa;text-align:left;background:#10141b;border:1px solid #2c3341;border-radius:7px;padding:7px;font-size:9px}.step-guidance{background:#151b28;border:1px solid #30394c;border-radius:9px;flex-direction:column;gap:4px;margin-bottom:11px;padding:9px 10px;display:flex}.step-guidance strong{color:#a5afff;font-size:9px}.step-guidance span{color:#768197;font-size:9px;line-height:1.55}.upload-reference{color:#9da8ba;background:#111620;border:1px dashed #46506a;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;margin:-3px 0 11px;font-size:9px;display:flex}.character-definition{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:14px;padding:24px;display:grid}.definition-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.definition-grid label{color:#707b8f;flex-direction:column;gap:5px;font-size:9px;display:flex}.definition-note{text-align:center;color:#8f9aff;background:#121824;border:1px solid #2d3546;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;padding:16px;display:flex}.definition-note strong{color:#e3e7ef;font-size:11px}.definition-note span{color:#6f7a8e;font-size:9px;line-height:1.6}.candidate-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:26px;display:grid}.candidate-grid button{color:#909aff;background:radial-gradient(circle at 50% 38%,#5b5ebc29,#0000 28%),#11161f;border:1px solid #2b3240;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;display:flex}.candidate-grid button.selected{border-color:#747cff;box-shadow:0 0 0 1px #747cff3d}.candidate-grid strong,.view-board strong,.expression-grid strong,.outfit-grid strong{color:#e2e6ed;font-size:10px}.candidate-grid span,.view-board span,.expression-grid span,.outfit-grid span{color:#697489;font-size:8px}.view-board{gap:12px;padding:28px;display:grid}.three-view{grid-template-columns:repeat(3,1fr)}.view-board>div{color:#919bff;background:radial-gradient(circle at 50% 35%,#585cb429,#0000 30%),#11161f;border:1px solid #2c3443;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:270px;display:flex}.view-board button{color:#909bad;background:#181d29;border:1px solid #323a4b;border-radius:7px;margin-top:5px;padding:6px 8px;font-size:8px}.angle-board{grid-template-columns:repeat(4,1fr);padding:24px}.angle-board>div{min-height:145px}.group-workspace{padding:22px}.group-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.group-head>div{flex-direction:column;gap:3px;display:flex}.group-head strong{font-size:12px}.group-head span{color:#697489;font-size:9px}.group-head button{color:#a2adbf;background:#171c27;border:1px solid #343c4d;border-radius:8px;padding:7px 9px;font-size:9px}.expression-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.expression-grid button,.outfit-grid button{color:#909aff;background:#11161f;border:1px solid #2c3342;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:130px;display:flex}.outfit-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.outfit-grid button{min-height:175px}.subject-summary{grid-template-columns:1fr 280px;gap:14px;padding:24px;display:grid}.subject-tree{background:#11161f;border:1px solid #2d3545;border-radius:11px;padding:15px}.subject-tree>strong{margin-bottom:10px;font-size:13px;display:block}.subject-tree>div{color:#70cc8b;border-top:1px solid #252c38;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:9px 0;display:grid}.subject-tree span{color:#cbd2dd;font-size:10px}.subject-tree em{color:#7a8599;font-size:9px;font-style:normal}.draft-status{color:#657084;white-space:nowrap;font-size:9px}.guided-stage-shell{background:#10141c;border:1px solid #292f3d;border-radius:13px;overflow:hidden}.guided-stage-header{border-bottom:1px solid #252b36;justify-content:space-between;align-items:center;height:62px;padding:0 14px;display:flex}.guided-stage-header>div:first-child{flex-direction:column;gap:3px;display:flex}.guided-stage-header span{color:#687386;font-size:9px}.guided-stage-header strong{font-size:13px}.guided-stage-actions{gap:6px;display:flex}.guided-stage-actions button{color:#949fb1;background:#171c26;border:1px solid #303747;border-radius:7px;align-items:center;gap:5px;height:32px;padding:0 9px;font-size:9px;display:flex}.step-content{grid-template-columns:minmax(0,1fr) 300px;min-height:430px;display:grid}.step-main{border-right:1px solid #252b36;padding:16px}.step-side{background:#0e1219;flex-direction:column;gap:10px;padding:14px;display:flex}.step-side>strong{font-size:11px}.step-side ul{color:#768196;margin:0;padding-left:18px;font-size:9px;line-height:2}.step-side label{color:#738094;flex-direction:column;gap:5px;font-size:9px;display:flex}.step-section-title{color:#929cff;align-items:center;gap:8px;margin-bottom:14px;display:flex}.step-section-title>div{flex-direction:column;gap:2px;display:flex}.step-section-title strong{color:#edf1f7;font-size:12px}.step-section-title span{color:#687386;font-size:9px}.no-padding{padding:0!important}.plan-output{background:#141a26;border:1px solid #2d3748;border-radius:9px;flex-direction:column;gap:4px;margin-top:12px;padding:10px;display:flex}.plan-output strong{font-size:10px}.plan-output span{color:#748096;font-size:9px}.subject-cards{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.subject-cards>div,.add-subject-card{text-align:left;color:#dfe4eb;background:#131821;border:1px solid #2c3443;border-radius:10px;flex-wrap:wrap;align-items:center;gap:9px;min-height:145px;padding:12px;display:flex}.subject-cards>div strong{flex:1;font-size:10px}.subject-cards>div em{color:#687386;width:100%;font-size:8px;font-style:normal}.subject-cards>div button{color:#98a3b5;background:#171c27;border:1px solid #343c4d;border-radius:6px;margin-left:auto;padding:5px 7px;font-size:8px}.asset-preview.mini{flex:none;width:44px;height:44px}.add-subject-card{color:#8d98ff;flex-direction:column;justify-content:center}.add-subject-card strong{font-size:10px}.add-subject-card span{color:#687386;font-size:8px}.shot-table{border:1px solid #29303d;border-radius:9px;margin-bottom:10px;overflow:hidden}.shot-row{color:#aeb7c6;text-align:left;background:#11161e;border:none;border-top:1px solid #252b36;grid-template-columns:.45fr 1.5fr 1.2fr .5fr .7fr;align-items:center;gap:8px;width:100%;min-height:47px;padding:0 10px;font-size:9px;display:grid}.shot-row.head{color:#687386;background:#171c26;border-top:none;min-height:34px}.shot-row:not(.head):hover{background:#181e29}.shot-row span:last-child{color:#8f9aff}.dialogue-list{flex-direction:column;gap:8px;display:flex}.dialogue-list>div{background:#11161e;border:1px solid #2a313f;border-radius:9px;grid-template-columns:75px 1fr 170px 34px;align-items:center;gap:7px;padding:8px;display:grid}.dialogue-list span{color:#8792a5;font-size:9px}.dialogue-list textarea{color:#e5e9ef;resize:vertical;background:#0d1118;border:1px solid #2d3442;border-radius:7px;min-height:48px;padding:7px}.dialogue-list button{color:#9aa5ff;background:#171c27;border:1px solid #343c4d;border-radius:7px;height:34px}.post-check-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.post-check-grid button{color:#dfe4eb;text-align:left;background:#131821;border:1px solid #2b3240;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:24px 1fr 18px;align-items:center;gap:3px 7px;min-height:85px;padding:11px;display:grid}.post-check-grid svg:first-child{color:#70cd8b;grid-row:1/3}.post-check-grid strong{font-size:10px}.post-check-grid span{color:#687386;font-size:8px}.post-check-grid svg:last-child{color:#657084;grid-area:1/3/3}.delivery-summary{background:#121821;border:1px solid #2c3443;border-radius:11px;padding:16px}.delivery-summary>div:first-child{border-bottom:1px solid #252c37;flex-direction:column;gap:5px;padding-bottom:13px;display:flex}.delivery-summary strong{font-size:13px}.delivery-summary span{color:#727e92;font-size:9px}.delivery-checks{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px;display:grid}.delivery-checks span{color:#72cc8b;align-items:center;gap:6px;display:flex}.guided-footer{border-top:1px solid #252b36;justify-content:space-between;align-items:center;min-height:66px;padding:10px 14px;display:flex}.guided-footer>div:first-child{grid-template-columns:auto auto;gap:2px 10px;display:grid}.guided-footer span{color:#687386;font-size:8px}.guided-footer strong{font-size:12px}.guided-footer em{color:#687386;grid-column:2;font-size:8px;font-style:normal}.guided-footer>div:last-child{gap:7px;display:flex}.player-controls button{color:#adb6c5;background:0 0;border:none;place-items:center;width:28px;height:28px;display:grid}.global-search-box{color:#8e99ff;background:#11161e;border:1px solid #343c4d;border-radius:9px;align-items:center;gap:8px;height:44px;margin-bottom:12px;padding:0 11px;display:flex}.global-search-box input{background:0 0;border:none;flex:1;height:auto;padding:0}.search-result{color:#dce2eb;text-align:left;background:0 0;border:none;border-bottom:1px solid #242a35;grid-template-columns:25px 1fr 20px;align-items:center;width:100%;height:46px;display:grid}.search-result:hover{background:#151a23}.search-result svg{color:#7e88a0}.search-result strong{font-size:10px}.notification-item{color:#dce2eb;text-align:left;background:0 0;border:none;border-bottom:1px solid #242a35;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;width:100%;min-height:64px;padding:8px;display:grid}.notification-item:hover{background:#151a23}.notification-item>span{background:#303746;border-radius:50%;width:7px;height:7px}.notification-item>span.unread{background:#747cff}.notification-item>div{flex-direction:column;gap:4px;display:flex}.notification-item strong{font-size:10px}.notification-item em{color:#6c778a;font-size:8px;font-style:normal}.notification-item small{color:#566174;font-size:8px}.asset-picker-list{flex-direction:column;gap:7px;display:flex}.asset-picker-list>button{color:#dfe4eb;text-align:left;background:#121720;border:1px solid #2b3240;border-radius:9px;grid-template-columns:48px 1fr auto;align-items:center;gap:9px;width:100%;padding:8px;display:grid}.asset-picker-list>button.selected{background:#121d18;border-color:#405448}.asset-picker-list>button>div{flex-direction:column;gap:3px;display:flex}.asset-picker-list strong{font-size:10px}.asset-picker-list span{color:#687386;font-size:8px}.asset-picker-list em{color:#8f9aff;font-size:8px;font-style:normal}.empty-list{text-align:center;color:#687386;padding:30px;font-size:9px}@media (width<=1500px){.step-content{grid-template-columns:minmax(0,1fr) 260px}.angle-board,.expression-grid{grid-template-columns:repeat(3,1fr)}}.classroom-page{max-width:none}.class-status-bar{background:#11151d;border:1px solid #29303d;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:10px;padding:0 12px;display:flex}.class-status-bar>div{align-items:center;gap:9px;display:flex}.class-status-bar strong{font-size:11px}.class-status-bar em{color:#7b8598;font-size:10px;font-style:normal}.class-status-bar span{color:#778296;font-size:9px}.live-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ef67671f;background:#ef6767!important}.classroom-pro{grid-template-columns:minmax(0,1fr) 340px;gap:12px;display:grid}.classroom-main,.classroom-side{background:#10141c;border:1px solid #292f3c;border-radius:13px;overflow:hidden}.class-view-tabs,.class-side-tabs{background:#11151d;border-bottom:1px solid #262c37;align-items:center;gap:3px;height:43px;padding:0 7px;display:flex}.class-view-tabs button,.class-side-tabs button{color:#768195;background:0 0;border:none;border-radius:7px;padding:7px 10px;font-size:10px}.class-view-tabs button.active,.class-side-tabs button.active{color:#fff;background:#272d3b}.teaching-stage{background:#0c1016;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.student-class-controls,.teacher-class-controls{background:#11151d;border-top:1px solid #262c37;align-items:center;gap:6px;min-height:52px;padding:7px;display:flex}.student-class-controls button,.teacher-class-controls button{color:#9da7b8;background:#171c26;border:1px solid #2e3544;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:35px;padding:0 9px;font-size:9px;display:flex}.student-class-controls button.active,.teacher-class-controls button.active{color:#c6cbff;background:#202541;border-color:#5961a8}.student-class-controls .primary-class-action{color:#fff;background:#6169ef;border-color:#747bff;margin-left:auto}.teacher-class-controls .danger-class-action{color:#f0929b;background:#24171a;border-color:#59333a;margin-left:auto}.classroom-side{height:max-content;min-height:595px}.class-task-list,.student-live-list,.question-list,.chat-list,.note-panel{padding:10px}.student-live-list{flex-direction:column;gap:6px;display:flex}.student-live-list>button,.question-list>button{color:#cbd2dd;text-align:left;background:#141923;border:1px solid #29303e;border-radius:9px;align-items:center;gap:8px;padding:8px;display:flex}.student-live-list>button>div,.question-list>button>div{flex-direction:column;flex:1;gap:3px;display:flex}.student-live-list strong,.question-list strong{font-size:10px}.student-live-list em,.question-list span,.question-list em{color:#6e798c;font-size:8px;font-style:normal}.question-list{flex-direction:column;gap:7px;display:flex}.chat-list{flex-direction:column;gap:10px;display:flex}.chat-list>div{background:#141923;border:1px solid #292f3d;border-radius:9px;flex-direction:column;gap:4px;padding:9px;display:flex}.chat-list strong{font-size:9px}.chat-list span{color:#758094;font-size:9px;line-height:1.5}.chat-list label{gap:6px;margin-top:8px;display:flex}.chat-list input{flex:1}.chat-list button,.note-panel button{color:#b3bdcd;background:#1c2230;border:1px solid #3b4358;border-radius:7px;padding:0 9px}.note-panel textarea{resize:none;color:#dbe0e8;background:#0d1118;border:1px solid #2c3340;border-radius:9px;width:100%;min-height:430px;padding:10px;line-height:1.7}.note-panel button{width:100%;height:34px;margin-top:7px}.whiteboard-stage{align-items:stretch}.board-toolbar{background:#11151d;border-right:1px solid #29303c;flex-direction:column;gap:5px;width:54px;padding:8px 5px;display:flex}.board-toolbar button{color:#788397;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;min-height:38px;font-size:8px;display:grid}.board-toolbar button.active,.board-toolbar button:hover{color:#fff;background:#242a38;border-color:#363d50}.board-canvas{color:#1a1d22;background:#f1f1ee;flex:1;padding:52px 60px;position:relative;overflow:hidden}.board-title{z-index:2;font-size:24px;font-weight:700;position:relative}.board-line{transform-origin:0;background:#384d8e;border-radius:50%;height:3px;position:absolute}.board-line.one{width:390px;top:160px;left:90px;transform:rotate(6deg)}.board-line.two{background:#9b3e3e;width:300px;top:260px;left:410px;transform:rotate(-5deg)}.board-box{border:3px solid #343b48;border-radius:8px;padding:20px 28px;font-size:18px;font-weight:650;position:absolute;top:215px;left:140px;transform:rotate(-1deg)}.board-note{color:#656b72;font-size:11px;position:absolute;bottom:32px;left:60px}.slide-stage{background:linear-gradient(145deg,#151b2a,#0e1219);flex-direction:column;align-items:flex-start;padding:64px 10%}.slide-stage>svg{color:#9ca6ff}.slide-stage>span{color:#748096;margin-top:12px;font-size:10px}.slide-stage h2{max-width:760px;margin:14px 0 18px;font-size:27px}.slide-stage ul{color:#aab2c0;padding-left:20px;font-size:13px;line-height:2}.slide-stage em{color:#6f7b91;font-size:10px;font-style:normal}.studio-share-stage{background:radial-gradient(circle at 50% 40%,#5c61d226,#0000 28%),#0c1017;flex-direction:column;padding:50px}.studio-demo-top{align-items:center;gap:8px;display:flex}.studio-demo-top strong{font-size:14px}.studio-demo-top span{color:#758097;font-size:9px}.studio-demo-flow{align-items:center;gap:12px;margin:70px 0 36px;display:flex}.studio-demo-flow div{background:#171c29;border:1px solid #3b4357;border-radius:10px;place-items:center;width:125px;height:76px;font-size:10px;display:grid}.studio-demo-flow svg{color:#6571e8}.studio-share-stage>button{color:#d3d7ff;background:#292f58;border:1px solid #4c55a0;border-radius:8px;padding:8px 12px}.screen-stage,.camera-stage{color:#9aa5ff;text-align:center;background:radial-gradient(circle at 50% 45%,#505bb033,#0000 25%),#0c1017;flex-direction:column;gap:10px}.screen-stage strong,.camera-stage strong{color:#e8ecf3;font-size:17px}.screen-stage span,.camera-stage span{color:#7b8699;font-size:10px}.screen-stage em{color:#646f82;font-size:9px;font-style:normal}.camera-labels{gap:6px;display:flex}.camera-labels span{background:#151a24;border:1px solid #303849;border-radius:6px;padding:4px 7px;font-size:8px}@media (width<=1450px){.classroom-pro{grid-template-columns:minmax(0,1fr) 285px}.teaching-stage{min-height:430px}.classroom-side{min-height:525px}.student-class-controls button,.teacher-class-controls button{padding:0 7px}.studio-demo-flow div{width:100px}}.identity-summary{grid-template-columns:1.45fr .8fr .8fr;gap:12px;margin-bottom:14px;display:grid}.identity-main-card,.wallet-source-card{background:#11161e;border:1px solid #2b3240;border-radius:12px;padding:14px}.identity-main-card{align-items:center;gap:11px;display:flex}.identity-avatar{color:#9aa4ff;background:#212744;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.identity-main-card>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.identity-main-card span,.wallet-source-card span{color:#6f7a8d;font-size:9px}.identity-main-card strong{font-size:14px}.identity-main-card em,.wallet-source-card em{color:#687386;font-size:8px;font-style:normal}.identity-status{background:#17241d;border:1px solid #355044;border-radius:7px;padding:5px 7px;color:#7bd398!important}.wallet-source-card{flex-direction:column;justify-content:center;gap:5px;display:flex}.wallet-source-card strong{font-size:22px}.wallet-source-card.course{background:#15172a;border-color:#33395e}.role-lifecycle{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;padding:12px 3px;display:grid}.role-lifecycle>div{background:#131821;border:1px solid #2c3342;border-radius:9px;flex-direction:column;gap:4px;min-height:82px;padding:12px;display:flex}.role-lifecycle strong{font-size:10px}.role-lifecycle span{color:#6b7689;font-size:8px;line-height:1.5}.role-lifecycle svg{color:#6671dd}.identity-actions{flex-direction:column;gap:8px;display:flex}.identity-actions button{color:#dce2ea;text-align:left;background:#131821;border:1px solid #2d3442;border-radius:9px;align-items:center;gap:10px;padding:11px;display:flex}.identity-actions button svg{color:#939dff}.identity-actions button>div{flex-direction:column;gap:3px;display:flex}.identity-actions strong{font-size:10px}.identity-actions span{color:#6f7a8d;font-size:8px}.policy-note{background:#141a24;border:1px solid #2d3949;border-radius:10px;align-items:flex-start;gap:9px;margin-top:13px;padding:11px;display:flex}.policy-note svg{color:#8e9aff;flex:none}.policy-note>div{flex-direction:column;gap:3px;display:flex}.policy-note strong{font-size:10px}.policy-note span{color:#728095;font-size:9px;line-height:1.6}.policy-note.compact{margin-top:10px}.wallet-filter-bar{grid-template-columns:150px 150px 180px minmax(240px,1fr) auto;align-items:end;gap:9px;margin:14px 0 10px;display:grid}.wallet-filter-bar label{color:#718096;flex-direction:column;gap:5px;font-size:9px;display:flex}.wallet-filter-bar select,.wallet-filter-bar input{color:#dfe4eb;background:#0f131a;border:1px solid #2d3442;border-radius:8px;height:38px;padding:0 9px}.wallet-ledger{border:1px solid #2a313f;border-radius:11px;overflow:hidden}.wallet-ledger-row{border-top:1px solid #242a35;grid-template-columns:1.25fr .65fr 1.8fr .8fr .7fr .8fr;align-items:center;gap:8px;min-height:54px;padding:8px 10px;font-size:9px;display:grid}.wallet-ledger-row.head{color:#687386;background:#151a23;border-top:none;min-height:36px}.wallet-ledger-row>span:first-child{flex-direction:column;gap:2px;display:flex}.wallet-ledger-row strong{font-size:10px}.wallet-ledger-row em{color:#5f6a7c;font-size:8px;font-style:normal}.ledger-type{background:#202632;border-radius:6px;width:max-content;padding:4px 6px}.ledger-type.充值,.ledger-type.课程赠送{color:#78d296;background:#16251c}.ledger-type.消费{color:#f2b874;background:#261e14}.ledger-plus{color:#75d090}.ledger-minus{color:#efa66d}.wallet-rule-list{flex-direction:column;gap:9px;display:flex}.wallet-rule-list>div{background:#131821;border:1px solid #2b3240;border-radius:9px;flex-direction:column;gap:5px;padding:11px;display:flex}.wallet-rule-list strong{font-size:10px}.wallet-rule-list span{color:#738095;font-size:9px;line-height:1.65}.qa-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:12px;display:grid}.qa-tabs{border-bottom:1px solid #252b36;gap:5px;margin-bottom:9px;padding-bottom:9px;display:flex}.qa-tabs button{color:#768195;background:0 0;border:none;border-radius:7px;padding:7px 9px;font-size:9px}.qa-tabs button.active{color:#fff;background:#252b3b}.qa-list{flex-direction:column;gap:8px;display:flex}.qa-card{background:#11161e;border:1px solid #2b3240;border-radius:10px;padding:11px}.qa-card-top,.qa-card-meta,.qa-card-actions{align-items:center;gap:7px;display:flex}.qa-card-top span,.qa-card-top em,.qa-card-meta span{color:#6e798c;font-size:8px;font-style:normal}.qa-card-top em{margin-left:auto}.qa-card>strong{margin:8px 0;font-size:11px;line-height:1.55;display:block}.qa-card-meta{margin-bottom:9px}.qa-card-actions button{color:#96a2b5;background:#171c26;border:1px solid #303848;border-radius:7px;padding:5px 8px;font-size:8px}.qa-pinned{background:#2b2315;border-radius:5px;padding:3px 5px;color:#f0c36e!important}.qa-side{height:max-content}.qa-side label{color:#718096;flex-direction:column;gap:5px;margin-bottom:9px;font-size:9px;display:flex}.qa-side textarea{color:#e0e5ec;resize:vertical;background:#0d1118;border:1px solid #2d3442;border-radius:9px;min-height:150px;padding:9px}.qa-side select{height:36px}.qa-metrics{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.qa-metrics>div{background:#121720;border:1px solid #2c3341;border-radius:8px;flex-direction:column;gap:3px;padding:9px;display:flex}.qa-metrics span{color:#697488;font-size:8px}.qa-metrics strong{font-size:17px}.class-filter-bar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.class-filter-bar>div{gap:5px;display:flex}.class-filter-bar>div button{color:#778295;background:#121720;border:1px solid #2c3341;border-radius:7px;padding:6px 9px;font-size:9px}.class-filter-bar>div button.active{color:#fff;background:#252b3a}.class-management-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.class-card{background:#11161e;border:1px solid #2b3240;border-radius:11px;padding:12px}.class-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.class-card-head>div{flex-direction:column;gap:3px;display:flex}.class-card-head span{color:#687386;font-size:8px}.class-card-head strong{font-size:12px}.class-card-head em{color:#838ea0;border:1px solid #3a414d;border-radius:6px;padding:4px 6px;font-size:8px;font-style:normal}.class-card-head em.active{color:#7dd496;background:#16231b;border-color:#34503e}.class-card-info{grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0;display:grid}.class-card-info span{color:#647083;background:#0f141b;border:1px solid #272e3b;border-radius:7px;flex-direction:column;gap:3px;padding:8px;font-size:8px;display:flex}.class-card-info strong{color:#cbd2dc;font-size:9px}.class-card-actions{flex-wrap:wrap;gap:6px;display:flex}.class-card-actions button{color:#98a3b5;background:#171c26;border:1px solid #303848;border-radius:7px;padding:6px 8px;font-size:8px}.class-card-actions .primary-btn{color:#fff;background:#5f67ea}.chat-creation-shell{grid-template-columns:220px minmax(0,1fr) 250px;gap:10px;min-height:650px;display:grid}.chat-project-context,.chat-main,.chat-side-panel{background:#10141c;border:1px solid #292f3d;border-radius:12px}.chat-project-context,.chat-side-panel{height:max-content;padding:12px}.chat-project-context>p{color:#677286;margin:3px 0 10px;font-size:8px}.chat-context-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.chat-context-list span{background:#141923;border:1px solid #2c3341;border-radius:7px;justify-content:space-between;padding:7px;font-size:9px;display:flex}.chat-context-list em{color:#667286;font-size:8px;font-style:normal}.chat-context-note{color:#7e89ff;border-top:1px solid #252b36;gap:7px;margin-top:11px;padding-top:10px;display:flex}.chat-context-note span{color:#6d788b;font-size:8px;line-height:1.55}.chat-main{flex-direction:column;display:flex;overflow:hidden}.chat-thread{flex-direction:column;gap:12px;min-height:430px;max-height:510px;padding:18px;display:flex;overflow:auto}.chat-message{gap:8px;max-width:82%;display:flex}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{color:#99a3ff;background:#20263a;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.chat-message>div:last-child{color:#cbd2dc;background:#151a23;border:1px solid #2c3341;border-radius:10px;padding:9px 11px;font-size:10px;line-height:1.65}.chat-message.user>div:last-child{background:#252b4f;border-color:#414a86}.chat-plan-card{background:#171d2c;border:1px solid #3d4561;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin:0 14px 10px;padding:9px;display:flex}.chat-plan-card>div{flex-direction:column;gap:3px;display:flex}.chat-plan-card strong{font-size:10px}.chat-plan-card span{color:#738097;font-size:8px}.chat-composer{border-top:1px solid #252b36;padding:10px}.chat-material-row{flex-wrap:wrap;gap:5px;margin-bottom:7px;display:flex}.chat-material-row button,.chat-material-row span{color:#8f9aac;background:#171c26;border:1px solid #303849;border-radius:6px;padding:4px 7px;font-size:8px}.chat-material-row button{align-items:center;gap:4px;display:flex}.chat-composer textarea{color:#e3e7ee;resize:vertical;background:#0d1118;border:1px solid #303747;border-radius:9px;width:100%;min-height:92px;padding:9px}.chat-composer-bottom{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.chat-composer-bottom span{color:#657084;font-size:8px}.chat-side-panel{flex-direction:column;gap:6px;display:flex}.chat-side-panel>button{color:#9da8b9;text-align:left;background:#141923;border:1px solid #2b3240;border-radius:8px;padding:8px;font-size:9px}.chat-side-panel .run-balance{border-top:1px solid #252b36;margin-top:10px;padding-top:10px}@media (width<=1500px){.identity-summary{grid-template-columns:1.2fr .8fr .8fr}.qa-layout{grid-template-columns:minmax(0,1fr) 290px}.class-management-grid{grid-template-columns:1fr}.chat-creation-shell{grid-template-columns:185px minmax(0,1fr) 210px}.wallet-filter-bar{grid-template-columns:130px 130px 160px minmax(200px,1fr) auto}}@media (width<=1280px){.identity-summary{grid-template-columns:1fr 1fr}.identity-main-card{grid-column:1/-1}.qa-layout,.chat-creation-shell{grid-template-columns:1fr}.chat-project-context,.chat-side-panel{display:none}.wallet-ledger-row{grid-template-columns:1.2fr .6fr 1.5fr .7fr .65fr .7fr}}.definition-main{flex-direction:column;gap:12px;display:flex}.definition-section{background:#10151d;border:1px solid #2b3240;border-radius:10px;padding:12px}.definition-section-title{justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.definition-section-title strong{font-size:11px}.definition-section-title span{color:#657084;font-size:8px}.identity-anchor-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.identity-anchor-grid button{color:#d9dfe8;text-align:left;background:#141923;border:1px solid #2b3240;border-radius:8px;flex-direction:column;gap:5px;min-height:68px;padding:9px;display:flex}.identity-anchor-grid button span{color:#657084;font-size:8px}.identity-anchor-grid button strong{font-size:9px;line-height:1.45}.definition-side-summary{text-align:center;color:#8f9aff;background:#121824;border:1px solid #2d3546;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.definition-side-summary>strong{color:#e4e8ef;font-size:12px}.definition-side-summary>span{color:#6f7a8e;font-size:9px;line-height:1.7}.definition-progress{flex-direction:column;gap:6px;width:100%;margin-top:10px;display:flex}.definition-progress>div{border-top:1px solid #2a3140;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.definition-progress span{color:#6f7a8e;font-size:8px}.definition-progress strong{color:#cfd5df;font-size:9px}.qa-card.selected{background:#151a28;border-color:#5963a2}.qa-answer-preview{color:#8f9aff;background:#121a24;border:1px solid #2e3a4b;border-radius:7px;align-items:flex-start;gap:7px;margin:8px 0;padding:7px;display:flex}.qa-answer-preview span{color:#8590a2;font-size:8px;line-height:1.55}.qa-detail{border-bottom:1px solid #2a303c;margin-bottom:11px;padding-bottom:11px}.qa-detail>strong{margin-bottom:8px;font-size:10px;line-height:1.55;display:block}.qa-detail-answer{background:#111721;border:1px solid #2b3342;border-radius:8px;padding:8px}.qa-detail-answer>span{color:#748094;font-size:8px}.qa-detail-answer p{color:#c0c8d4;margin:5px 0 0;font-size:9px;line-height:1.6}.answer-editor{flex-direction:column;gap:8px;display:flex}.answer-editor>strong{font-size:10px;line-height:1.55}.answer-editor textarea{color:#e1e5eb;resize:vertical;background:#0d1118;border:1px solid #303747;border-radius:8px;min-height:190px;padding:9px}.class-detail-panel{background:#11161f;border:1px solid #333a49;border-radius:12px;margin-top:12px;padding:12px}.class-detail-head{justify-content:space-between;align-items:center;display:flex}.class-detail-head>div{flex-direction:column;gap:3px;display:flex}.class-detail-head span{color:#6f7a8d;font-size:8px}.class-detail-head strong{font-size:13px}.class-detail-tabs{border-bottom:1px solid #282f3c;gap:5px;margin:10px 0;padding-bottom:8px;display:flex}.class-detail-tabs button{color:#778296;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:8px}.class-detail-tabs button.active{color:#fff;background:#252b3b}.class-detail-overview{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.class-detail-info{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.class-detail-info span{color:#697588;background:#0f141b;border:1px solid #29303d;border-radius:8px;flex-direction:column;gap:3px;padding:8px;font-size:8px;display:flex}.class-detail-info strong{color:#cbd2dc;font-size:9px}.class-student-table{border:1px solid #29303d;border-radius:8px;overflow:hidden}.class-student-row{border-top:1px solid #252c38;grid-template-columns:1fr .8fr .7fr .8fr 1fr .6fr;align-items:center;gap:8px;min-height:42px;padding:7px 9px;font-size:8px;display:grid}.class-student-row.head{color:#6f7a8d;background:#151a23;border-top:none}.class-student-row em{color:#8d98aa;font-style:normal}.class-student-row button{color:#a2acbc;background:#171c26;border:1px solid #303849;border-radius:6px;padding:4px 6px;font-size:8px}.lesson-progress-list{flex-direction:column;gap:6px;display:flex}.lesson-progress-list>div{background:#111720;border:1px solid #29303d;border-radius:8px;grid-template-columns:34px 1fr 90px;align-items:center;gap:8px;padding:9px;display:grid}.lesson-progress-list span{color:#6b7688;font-size:8px}.lesson-progress-list strong{font-size:9px}.lesson-progress-list em{color:#8290a4;text-align:right;font-size:8px;font-style:normal}.class-settings-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.class-settings-grid label{color:#718095;flex-direction:column;gap:5px;font-size:8px;display:flex}.class-settings-grid input{color:#dce2e9;background:#0e131a;border:1px solid #2e3543;border-radius:7px;height:36px;padding:0 8px}.class-settings-grid button{grid-column:1/-1;width:max-content}@media (width<=1280px){.wallet-filter-bar{grid-template-columns:1fr 1fr 1fr}.wallet-keyword{grid-column:1/3}.class-detail-overview{grid-template-columns:repeat(2,1fr)}}.post-context-bar{grid-template-columns:1fr .85fr 1.7fr auto;align-items:stretch;gap:8px;margin-bottom:10px;display:grid}.post-context-bar>div{background:#11161e;border:1px solid #29303d;border-radius:9px;flex-direction:column;gap:3px;min-width:0;padding:9px 10px;display:flex}.post-context-bar>div>span{color:#657084;font-size:8px}.post-context-bar>div>strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.post-context-bar>div>em{color:#6f7b8f;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-style:normal;overflow:hidden}.post-context-bar>button{white-space:nowrap;align-self:stretch}.post-source-task{background:#151a29!important;border-color:#384264!important}@media (width<=1450px){.post-context-bar{grid-template-columns:1fr 1fr}.post-context-bar>button{min-height:38px}}.simple-tools button.active{color:#fff;background:#232943;border-color:#5964a8}.transition-library{background:#111720;border:1px solid #303849;border-radius:9px;margin-top:10px;padding:10px}.transition-library-head{justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.transition-library-head strong{font-size:10px}.transition-library-head span{color:#667286;font-size:8px}.transition-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px;display:grid}.transition-grid button{color:#9ca7b7;background:#151a23;border:1px solid #2d3442;border-radius:7px;flex-direction:column;align-items:center;gap:5px;padding:6px 4px;font-size:8px;display:flex}.transition-grid button.active{color:#fff;background:#202641;border-color:#6873e0}.transition-preview{background:linear-gradient(90deg,#39415d 0 48%,#766fd0 52% 100%);border-radius:4px;width:100%;height:23px}.transition-grid button:nth-child(2) .transition-preview{background:linear-gradient(90deg,#39415d,#625f92,#766fd0)}.transition-grid button:nth-child(3) .transition-preview{background:linear-gradient(135deg,#39415d 0 45%,#766fd0 46% 100%)}.transition-grid button:nth-child(4) .transition-preview{background:linear-gradient(315deg,#39415d 0 45%,#766fd0 46% 100%)}.transition-grid button:nth-child(5) .transition-preview{background:linear-gradient(0deg,#39415d 0 45%,#766fd0 46% 100%)}.transition-grid button:nth-child(6) .transition-preview{background:linear-gradient(#39415d 0 45%,#766fd0 46% 100%)}.transition-grid button:nth-child(7) .transition-preview{background:radial-gradient(circle,#766fd0 0 45%,#39415d 47% 100%)}.transition-grid button:nth-child(8) .transition-preview{background:repeating-linear-gradient(45deg,#39415d 0 4px,#766fd0 4px 8px)}.transition-library label{color:#718095;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:8px;display:flex}.transition-library select{width:110px}.character-definition{grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}.definition-main{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.identity-anchor-grid{grid-template-columns:repeat(2,1fr)!important}.definition-side-summary{text-align:left!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important;min-height:0!important;padding:10px 12px!important;display:grid!important}.definition-side-summary>svg{grid-row:1/3}.definition-side-summary>strong{align-self:end}.definition-side-summary>span{align-self:start}.definition-progress{flex-direction:row!important;gap:0!important;width:auto!important;margin:0!important;display:flex!important}.definition-progress>div{border-top:none!important;border-left:1px solid #2a3140!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:0 10px!important;display:flex!important}.design-canvas-panel{min-height:520px}.design-application-note{background:#151b2a;border:1px solid #35405f;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px;display:flex}.design-application-note>div{flex-direction:column;gap:3px;display:flex}.design-application-note strong{font-size:10px}.design-application-note span{color:#78849a;font-size:8px;line-height:1.55}.design-application-note button{color:#aeb8cb;white-space:nowrap;background:#1b2130;border:1px solid #39425a;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;display:flex}.apply-destination{background:#131925;border:1px solid #303849;border-radius:8px;flex-direction:column;gap:3px;margin-bottom:9px;padding:9px;display:flex}.apply-destination span{color:#687489;font-size:8px}.apply-destination strong{font-size:9px;line-height:1.5}.production-context-bar{background:#121824;border:1px solid #303849;border-radius:11px;grid-template-columns:240px 260px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px;padding:9px 10px;display:grid}.production-context-bar>div{grid-template-columns:auto 1fr;align-items:center;gap:2px 7px;min-width:0;display:grid}.production-context-bar svg{color:#909aff;grid-row:1/3}.production-context-bar span{color:#687489;font-size:8px}.production-context-bar strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.production-context-bar em{color:#6e798d;grid-column:2;font-size:8px;font-style:normal}.production-context-bar p{color:#6e798d;margin:0;font-size:8px;line-height:1.55}.chat-design-context{background:#121823;border:1px solid #2d3545;border-radius:8px;flex-direction:column;gap:5px;margin:8px 0 10px;padding:8px;display:flex}.chat-design-context span{color:#8b96aa;align-items:center;gap:5px;font-size:8px;display:flex}.shot-application-bar{background:#151a29;border:1px solid #35405c;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:9px 10px;display:flex}.shot-application-bar>div{grid-template-columns:auto 1fr;align-items:center;gap:2px 7px;display:grid}.shot-application-bar svg{color:#929cff;grid-row:1/3}.shot-application-bar span{color:#6d788d;font-size:8px}.shot-application-bar strong{font-size:9px}.shot-application-bar button{color:#aab4c7;background:#1a2030;border:1px solid #39415a;border-radius:7px;padding:5px 8px;font-size:8px}.style-ref-chip{color:#d7d4ff!important;background:#211e34!important;border-color:#4a4671!important}.generation-inheritance{background:#141a26;border:1px solid #30394c;border-radius:8px;flex-direction:column;gap:3px;padding:8px;display:flex}.generation-inheritance span{color:#69758a;font-size:8px}.generation-inheritance strong{font-size:10px}.generation-inheritance em{color:#7a8598;font-size:8px;font-style:normal}.flow-node{position:relative}.flow-node .react-flow__handle{box-shadow:0 0 0 2px #8d94ff2e;background:#8d94ff!important;border:3px solid #0b0e14!important;width:13px!important;height:13px!important}.flow-node .react-flow__handle:hover{box-shadow:0 0 0 4px #8d94ff33;background:#b9beff!important}.port-label{color:#7f89a0;pointer-events:none;opacity:.95;font-size:7px;position:absolute;top:50%;transform:translateY(-50%)}.port-in{left:-34px}.port-out{right:-35px}.canvas-stage .react-flow__edge-path{stroke:#737cff;stroke-width:2px}.canvas-stage .react-flow__edge.selected .react-flow__edge-path{stroke:#b3b8ff;stroke-width:3px}.canvas-connect-help{z-index:9;color:#8b96a9;white-space:nowrap;pointer-events:none;background:#121824f2;border:1px solid #343d58;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.canvas-connect-help strong{color:#b8beff}.canvas-project-context{background:#111720;border:1px solid #2d3545;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:4px 6px;margin:6px 0 10px;padding:8px;display:grid}.canvas-project-context span{color:#6f7a8d;align-items:center;gap:4px;font-size:8px;display:flex}.canvas-project-context strong{color:#c8d0dc;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}@media (width<=1450px){.production-context-bar{grid-template-columns:1fr 1fr}.production-context-bar p{grid-column:1/2}.production-context-bar>button{grid-column:2;justify-self:end}}@media (width<=1200px){.definition-main{grid-template-columns:1fr!important}.definition-side-summary{grid-template-columns:auto 1fr!important}.definition-progress{grid-column:1/-1!important;width:100%!important}}.node-inheritance-card{background:#151b28;border:1px solid #353e57;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:9px;padding:8px;display:flex}.node-inheritance-card>span{color:#69758a;font-size:8px}.node-inheritance-card>strong{color:#cbd3df;align-items:center;gap:5px;font-size:8px;display:flex}.node-inheritance-card>strong svg{color:#919aff}.node-inheritance-card>em{color:#667286;font-size:7px;font-style:normal;line-height:1.5}