.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--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: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--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: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--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 rgba(0, 0, 0, .08);--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{position:absolute;width:100%;height:100%;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{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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;-moz-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:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.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:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;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%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;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{position:absolute;z-index:5;margin:15px}.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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;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))}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.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{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:13px;color-scheme:light;--bg: #f5f6f8;--surface: #ffffff;--surface-soft: #f8f9fa;--surface-hover: #f0f2f5;--ink: #252a32;--muted: #747c88;--subtle: #9098a2;--line: #e6e8ed;--line-strong: #d4d9e0;--accent: #bd512f;--accent-hover: #a64123;--accent-soft: #fff0e9;--accent-border: #f2c8b7;--text-port: #6698d1;--image-port: #61a68a;--video-port: #a184c8;--audio-port: #cc9d51;--endpoint-port: #9ba1ae;--success: #388365;--success-soft: #eaf6ef;--error: #b33e40;--error-soft: #fff0ef;--grid: #d9dfe7;--draft-minor: #e0e5eb;--draft-major: #c5d0db;--draft-axis: #708998;--shadow: 0 6px 22px #192a4110, 0 1px 3px #192a4108;--shadow-lg: 0 24px 80px #13203825, 0 4px 16px #1320380a;color:var(--ink);background:var(--bg)}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1016;--surface: #151b23;--surface-soft: #1b232d;--surface-hover: #27323e;--ink: #e9ebef;--muted: #a2aab6;--subtle: #818b98;--line: #2a3440;--line-strong: #435160;--accent: #f09572;--accent-hover: #f7b195;--accent-soft: #3e2e2a;--accent-border: #6a493a;--success: #8dceb0;--success-soft: #253d33;--error: #f39b9d;--error-soft: #432c32;--grid: #25303b;--draft-minor: #1b2835;--draft-major: #304455;--draft-axis: #7c98ab;--shadow: 0 6px 24px #00000030;--shadow-lg: 0 24px 80px #00000070}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button,input,textarea,select,summary,a{-webkit-tap-highlight-color:transparent}button,.file-button,.import-project,.project-menu>summary{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 12px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}button:hover,.file-button:hover,.import-project:hover{background:var(--surface-hover);border-color:var(--line-strong)}button:disabled,.disabled{opacity:.42;cursor:not-allowed}button:disabled:hover{background:var(--surface)}input,textarea,select{display:block;width:100%;min-width:0;background:var(--surface-soft);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:9px 10px;line-height:1.55;transition:border-color .15s,box-shadow .15s}input:hover,textarea:hover,select:hover{border-color:var(--line-strong)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--subtle)}input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:var(--accent)}input[readonly],textarea[readonly]{color:var(--muted)}textarea{min-height:92px;resize:vertical;line-height:1.8}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0;vertical-align:middle}small{line-height:1.6}kbd{font-size:10px;font-family:inherit;padding:2px 5px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:var(--surface-soft);white-space:nowrap}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.icon-button{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;color:var(--muted);background:transparent;flex-shrink:0}.icon-button:hover{color:var(--ink);background:var(--surface-hover);border-color:transparent}.icon-button[aria-pressed=true],.icon-button.active{background:var(--accent-soft);color:var(--accent)}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.primary-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}:root[data-theme=dark] .primary-button{color:#241b17}.danger-button{background:var(--error);color:#fff;border-color:var(--error)}.danger-hover:hover{color:var(--error);background:var(--error-soft)}.subtle-button{background:var(--surface-soft);display:inline-flex;align-items:center;justify-content:center;gap:6px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.8px;font-weight:600}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:35px;height:37px;display:grid;place-items:center;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.brand-mark img{width:31px;height:31px;object-fit:contain}.brand-word{font-size:20px;letter-spacing:3px;font-weight:750;line-height:1.25}.brand-word small{display:block;color:var(--muted);letter-spacing:1.7px;font-size:7px;font-weight:600;margin-top:3px}.studio-app{height:100vh;height:100dvh;display:flex;flex-direction:column;min-width:360px;overflow:hidden}.studio-header{height:68px;flex-shrink:0;display:flex;align-items:center;padding:0 20px;gap:18px;background:var(--surface);border-bottom:1px solid var(--line);z-index:20}.workspace-bar{display:flex;align-items:center;gap:3px;min-width:0}.workspace-divider{width:1px;height:25px;background:var(--line);margin:0 15px 0 7px}.project-picker{position:relative;display:flex;align-items:center;gap:9px;min-width:130px;max-width:225px}.project-picker>svg{color:var(--muted)}.project-picker>svg:last-child{position:absolute;right:7px;pointer-events:none}.project-picker select{appearance:none;border:0;background:transparent;padding:8px 21px 8px 0;font-weight:600;overflow:hidden;text-overflow:ellipsis}.project-picker select:focus{box-shadow:none;outline:2px solid var(--accent-soft)}.save-state{color:var(--success);display:flex;gap:5px;align-items:center;font-size:11px;white-space:nowrap}.save-state.saving{color:var(--muted)}.save-state.failed{color:var(--error)}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.history-actions{display:flex;align-items:center;gap:1px;border-right:1px solid var(--line);padding-right:9px}.header-search,.library-trigger{display:flex;align-items:center;justify-content:center;gap:7px;height:34px;font-size:12px}.header-search{border:0;background:var(--surface-soft);color:var(--muted)}.header-search kbd{margin-left:10px;padding:1px 4px;background:var(--surface)}.project-menu{position:relative}.project-menu>summary{display:flex;height:34px;align-items:center;gap:7px;list-style:none;font-size:12px;color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.project-menu>summary::-webkit-details-marker{display:none}.project-menu-content{position:absolute;right:0;top:calc(100% + 8px);width:214px;padding:6px;background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--line);border-radius:11px;z-index:40}.project-menu-content button,.project-menu-content .import-project{display:flex;align-items:center;gap:8px;width:100%;padding:11px 9px;border:0;font-size:12px}.project-menu-content small{margin-left:auto;color:var(--muted);font-size:10px}.import-project,.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;overflow:hidden}.import-project input,.file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0}.import-project:focus-within,.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.studio-body{display:flex;flex:1;min-height:0;position:relative;--panel-w: 264px;--panel-head-h: 68px}.node-catalog{position:absolute;left:0;top:0;bottom:0;width:var(--panel-w);display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);min-height:0;z-index:17;box-shadow:14px 0 30px #18233412}.panel-head-actions{margin-left:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.panel-head-actions .icon-button.is-pinned{color:var(--accent);background:var(--accent-soft, #e77f5114)}.catalog-search{margin:0 16px;height:36px;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:7px;color:var(--muted)}.catalog-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.catalog-search input{padding:0;background:transparent;border:0!important;height:100%;outline:0!important;box-shadow:none!important;font-size:11px}.catalog-search input:focus{outline:0!important;border:0!important;box-shadow:none!important}.catalog-search .icon-button{width:19px;height:23px}.catalog-search .icon-button svg{width:13px;height:13px}.catalog-filters{display:flex;gap:3px;margin:13px 16px 3px;padding:3px;border-radius:7px;background:var(--surface-soft)}.catalog-filters button{flex:1;padding:5px 0;background:transparent;border:0;border-radius:5px;color:var(--muted);font-size:11px}.catalog-filters button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 4px #1724340c;font-weight:600}.catalog-scroll{padding:8px 11px 18px;flex:1;min-height:0;overflow:auto}.catalog-group{margin:7px 0 14px}.catalog-group h3{padding:4px 9px 8px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.catalog-group h3 span{color:var(--subtle);font-size:10px}.catalog-item{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:10px;padding:9px 8px;width:100%;text-align:left;margin:2px 0;border-radius:8px;min-width:0}.catalog-item:hover{border-color:var(--line);background:var(--surface-soft)}.catalog-item>span:nth-child(2){min-width:0;flex:1}.catalog-item strong{font-size:12px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-item small{display:block;font-size:9px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-item>svg:last-child{color:var(--subtle);opacity:0}.catalog-item:hover>svg:last-child,.catalog-item:focus-visible>svg:last-child{opacity:1}.catalog-item.active{background:var(--accent-soft);border-color:var(--accent-border)}.catalog-foot{flex-shrink:0;padding:14px;color:var(--muted);font-size:10px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px}.type-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;color:#777f8f;background:#f1f3f6}.type-text{color:#5c83b8;background:#edf3fb}.type-image,.type-cloudImage{color:#528b75;background:#ebf5ef}.type-video,.type-cloudVideo{color:#8b71b0;background:#f2edf8}.type-cloudAudio{color:#c08a2b;background:#fbf3e3}.type-audio{color:#a58342;background:#faf4e9}.type-generate{color:#ad7148;background:#fbf1e9}.type-polish{color:#b37399;background:#f9eef5}.type-comfyui,.type-router,.type-cloud{color:#7b8596;background:#f0f2f6}.type-balance{color:#8b9157;background:#f4f5e9}:root[data-theme=dark] .type-icon{background:var(--surface-hover)}.graph{flex:1;min-width:0;position:relative;overflow:hidden;background:var(--bg);--safe-left: 0px;--safe-right: 0px}.studio-body[data-panel-left=open] .graph{--safe-left: var(--panel-w)}.studio-body[data-panel-right=open] .graph{--safe-right: var(--panel-w)}.canvas-topline{position:absolute;top:18px;left:calc(24px + var(--safe-left));right:calc(23px + var(--safe-right));z-index:3;pointer-events:none;display:flex;justify-content:flex-start;gap:8px;align-items:center;color:var(--muted);font-size:11px}.canvas-topline>span:first-child{display:inline-flex;align-items:center;gap:8px}.canvas-count{font-size:10px;background:var(--surface);color:var(--subtle);border:1px solid var(--line);border-radius:5px;padding:2px 5px;margin-left:2px}.canvas-hint{position:absolute;right:calc(12px + var(--safe-right));bottom:12px;z-index:4;padding:4px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);font-size:10px;line-height:1.6;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow)}.react-flow{--xy-background-color-default: var(--bg);--xy-background-pattern-dots-color-default: var(--grid);--xy-selection-background-color-default: #e77f5120;--xy-selection-border-default: 1px solid var(--accent)}.drafting-board{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.drafting-grid{display:block;overflow:hidden;pointer-events:none}.drafting-axis line,.drafting-axis path{fill:none;vector-effect:non-scaling-stroke}.drafting-axis line,.drafting-axis path{stroke:var(--draft-axis);stroke-width:1.1}.drafting-axis .drafting-tick-minor{stroke-width:.8;opacity:.75}.drafting-axis text,.drafting-origin text{fill:var(--draft-axis);stroke:var(--bg);stroke-width:3px;stroke-linejoin:round;paint-order:stroke fill;font-family:inherit;font-size:10px;font-variant-numeric:tabular-nums}.drafting-axis .drafting-axis-name{font-size:11px;font-weight:650}.drafting-origin circle{fill:var(--surface);stroke:var(--accent);stroke-width:1.5}.drafting-origin text{fill:var(--accent);font-size:11px;font-weight:700}.drafting-readout{position:absolute;top:18px;right:24px;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;max-width:min(420px,calc(100% - 48px));padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--muted);font-size:10px;line-height:1.45;font-variant-numeric:tabular-nums;pointer-events:none;max-width:calc(100% - 48px);overflow:hidden}.drafting-readout>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;cursor:help}.drafting-readout>button{pointer-events:auto}.drafting-pointer code{display:inline-block;min-width:35px;padding:0 2px;color:var(--ink);font:inherit;text-align:right}.drafting-pixel-mode{color:var(--muted)}.drafting-pixel-mode.is-native,.zoom-value.is-native{color:var(--accent)}.zoom-value.is-native{background:var(--accent-soft)}.drafting-origin-hint{border:0;padding:2px 7px;border-radius:5px;background:var(--accent-soft);color:var(--subtle);font:inherit;cursor:pointer}.drafting-origin-hint:hover,.drafting-origin-hint:focus-visible{color:var(--accent);background:var(--surface)}@media (max-width: 760px){.drafting-readout{top:49px;right:13px;max-width:calc(100% - 26px);gap:4px 8px;font-size:9px}.drafting-origin-hint{display:none}}.canvas-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;padding:5px 7px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);z-index:5}.mode-controls{display:flex;gap:2px}.canvas-controls .icon-button{width:31px;height:31px}.control-divider{width:1px;height:19px;margin:0 4px;background:var(--line)}.zoom-value{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:73px;padding:7px 4px;font-size:11px;border:0;font-variant-numeric:tabular-nums;white-space:nowrap}.zoom-label{color:var(--muted);font-size:10px}.port-legend{position:absolute;bottom:10px;left:calc(19px + var(--safe-left));display:flex;align-items:center;gap:9px;color:var(--subtle);font-size:9px;pointer-events:none}.port-legend span{display:inline-flex;gap:4px;align-items:center}.port-legend span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--endpoint-port)}.port-legend .legend-text:before{background:var(--text-port)}.port-legend .legend-image:before{background:var(--image-port)}.port-legend .legend-video:before{background:var(--video-port)}.port-legend .legend-audio:before{background:var(--audio-port)}.react-flow__minimap{width:150px;height:100px;border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface);--xy-minimap-background-color-default: var(--surface);--xy-minimap-mask-background-color-default: #99999922;--xy-minimap-node-background-color-default: var(--line-strong);margin-bottom:48px;margin-right:var(--safe-right)}.canvas-welcome{position:absolute;left:calc(50% + (var(--safe-left) - var(--safe-right)) / 2);top:47%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 72px));text-align:center;z-index:2}.welcome-eyebrow{font-size:9px;letter-spacing:2px;color:var(--subtle);display:flex;gap:7px;align-items:center;justify-content:center}.welcome-eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.welcome-diagram{margin:29px auto 22px;display:flex;align-items:center;justify-content:center}.diagram-tile{display:grid;place-items:center;width:50px;height:57px;border:1px solid var(--line);background:var(--surface);border-radius:12px;color:var(--muted);box-shadow:var(--shadow);transform:rotate(-8deg)}.diagram-tile:last-child{transform:rotate(8deg);color:#709881}.diagram-tile.center{width:66px;height:70px;color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft);transform:rotate(0);border-radius:16px}.diagram-wire{width:51px;height:1px;background:var(--line-strong);position:relative}.diagram-wire:before,.diagram-wire:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong);top:-2px}.diagram-wire:before{left:4px}.diagram-wire:after{right:4px}.canvas-welcome h1{font-size:31px;font-weight:650;letter-spacing:1px;margin:0 0 13px}.canvas-welcome>p{font-size:12px;color:var(--muted);line-height:1.9}.welcome-actions{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:13px}.welcome-actions button{padding:11px 16px;font-size:12px;border-radius:8px}.welcome-actions>span{font-size:10px;color:var(--subtle)}.starter-heading{margin:38px 0 16px;display:flex;align-items:center;gap:12px;justify-content:center;font-size:10px;color:var(--subtle)}.starter-heading span{width:42px;height:1px;background:var(--line-strong)}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.starter-card{text-align:left;padding:18px 16px;background:var(--surface);border:1px solid var(--line);border-radius:11px;position:relative;box-shadow:0 2px 4px #17243403}.starter-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow);background:var(--surface)}.starter-card .type-icon{margin-bottom:15px;width:35px;height:35px;border-radius:10px}.starter-card strong{display:block;font-size:12px;font-weight:600}.starter-card small{display:block;margin-top:6px;font-size:9px;color:var(--muted);white-space:nowrap}.starter-arrow{position:absolute;right:14px;top:26px;color:var(--subtle)}.starter-card:hover .starter-arrow{color:var(--accent)}.welcome-note{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--subtle);font-size:9px;margin-top:20px}.studio-inspector{position:absolute;right:0;top:0;bottom:0;width:var(--panel-w);display:flex;flex-direction:column;min-height:0;background:var(--surface);border-left:1px solid var(--line);z-index:18;box-shadow:-14px 0 30px #18233412}.panel-tabs{display:flex;align-items:center;min-height:var(--panel-head-h);flex-shrink:0;padding:10px 12px 10px 16px;border-bottom:1px solid var(--line);gap:17px}.panel-tabs>button:not(.icon-button){border:0;border-radius:0;background:transparent;height:100%;padding:0 1px;color:var(--muted);font-size:12px;position:relative}.panel-tabs>button[aria-pressed=true]{color:var(--ink);font-weight:600}.panel-tabs>button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;height:2px;background:var(--accent);left:0;right:0}.panel-tabs .icon-button{margin-left:auto;width:25px;height:25px}.count-dot{display:inline-block;background:var(--accent-soft);color:var(--accent);font-size:9px;border-radius:4px;padding:0 4px;margin-left:4px}.inspector-content{flex:1;min-height:0;overflow:auto;padding:23px 19px}.overview-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.overview-heading h3{font-size:16px;font-weight:600;margin:10px 0 8px}.overview-heading p,.task-heading p{color:var(--muted);font-size:10px;line-height:1.8}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);margin:21px 0 22px;gap:8px}.stat-grid>div{display:flex;flex-direction:column;padding:14px 15px;border-radius:8px;background:var(--surface-soft);border:1px solid var(--line)}.stat-grid strong{font-size:24px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.stat-grid span{font-size:9px;color:var(--muted);margin-top:8px}.selection-empty{text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:9px;padding:22px 13px}.selection-empty>svg{color:var(--subtle);margin-bottom:14px}.selection-empty strong{display:block;font-size:11px;font-weight:500}.selection-empty p{font-size:10px;color:var(--subtle);line-height:1.8;margin-top:7px}.inspector-guide{margin-top:27px}.inspector-guide h4,.selection-card h4{font-size:11px;font-weight:600;margin-bottom:16px}.inspector-guide>div{display:flex;gap:11px;margin-bottom:19px;align-items:flex-start}.inspector-guide b{font-size:9px;font-weight:500;background:var(--surface-soft);border:1px solid var(--line);border-radius:50%;width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;color:var(--muted)}.inspector-guide strong{display:block;font-size:11px;font-weight:500;margin-bottom:5px}.inspector-guide span{color:var(--muted);font-size:10px;line-height:1.8;display:block}.inspector-footer{border-top:1px solid var(--line);padding:13px 15px;display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.selection-card{border-top:1px solid var(--line);padding-top:18px}.selection-card h4{display:flex;gap:6px;align-items:center;color:var(--muted)}.selection-type{display:flex;gap:8px;align-items:center;font-size:11px;margin-bottom:15px}.selection-type .type-icon{width:27px;height:27px;border-radius:6px}.selection-type .node-state{margin-left:auto}.inspector-label{color:var(--muted);display:block;font-size:10px}.inspector-label input{margin:7px 0 8px;font-size:12px}.selection-card>small{font-size:9px;color:var(--subtle)}.inspector-hint{margin-top:13px;padding:10px;background:var(--accent-soft);border-radius:7px;display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.9;color:var(--accent)}.inspector-hint.info{background:var(--surface-soft);color:var(--muted)}.inspector-hint svg{margin-top:3px}.selection-card .subtle-button{margin-top:12px;width:100%;font-size:11px}.task-heading h3{font-size:14px;margin-bottom:8px}.task-filters{display:flex;margin:17px 0;gap:5px}.task-filters button{font-size:10px;padding:5px 9px;background:var(--surface-soft)}.task-filters button[aria-pressed=true]{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.task-card{display:grid;grid-template-columns:7px 1fr 14px;gap:8px;width:100%;text-align:left;padding:13px 12px;margin-bottom:9px;background:var(--surface-soft)}.task-card strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card>small{grid-column:2 / -1;color:var(--muted);font-size:10px}.task-card>p{grid-column:1 / -1;font-size:10px;color:var(--error);overflow-wrap:anywhere;line-height:1.7}.task-card progress{grid-column:1 / -1;height:5px;width:100%;accent-color:var(--accent)}.task-dot{width:6px;height:6px;border-radius:50%;margin-top:5px;background:var(--endpoint-port)}.task-dot.error{background:var(--error)}.task-dot.success{background:var(--success)}.task-dot.running{background:var(--accent)}.task-disclaimer{margin-top:24px;padding-top:13px;border-top:1px solid var(--line);color:var(--subtle);font-size:10px;line-height:1.8}.panel-empty{text-align:center;padding:33px 10px;color:var(--subtle)}.panel-empty strong{display:block;font-size:12px;color:var(--muted);margin-top:17px;font-weight:500}.panel-empty p{font-size:11px;margin-top:9px;line-height:1.9}.panel-empty button{margin-top:16px;font-size:11px}.node{width:100%;height:100%;min-height:160px;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:box-shadow .15s,border-color .15s}.node.group-config{border-style:solid;border-radius:8px}.node.group-agent{border-style:dashed}.node.group-process{border-top:3px solid var(--accent-border)}.node.group-finance{border-top:3px solid #d9deb8}.react-flow__node.selected>.node{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow)}.node.running{border-color:var(--accent-border)}.node>header{position:relative;padding:11px 13px;min-height:47px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);cursor:grab;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;background:var(--surface);flex-shrink:0}.node>header:active{cursor:grabbing}.node>header strong{font-size:13px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}.node-type-symbol{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;border-radius:6px}.node-header-actions{display:flex;align-items:center;gap:1px;margin-left:auto}.node>header .icon-button{width:23px;height:25px;border-radius:5px}.node>header .icon-button svg{width:13px;height:13px}.node-state{color:var(--subtle);font-size:9px;padding:2px 5px;border-radius:4px;background:var(--surface-soft);white-space:nowrap;font-weight:400}.node-state.running{color:var(--accent);background:var(--accent-soft)}.node-state.error{color:var(--error);background:var(--error-soft)}.node-state.success{color:var(--success);background:var(--success-soft)}.node-body{padding:10px 14px 15px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.node-body>*{max-width:100%;min-width:0;flex-shrink:0}.node-body input,.node-body textarea,.node-body select,.node-body button{font-size:12px}.node small{color:var(--muted);font-size:10px;line-height:1.8;overflow-wrap:anywhere}.output-row,.port-row{position:relative;min-height:25px;display:flex;align-items:center;font-size:10px;color:var(--muted)}.output-row{justify-content:flex-end}.port-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.port-row .react-flow__handle{left:-15px}.output-row .react-flow__handle{right:-15px}.react-flow__handle{width:11px;height:11px;border:2px solid var(--surface);background:var(--endpoint-port);box-shadow:0 0 0 1px var(--line-strong);transition:box-shadow .15s}.react-flow__handle:hover,.react-flow__handle.valid{box-shadow:0 0 0 4px var(--accent-soft)}.react-flow__handle.text{background:var(--text-port)}.react-flow__handle.image{background:var(--image-port)}.react-flow__handle.video{background:var(--video-port)}.react-flow__handle.audio{background:var(--audio-port)}.react-flow__handle.endpoint{background:var(--endpoint-port)}.react-flow__edge-path{stroke:var(--endpoint-port);stroke-width:1.7}.edge-text .react-flow__edge-path{stroke:var(--text-port)}.edge-image .react-flow__edge-path{stroke:var(--image-port)}.edge-video .react-flow__edge-path{stroke:var(--video-port)}.edge-audio .react-flow__edge-path{stroke:var(--audio-port)}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--accent);stroke-width:2.8}.react-flow__resize-control.handle{background:var(--surface);border:1.5px solid var(--accent);border-radius:2px;width:7px;height:7px}.react-flow__resize-control.line{border-color:var(--accent)}.disconnect{font-size:9px!important;border:1px solid var(--line);padding:2px 5px;margin-left:auto;background:var(--surface-soft);color:var(--muted);border-radius:4px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted);min-width:0}.field>span{font-size:11px;color:var(--muted)}.field-pair{display:flex;gap:10px}.field-pair>label{flex:1;min-width:0}.field-hint{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.bound{background:var(--success-soft);color:var(--success);font-size:10px;line-height:1.75;border-radius:6px;padding:8px 10px;overflow-wrap:anywhere}.cloud-fields{padding:0;border:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:13px}.cloud-fields[disabled]{opacity:.68}.check-field{display:flex;flex-direction:row;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.generate-actions{display:flex;align-items:center;gap:10px;margin-top:5px;padding-top:11px;border-top:1px solid var(--line)}.generate-actions label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);flex-shrink:0}.generate-actions label input{width:59px;height:35px;padding:5px 7px}.generate-actions>button{flex:1;border-color:var(--accent);background:var(--accent);color:#fff;border-radius:7px;font-size:12px;font-weight:600;min-height:35px}.generate-actions>button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}:root[data-theme=dark] .generate-actions>button{color:#241b17}.generate-actions.connection-check{align-items:flex-start;flex-wrap:wrap}.connection-check>button{flex:0 0 auto;padding-left:18px;padding-right:18px}.connection-status{flex:1;min-width:100px;padding-top:4px}.view-toggle{display:flex;gap:4px;padding:4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.view-toggle button{flex:1;border:0;padding:6px;background:transparent;color:var(--muted)}.view-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #17243415}.field-group,.context,.provenance,.task-records{border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;padding:0 10px}.field-group>summary,.context>summary,.provenance>summary,.task-records>summary{font-size:11px;color:var(--muted);cursor:pointer;padding:10px 0;line-height:1.6}.field-group[open]>summary,.context[open]>summary,.provenance[open]>summary,.task-records[open]>summary{margin-bottom:8px;border-bottom:1px solid var(--line)}.field-group>.field,.field-classify{margin:10px 0}.field-group-unconfirmed{border-color:var(--accent-border)}.field-group-unconfirmed>summary{color:var(--accent)}.tier-select{font-size:10px!important;margin-bottom:7px}.context pre{color:var(--muted);font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;line-height:1.8}.context img,.context video{max-width:100%;max-height:170px;border-radius:6px}.preview{height:190px;background:var(--surface-soft);display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.preview img,.preview video{width:100%;height:100%;object-fit:contain}.preview audio{width:100%;max-width:100%}.empty-media{color:var(--subtle);font-size:30px;text-align:center}.empty-media small{display:block;font-size:10px;margin-top:8px}.empty-upload{padding:15px;border:0;background:transparent;color:var(--muted);font-size:11px!important;width:100%;height:100%}.empty-upload:hover{background:var(--accent-soft);color:var(--accent);border:0}.media-drop{border-style:dashed}.media-drop:has(img),.media-drop:has(video){border-style:solid}.media-actions{display:flex;gap:5px;flex-wrap:wrap}.media-actions button{font-size:10px;padding:5px 8px;color:var(--muted);background:var(--surface-soft)}.hidden-file{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0;opacity:0}.media-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-tabs{display:flex;flex-wrap:wrap;gap:5px}.result-tabs button{padding:4px 8px;font-size:10px}.result-tabs [aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.progress{height:4px;background:var(--line);border-radius:3px;overflow:hidden;margin:6px 0}.progress>.bar{height:100%;background:var(--accent);border-radius:inherit;max-width:100%}.progress>.bar.unknown{width:30%;animation:indeterminate 1.7s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-110%)}to{transform:translate(450%)}}.run-progress{display:flex;flex-direction:column;gap:9px}.run-line{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.run-error{color:var(--error)!important}.task-records>div{padding:8px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px;font-size:11px}.task-records code{font-size:9px;overflow-wrap:anywhere;color:var(--muted)}.task-records button{font-size:10px;padding:5px 8px}.run-exchange{border-top:1px dashed var(--line);padding-top:6px}.run-exchange>summary{font-size:10px;color:var(--muted);cursor:pointer}.exchange-block{display:flex;flex-direction:column;gap:4px;margin:6px 0 2px}.exchange-block .exchange-line{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.exchange-block code,.exchange-status{font-size:9px;overflow-wrap:anywhere;color:var(--ink)}.exchange-status{color:var(--muted)}.exchange-block pre{margin:0;max-height:160px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:9px;line-height:1.5;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;padding:6px 8px}.machine-info{background:var(--surface-soft);border:1px solid var(--line);padding:10px;border-radius:7px}.machine-device{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.machine-name{flex:1;font-size:11px;overflow-wrap:anywhere}.machine-device small{width:100%;font-size:9px}.machine-load{position:relative;font-size:9px;min-width:53px;padding:3px 6px;border-radius:4px;overflow:hidden;background:var(--line);text-align:right}.machine-load>i{position:absolute;inset:0 auto 0 0;background:#7cac9228}.machine-queue{border-top:1px solid var(--line);padding-top:8px;font-size:10px;color:var(--muted)}.machine-sys{display:block;font-size:9px!important;margin-top:8px}.router-list{display:flex;flex-direction:column;gap:6px}.router-item{padding:9px;border:1px solid var(--line);border-radius:6px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;background:var(--surface-soft)}.router-item.chosen{border-color:var(--success);background:var(--success-soft)}.router-item.offline{opacity:.6}.router-name{flex:1}.router-state{color:var(--muted)}.router-chosen{width:100%;font-size:9px;color:var(--success);font-style:normal}.prov-meta{margin:7px 0}.prov-meta>div{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}.prov-meta dt{color:var(--subtle);font-size:9px}.prov-meta dd{margin:0;font-size:10px;overflow-wrap:anywhere;line-height:1.7}.prov-meta code{font-size:9px}.prov-fields>summary{font-size:10px;color:var(--muted);cursor:pointer}.prov-copy{width:100%;margin:7px 0 10px;font-size:10px!important}.error,.node-error{background:var(--error-soft);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 22%,transparent);border-radius:8px;padding:11px 13px;line-height:1.75;overflow-wrap:anywhere;font-size:12px}.canvas-error{position:absolute;top:51px;left:calc(18px + var(--safe-left));right:calc(18px + var(--safe-right));z-index:15;display:flex;align-items:flex-start;gap:8px;box-shadow:var(--shadow);max-height:170px;overflow:auto}.canvas-error>svg{margin-top:4px}.canvas-error>span{flex:1;min-width:0}.canvas-error .icon-button{color:inherit;width:23px;height:23px}.node-error{font-size:11px;padding:8px 10px}.error-notice{display:flex;align-items:flex-start;gap:8px}.error-notice>svg{margin-top:2px;flex:0 0 auto}.error-notice-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.error-notice-text strong{font-size:12px;font-weight:600}.error-notice-text small{font-size:11px;line-height:1.6;opacity:.9}.error-notice-detail summary{cursor:pointer;font-size:11px;opacity:.85}.error-notice-detail code{display:block;margin-top:4px;padding:6px 8px;border-radius:6px;background:color-mix(in srgb,var(--error) 8%,transparent);font-size:10px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.canvas-error>.error-notice-text{flex:1;min-width:0}.error-hint{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.studio-toast{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);padding:11px 15px;border-radius:9px;font-size:11px;z-index:16;max-width:calc(100% - 30px);width:max-content;overflow-wrap:anywhere;pointer-events:none}.studio-toast>svg{flex-shrink:0;color:var(--success)}.studio-dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:0;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 52px);box-shadow:var(--shadow-lg);overflow:auto}.studio-dialog::backdrop{background:#18233460;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:24px 25px 20px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:19px;font-weight:650}.dialog-header p{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.8}.dialog-header .icon-button{margin:-3px -5px 0 0}.form-dialog{width:min(445px,calc(100vw - 32px))}.form-dialog .dialog-header{border:0;padding-bottom:16px}.dialog-field{display:block;margin:2px 25px 20px;font-size:11px;color:var(--muted)}.dialog-field input{margin-top:8px;font-size:13px}.dialog-field small{display:block;text-align:right;font-size:10px;margin-top:4px}.dialog-footer{display:flex;justify-content:flex-end;gap:9px;padding:17px 25px 22px}.dialog-footer button{min-width:80px;font-size:12px}.command-dialog{width:min(580px,calc(100vw - 32px))}.command-dialog .dialog-header{padding-bottom:16px;border:0}.command-search{display:flex;align-items:center;gap:11px;padding:0 25px 15px;border-bottom:1px solid var(--line);color:var(--muted)}.command-search input{background:transparent;border:0;box-shadow:none;font-size:14px;padding-left:0}.command-search input:focus{box-shadow:none}.command-results{max-height:min(410px,50dvh);overflow:auto;padding:8px}.command-results>button{display:flex;gap:10px;align-items:center;border:0;width:100%;text-align:left;padding:9px 12px;background:transparent}.command-results>button[data-active=true]{background:var(--accent-soft)}.command-results strong{font-size:12px;font-weight:500}.command-results small{color:var(--muted);font-size:10px;margin-left:auto}.command-results>button>svg{color:var(--subtle)}.command-footer{padding:13px 21px;border-top:1px solid var(--line);display:flex;gap:17px;font-size:10px;color:var(--muted)}.command-footer span{display:flex;align-items:center;gap:5px}.no-results{padding:30px;text-align:center;color:var(--muted);font-size:12px}.help-body{padding:23px 25px}.help-body section+section{margin-top:24px}.help-body h3{font-size:13px;margin-bottom:14px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:11px 0;font-size:11px;color:var(--muted)}.help-body p{font-size:12px;color:var(--muted);line-height:1.95;margin:9px 0}.help-note{border-radius:9px;background:var(--accent-soft);padding:12px 15px;display:flex;align-items:flex-start;gap:12px}.help-note>svg{margin-top:11px;color:var(--accent)}.help-note p{color:var(--accent)}.asset-library{width:min(940px,calc(100vw - 40px))}.tool-placeholder{display:flex;flex-direction:column;gap:5px;padding:12px;background:var(--surface-soft);border-radius:8px}.tool-placeholder small{color:var(--muted)}.tool-primary{width:100%;margin-top:10px}.media-tool-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#172434aa}.media-tool-dialog{width:100%;height:100%;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden}.media-tool-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.media-tool-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--bg)}.media-tool-body .preview{flex:1;min-height:0}.image-editor-host{flex:1;min-height:0;background:#20242b}.image-editor-host .tui-image-editor-container{height:100%}.media-tool-actions{display:flex;gap:8px;flex-wrap:wrap}.compare-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#111}.compare-stage .preview{height:100%}.compare-layer{position:absolute;inset:0}.compare-layer>img,.compare-layer>video{width:100%;height:100%;object-fit:contain}.compare-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.compare-inline{cursor:zoom-in;border-radius:8px;overflow:hidden}.compare-inline-stage{height:180px;min-height:140px}.compare-layer .preview{height:100%}.compare-b{clip-path:inset(0 0 0 50%)}.compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff}.library-toolbar{display:flex;align-items:center;gap:15px;padding:20px 25px}.library-toolbar .catalog-search{flex:1;min-width:0;margin:0;height:39px}.library-toolbar .catalog-search input{min-width:0}.library-toolbar .file-button,.library-toolbar .library-refresh{flex:0 0 auto;white-space:nowrap}.library-toolbar input{font-size:12px}.library-toolbar .file-button{height:39px;font-size:12px;padding:9px 15px}.library-filters{display:flex;align-items:center;gap:8px;padding:0 25px 18px;border-bottom:1px solid var(--line)}.library-filters button{border:0;font-size:11px;padding:6px 10px;color:var(--muted);background:transparent}.library-filters button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.library-filters button span{display:inline-block;margin-left:6px;font-size:9px;opacity:.7}.library-total{margin-left:auto;font-size:10px;color:var(--subtle)}.library-content{padding:23px 25px;min-height:280px;max-height:min(480px,54dvh);overflow:auto;background:var(--surface-soft)}.library-content.dragging{outline:2px dashed var(--accent);outline-offset:-10px;background:var(--accent-soft)}.asset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px}.asset-card{display:block;padding:0 0 12px;text-align:left;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.asset-card:hover{border-color:var(--accent-border);background:var(--surface);box-shadow:var(--shadow)}.asset-thumbnail{height:130px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--subtle);background:var(--surface-hover);overflow:hidden}.asset-thumbnail img,.asset-thumbnail video{width:100%;height:100%;object-fit:cover}.asset-kind{position:absolute;left:8px;bottom:8px;font-size:9px;padding:2px 5px;background:#ffffffd9;color:#616773;border-radius:4px}.asset-add{position:absolute;right:9px;top:9px;border-radius:50%;width:24px;height:24px;background:var(--surface);box-shadow:var(--shadow);display:grid;place-items:center;opacity:0;color:var(--accent)}.asset-card:hover .asset-add,.asset-card:focus-visible .asset-add{opacity:1}.asset-card>strong{display:block;margin:11px 12px 4px;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card>small{display:block;margin:0 12px;font-size:9px;color:var(--muted)}.thumbnail-error{position:absolute;bottom:8px;right:8px;font-size:9px;color:var(--muted)}.library-empty{padding:35px 10px;text-align:center;color:var(--muted)}.empty-icon{margin:auto;width:73px;height:73px;border:1px solid var(--line);border-radius:19px;background:var(--surface);display:grid;place-items:center;color:var(--subtle)}.library-empty h3{font-size:16px;color:var(--ink);font-weight:500;margin:24px 0 12px}.library-empty p{font-size:12px;line-height:1.9}.library-empty button{margin-top:18px}.library-footer{padding:15px 25px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.library-footer>span:first-child{display:flex;align-items:center;gap:7px}.library-message{padding:9px 15px;margin:12px 25px;font-size:11px}.success-message{color:var(--success);background:var(--success-soft);border-radius:6px}.setup-page{min-height:100vh;min-height:100dvh;height:100dvh;overflow:auto;display:flex;flex-direction:column;background:var(--bg)}.setup-header{display:flex;align-items:center;justify-content:space-between;padding:28px 46px;background:var(--surface);border-bottom:1px solid var(--line);gap:22px}.setup-header>span:not(.setup-badge){margin-right:auto;padding-left:25px;border-left:1px solid var(--line);font-size:12px;color:var(--muted)}.setup-badge{font-size:11px;color:var(--muted);background:var(--surface-soft);padding:7px 12px;border:1px solid var(--line);border-radius:20px}.setup-layout{width:min(1120px,calc(100% - 90px));margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:75px;align-items:center;padding:55px 0}.setup-intro .eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}.setup-intro h1{font-size:clamp(32px,3.5vw,46px);font-weight:600;letter-spacing:1px;line-height:1.65;margin:20px 0 18px}.setup-intro h1 span{color:var(--accent)}.setup-intro>p{color:var(--muted);font-size:14px;line-height:2}.setup-flow{display:flex;align-items:center;margin:42px 0 27px}.setup-flow>div{border:1px solid var(--line-strong);background:var(--surface);border-radius:11px;padding:14px 12px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;box-shadow:var(--shadow);white-space:nowrap}.setup-flow>div.featured{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.setup-flow i{height:1px;width:23px;background:var(--line-strong)}.setup-trust{color:var(--subtle);font-size:11px;display:flex;align-items:center;gap:8px}.storage-setup{background:var(--surface);border:1px solid var(--line);padding:32px;border-radius:20px;box-shadow:var(--shadow)}.setup-step{display:block;margin-bottom:13px;font-size:10px;color:var(--accent);letter-spacing:1px}.storage-setup h2{font-size:25px;font-weight:600;letter-spacing:.5px}.storage-setup>p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:13px}.storage-choice{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:var(--surface);border-radius:10px;padding:18px 15px;margin-top:12px}.storage-choice.recommended{margin-top:25px;background:var(--accent-soft);border-color:var(--accent-border)}.storage-choice.recommended:hover{border-color:var(--accent)}.storage-choice-icon{color:var(--muted)}.recommended .storage-choice-icon{color:var(--accent)}.storage-choice>span:nth-child(2){flex:1}.storage-choice strong{font-size:13px;font-weight:600}.storage-choice em{font-size:9px;font-style:normal;margin-left:4px;background:var(--surface);color:var(--accent);border-radius:4px;padding:3px 5px}.storage-choice small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.storage-choice>svg{color:var(--subtle)}.storage-notes{border-top:1px solid var(--line);padding-top:17px;margin-top:25px}.storage-notes p{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:var(--muted);line-height:1.9;margin-bottom:10px}.storage-notes svg{margin-top:3px}.setup-compat{color:var(--subtle);font-size:9px;line-height:1.9;display:block;margin-top:15px}.setup-footer{display:flex;flex-direction:column;gap:14px;font-size:10px;color:var(--subtle);margin-top:auto;padding:20px 46px}.setup-footer-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.setup-legal{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:8px}.setup-legal h2{margin:0;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}.setup-legal ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:3px;font-size:10px;line-height:1.7;color:var(--subtle)}.setup-legal p{margin:0;font-size:10px;line-height:1.7;color:var(--subtle)}.setup-oss a,.setup-legal a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.setup-oss a:hover,.setup-legal a:hover{color:var(--accent)}.setup-oss{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:8px}.setup-oss h2{margin:0;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}.setup-oss p{margin:0;font-size:10px;line-height:1.7;color:var(--subtle)}.setup-oss code{font-size:10px;color:var(--muted)}.setup-oss-group{display:flex;align-items:flex-start;gap:10px}.setup-oss-label{flex:0 0 auto;padding-top:3px;font-size:10px;color:var(--subtle)}.setup-oss-group ul{display:flex;flex-wrap:wrap;gap:5px 7px;margin:0;padding:0;list-style:none}.setup-oss-group li{display:inline-flex;align-items:baseline;gap:5px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.setup-oss-group li strong{font-size:10px;font-weight:600;color:var(--muted)}.setup-oss-group li small{font-size:9px;color:var(--subtle)}.setup-busy{display:flex;align-items:center;gap:8px;color:var(--accent)!important}.spinner{width:13px;height:13px;border:2px solid var(--accent-border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 1600px){.studio-body{--panel-w: 284px}.catalog-item{padding-top:11px;padding-bottom:11px}.canvas-welcome h1{font-size:36px}.canvas-welcome{width:min(710px,calc(100% - 90px))}}@media (max-width: 1350px){.studio-header{gap:12px;padding:0 15px}.header-search span,.header-search kbd{display:none}.header-search{width:34px;padding:0}.project-picker{max-width:175px}.studio-body{--panel-w: 248px}.canvas-hint{display:none}.canvas-welcome{width:calc(100% - 52px)}.starter-card{padding:15px 12px}.starter-card small{font-size:8px}.starter-grid{gap:9px}}@media (max-width: 1100px){.save-state span{display:none}.setup-layout{gap:35px;width:calc(100% - 60px)}.storage-setup{padding:24px}.setup-intro h1{font-size:32px}.setup-flow>div{flex-direction:column;padding:12px}}@media (max-width: 820px){.studio-header{height:60px;gap:9px}.brand-word{font-size:17px}.brand-word small{font-size:6px;letter-spacing:1px}.brand-mark{width:31px;height:33px}.workspace-divider{margin:0 6px 0 2px}.workspace-bar{gap:0}.workspace-bar>.icon-button{width:27px}.project-picker{max-width:152px;min-width:100px;gap:5px}.project-picker select{font-size:11px}.project-picker>svg:first-child{display:none}.save-state,.history-actions{display:none}.header-actions{gap:5px}.library-trigger{width:32px;padding:0}.library-trigger span{display:none}.studio-body{--panel-w: 248px}.catalog-open .graph .canvas-welcome{opacity:.3;pointer-events:none}.setup-layout{grid-template-columns:1fr;width:min(520px,calc(100% - 40px));gap:30px;padding:33px 0}.setup-intro{text-align:center}.setup-intro h1{font-size:32px}.setup-intro h1 br{display:none}.setup-intro>p{font-size:12px}.setup-flow,.setup-trust{display:none}.setup-header{padding:20px 25px}.setup-header>span:not(.setup-badge){display:none}.setup-footer{padding:15px 25px}.canvas-topline{left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right))}}@media (max-width: 560px){.studio-header{padding:0 10px;gap:5px}.brand-word{display:none}.brand{gap:0}.workspace-divider{display:none}.workspace-bar{flex:1}.project-picker{max-width:135px;min-width:75px}.project-menu>summary{padding:8px}.project-menu>summary span{display:none}.header-actions>.icon-button{width:28px}.header-search{width:27px}.workspace-bar>.icon-button{width:24px}.canvas-welcome h1{font-size:23px}.canvas-welcome{width:calc(100% - 28px);top:44%}.welcome-eyebrow{font-size:7px;letter-spacing:1.3px}.welcome-diagram{margin:21px auto 17px}.canvas-welcome>p{font-size:10px;padding:0 12px}.welcome-actions{flex-direction:column;gap:8px;margin-top:18px}.starter-grid{grid-template-columns:1fr;gap:6px}.starter-card{padding:9px 12px;display:grid;grid-template-columns:30px 1fr 14px;column-gap:9px;align-items:center}.starter-card .type-icon{width:29px;height:29px;grid-row:1 / 3;margin:0}.starter-card strong{font-size:10px}.starter-card small{grid-column:2;font-size:9px;margin-top:2px}.starter-arrow{position:static;grid-column:3;grid-row:1 / 3}.starter-heading{margin:20px 0 10px}.welcome-note{font-size:8px;margin-top:12px}.canvas-controls{bottom:29px;padding:4px;gap:0}.canvas-controls .icon-button{width:27px;height:30px}.control-divider{margin:0 2px}.zoom-value{min-width:62px;gap:4px;font-size:10px}.port-legend{gap:6px;left:calc(10px + var(--safe-left));font-size:8px}.canvas-topline{top:13px;left:calc(13px + var(--safe-left));font-size:10px}.canvas-count{font-size:8px}.diagram-tile{width:38px;height:44px}.diagram-tile.center{width:49px;height:53px}.diagram-wire{width:36px}.dialog-header{padding:20px 18px 16px}.dialog-header h2{font-size:18px}.library-toolbar{padding:17px;gap:8px}.library-toolbar .file-button{font-size:10px;padding:8px 10px}.library-filters{padding:0 17px 15px;gap:2px}.library-filters button{font-size:10px;padding:5px 7px}.library-total{display:none}.library-content{padding:17px}.asset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-thumbnail{height:110px}.library-footer{padding:13px 17px}.library-footer>span:last-child{display:none}.shortcut-row{align-items:flex-start;font-size:10px}.shortcut-row kbd{font-size:8px}.setup-badge{font-size:9px;padding:6px 9px}.storage-setup{padding:23px 20px}.storage-setup h2{font-size:22px}.storage-choice{padding:16px 12px;gap:11px}.storage-choice strong{font-size:12px}.storage-choice small{font-size:9px}.setup-intro h1{font-size:26px}.setup-footer{font-size:9px}}@media (max-height: 720px) and (min-width: 561px){.canvas-welcome{top:45%}.welcome-diagram{margin:20px auto 17px}.canvas-welcome h1{font-size:27px}.starter-heading{margin-top:25px}.starter-card{padding-top:13px;padding-bottom:13px}.starter-card .type-icon{margin-bottom:10px}.welcome-note{margin-top:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.canvas-select-mode:focus{outline:none}.canvas-select-mode:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-border)}.canvas-select-mode .react-flow__pane{cursor:crosshair}.canvas-select-mode .react-flow__pane.dragging{cursor:grabbing}.canvas-select-mode .react-flow__selection{border:1px solid var(--accent);background:var(--accent-soft);border-radius:3px}.canvas-select-mode .react-flow__nodesselection-rect{border:1px dashed var(--accent);border-radius:6px;background:color-mix(in srgb,var(--accent) 4%,transparent);cursor:move}.canvas-selection-bar{position:absolute;z-index:7;left:50%;bottom:84px;transform:translate(-50%);display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);padding:6px 9px;border:1px solid var(--accent-border);border-radius:11px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.selection-summary{display:inline-flex;align-items:center;gap:6px;padding:0 4px;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.selection-summary>svg{color:var(--accent)}.selection-summary small{color:var(--muted);font-size:10px}.canvas-selection-bar .icon-button{flex:0 0 auto;width:30px;height:30px}.canvas-selection-bar>button:not(.icon-button){display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:11px;padding:7px 9px;min-height:31px;flex-shrink:0}.selection-duplicate{color:var(--accent);background:var(--accent-soft)}.selection-delete{color:var(--error)}.canvas-context-menu{position:absolute;z-index:30;width:244px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.context-menu-heading{padding:7px 9px;color:var(--subtle);font-size:10px;border-bottom:1px solid var(--line);margin-bottom:4px}.canvas-context-menu>button{width:100%;display:flex;align-items:center;gap:9px;padding:9px;min-height:36px;font-size:12px;text-align:left;border:0}.canvas-context-menu>button>span{flex:1}.canvas-context-menu kbd{background:none;padding:0;font-size:10px;color:var(--muted)}.canvas-context-menu>button:focus-visible{outline-offset:-2px;background:var(--surface-hover)}.multi-selection-card>strong{font-size:14px}.selected-node-list{display:grid;gap:8px;margin:12px 0}.selected-node-list>div{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.selected-node-list>div>svg{flex:0 0 auto}.selected-node-list>div>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 760px){.canvas-selection-bar{bottom:79px;padding:5px;gap:2px;flex-wrap:wrap;justify-content:center;width:max-content}.selection-summary{font-size:10px}.selection-summary small{display:none}.canvas-selection-bar>button:not(.icon-button){font-size:10px;padding:6px}.canvas-selection-bar .icon-button{width:27px;height:29px}.canvas-hint{max-width:150px;text-align:right;line-height:1.5}}.node-lock-indicator{display:inline-flex;flex:0 0 auto;color:var(--muted)}.node.is-locked>header,.node.is-locked>header:active{cursor:default}.react-flow__node-canvasGroup{border:0;border-radius:14px;padding:0;background:transparent;pointer-events:none!important}.canvas-group-frame{width:100%;height:100%;min-height:100%;border:1px dashed var(--line-strong);border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,transparent);pointer-events:none;box-sizing:border-box}.react-flow__node-canvasGroup.selected .canvas-group-frame{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}.group-titlebar{display:flex;align-items:center;gap:8px;height:36px;padding:0 13px;color:var(--muted);border-radius:13px 13px 0 0;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px dashed var(--line);pointer-events:auto;cursor:grab}.group-titlebar strong{color:var(--ink);font-size:12px;font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}.group-titlebar>span{font-size:10px;flex:0 0 auto}.canvas-group-frame.is-locked .group-titlebar{cursor:default}.group-resize-grip{pointer-events:auto;width:10px!important;height:10px!important;border-radius:3px!important;background:var(--accent)!important;border:2px solid var(--surface)!important}.native-selection-tools{display:flex;align-items:center;gap:3px;padding:5px 6px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:11px;box-shadow:0 5px 24px #0002;white-space:nowrap;font-size:12px;user-select:none}.native-selection-tools>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 9px;background:transparent;border:0;border-radius:6px;color:inherit}.native-selection-tools>button:hover:not(:disabled){background:var(--surface-hover)}.native-selection-tools>button:disabled{opacity:.4;cursor:not-allowed}.native-selection-tools .icon-button{width:30px;padding:5px}.alignment-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:6}.alignment-guides line{stroke:var(--accent);stroke-width:1;stroke-dasharray:5 4;opacity:.85;vector-effect:non-scaling-stroke}.layer-row{display:flex;align-items:center;border-radius:9px;margin:3px 0;padding-left:calc(var(--layer-depth, 0) * 9px);border:1px solid transparent}.layer-row.active{border-color:var(--accent-border);background:var(--accent-soft)}.layer-row.is-hidden .layer-item{opacity:.5}.layer-row .layer-item{flex:1;width:auto;min-width:0;border:none;margin:0;padding:9px 5px 9px 7px;background:transparent}.layer-row .layer-item>span:nth-child(2){min-width:0}.layer-row .type-icon{width:27px;height:27px;flex:0 0 27px}.layer-row .type-icon svg{width:16px;height:16px}.layer-item-actions{display:flex;flex:0 0 auto;gap:1px;padding-right:3px}.layer-item-actions .icon-button{width:25px;height:29px;padding:4px}.layer-item-actions .icon-button svg{width:14px;height:14px}.layer-item-actions button[aria-pressed=true]{color:var(--muted)}.layer-item-actions button:focus-visible{opacity:1;outline:2px solid var(--accent)}.type-group{color:var(--muted);background:var(--surface-hover)}.selection-layout-card{padding:15px 0;border-top:1px solid var(--line)}.selection-layout-card h4{margin:0 0 12px;font-size:12px;font-weight:650}.selection-layout-card button{display:inline-flex;justify-content:center;align-items:center;gap:6px;font-size:11px;min-height:32px;border:1px solid var(--line);background:var(--surface);border-radius:7px;color:var(--ink);padding:6px 8px}.selection-layout-card button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-hover)}.selection-layout-card button:disabled{opacity:.4;cursor:not-allowed}.selection-layout-card button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.inspector-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.inspector-alignment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px}.inspector-alignment-grid button{padding:5px 2px}.selection-layout-card .aspect-toggle{width:100%;margin-top:8px}.node-geometry-readout{display:grid;gap:6px;margin:0 0 12px;font-size:11px}.node-geometry-readout>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.node-geometry-readout dt{color:var(--muted);flex-shrink:0}.node-geometry-readout dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.selection-layout-card .inspector-label{margin:9px 0}.selection-layout-card .inspector-label input,.selection-layout-card .inspector-label select{width:100%;min-height:33px;box-sizing:border-box;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 8px}.edge-route-summary{font-size:11px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.canvas-view-options{position:relative;flex:0 0 auto}.canvas-view-options>summary{list-style:none;width:30px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:var(--muted)}.canvas-view-options>summary::-webkit-details-marker{display:none}.canvas-view-options[open]>summary,.canvas-view-options>summary:hover{background:var(--surface-hover);color:var(--ink)}.canvas-view-options>summary:focus-visible{outline:2px solid var(--accent)}.canvas-view-popover{position:absolute;bottom:calc(100% + 12px);right:-5px;width:280px;max-width:calc(100vw - 32px);padding:5px;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface);box-shadow:0 8px 28px #0003;z-index:20}.canvas-view-popover button{display:flex;align-items:center;gap:9px;width:100%;border:none;border-radius:7px;background:transparent;color:var(--ink);padding:10px 9px;text-align:left;font-size:12px}.canvas-view-popover button:hover:not(:disabled){background:var(--surface-hover)}.canvas-view-popover button:disabled{opacity:.4}.canvas-view-popover button>span:nth-child(2){flex:1;min-width:0}.canvas-view-popover small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5;white-space:normal}.canvas-context-menu{scrollbar-width:thin}@media (max-width: 600px){.native-selection-tools{gap:1px;padding:4px;font-size:11px}.native-selection-tools>button{gap:3px;padding:5px 6px}.canvas-controls{max-width:calc(100% - 20px);flex-wrap:wrap;justify-content:center}}@media (max-width: 1100px){.studio-header{gap:10px;padding-inline:12px}.header-actions{gap:4px}.header-search span,.library-trigger span,.agent-entry span,.readonly-toggle span{display:none}.header-search,.library-trigger,.agent-entry,.readonly-toggle{width:36px;padding-inline:0}.save-state span{max-width:92px;overflow:hidden;text-overflow:ellipsis}.project-picker{max-width:170px}}@media (max-width: 760px){.studio-header{height:56px}.brand-word{display:none}.workspace-divider{margin-inline:5px}.studio-body{--panel-w: min(264px, 100vw)}.save-state,.history-actions{display:none}}.narrow-only{display:none!important}.menu-label-narrow{display:none}@media (max-width: 430px){.studio-header{gap:6px;padding-inline:8px;min-width:0}.studio-header>*{min-width:0}.brand-mark{width:30px;height:30px}.brand-mark img{width:25px;height:25px}.workspace-divider{display:none}.project-picker{max-width:104px;gap:4px;padding-inline:6px}.project-picker select{max-width:60px}.workspace-bar .icon-button,.header-panel-nav .icon-button{width:30px;height:30px}.header-panel-nav{border-left:0;margin-left:0;padding-inline:0;gap:0}.header-actions{margin-left:auto;gap:2px}.header-actions>.library-trigger,.header-actions>.agent-entry,.header-actions>.readonly-toggle{display:none}.project-menu>summary{padding:7px 9px;gap:4px}.project-menu>summary .menu-label-narrow{display:inline}.project-menu>summary .menu-label-wide{display:none}.project-menu>summary svg:last-child{display:none}.project-menu-content .narrow-only{display:flex!important}.project-menu-content .menu-group-title{display:block!important;margin:6px 0 2px;padding:0 10px;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--muted)}.panel-orb{width:34px;height:34px}.panel-orb-left{left:8px}.panel-orb-right{right:8px}}.chat-result{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);max-height:220px;overflow:auto}.chat-result-label{font-size:11px;color:var(--subtle)}.chat-result-text{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5}.flow-task-status{display:grid;gap:6px;padding:8px;margin-bottom:8px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.flow-task-status small{color:var(--muted)}.task-template-form textarea{min-height:80px;resize:vertical}.production-module-canvas{position:absolute;inset:0 var(--safe-right, 0px) 0 var(--safe-left, 0px);z-index:12;background:var(--bg, #151820);color:var(--text, #e5e8ef)}.production-module-toolbar{position:absolute;top:16px;left:16px;right:16px;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #ffffff20;border-radius:12px;background:var(--panel, #242935)}.production-module-toolbar>div{flex:1}.production-module-canvas small{display:block;font-size:12px;opacity:.76;overflow-wrap:anywhere}.production-module-card{width:300px;min-height:180px;padding:18px;border:1px solid #ffffff30;border-radius:14px;background:var(--panel, #242935);box-shadow:0 8px 24px #0002}.production-module-card header{display:flex;flex-direction:column;gap:8px}.production-module-card header span{font-size:12px;color:#8eb6e9}.production-module-card header span[data-attention=true]{color:#f2b363}.production-module-card p{line-height:1.6;max-height:3.2em;overflow:hidden}.production-module-card button{margin-top:14px}.production-module-detail{position:absolute;top:90px;right:16px;bottom:16px;z-index:4;width:min(420px,calc(100% - 32px));overflow:auto;padding:20px;border:1px solid #ffffff30;border-radius:14px;background:var(--panel, #242935);box-shadow:0 12px 40px #0005;overflow-wrap:anywhere}.production-module-detail details{margin:12px 0;padding:10px;border:1px solid #ffffff20;border-radius:8px}.production-module-detail p{line-height:1.6}.production-module-detail button{margin:3px}.production-module-hint{position:absolute;bottom:18px;left:70px;right:30px;pointer-events:none;font-size:12px;opacity:.75}.production-module-return{position:absolute;top:12px;left:50%;z-index:13}@media (max-width: 700px){.production-module-toolbar{flex-wrap:wrap}.production-module-toolbar>div{flex-basis:100%}.production-module-detail{top:130px}}.production-module-previews img{width:100%;height:auto;border-radius:8px}.production-module-previews pre{white-space:pre-wrap;max-height:200px;overflow:auto}.production-module-detail textarea{width:100%;box-sizing:border-box}.production-module-help{position:relative;flex-shrink:0;font-size:13px}.production-module-help summary{cursor:pointer}.production-module-help>div{position:absolute;top:calc(100% + 16px);right:0;width:min(440px,calc(100vw - 64px));max-height:60vh;overflow:auto;padding:12px 18px;border:1px solid #ffffff30;border-radius:12px;background:var(--panel, #242935);box-shadow:0 12px 40px #0005;line-height:1.7}.production-module-toolbar:has(.production-module-help[open]){z-index:5}.node.data-node>header{position:relative;flex:0 0 auto;min-height:44px;padding:8px 12px;gap:8px}.node-title-input{min-width:0;flex:1 1 auto;height:25px;padding:2px 5px;font-size:13px;font-weight:650}.node.data-node .media-scale-badge{position:absolute;top:7px;left:7px;z-index:1;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 14px);padding:4px 8px;border:1px solid var(--accent-border);border-radius:6px;background:var(--accent-soft);color:var(--accent);box-shadow:var(--shadow);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.35;cursor:help;user-select:none}.media-scale-badge .media-scale-label{font-size:10px;font-weight:600}.media-scale-badge .media-scale-value{font-size:12px;font-weight:750}.node.data-node .media-scale-badge.is-pending{background:var(--surface);border-color:var(--line-strong);color:var(--muted)}.data-node .node-header-actions{display:flex;align-items:center;gap:5px}.data-node>header .disconnect{font-size:10px;line-height:18px;padding:0 5px;background:var(--surface-soft);border:1px solid var(--line);border-radius:4px}.data-node>header .react-flow__handle-left{left:-1px}.data-node>header .react-flow__handle-right{right:-1px}.node.data-node{min-height:0}.node.data-node>.node-body{min-height:0;padding:8px 10px 10px;gap:7px;overflow:auto}.node.data-node .preview{position:relative;flex:1 1 80px;height:auto;min-height:40px}.node.data-node.audio .preview{flex:1 1 60px;min-height:54px;height:auto}.node.data-node .preview>img,.node.data-node .preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.node.data-node .preview>audio{max-width:100%;width:100%}.node.data-node.text .node-body>textarea{flex:1 1 0;height:auto;min-height:0;resize:none;overflow:auto;overscroll-behavior:contain}.data-node .media-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:5px;width:100%}.data-node .media-actions button{width:100%;min-width:0;white-space:normal;padding:5px 7px;font-size:10px}.data-node .media-name{font-size:11px;line-height:1.3}.data-node .media-meta-row{display:flex;align-items:center;gap:8px;min-width:0}.data-node .media-meta-row .node-media-metrics{flex:0 0 auto}.data-node .media-meta-row .media-name{min-width:0;flex:0 1 110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node.data-node.audio .preview:has(.audio-track){min-height:110px;overflow:auto;align-items:stretch}.audio-track{width:100%;display:flex;flex-direction:column;gap:8px;padding:10px;color:var(--muted);font-size:11px}.audio-track-heading,.audio-time-ruler{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.audio-view-switch{display:flex;gap:3px}.audio-view-switch button{padding:3px 8px;font-size:10px}.audio-view-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.audio-wave-area{flex:1;min-height:80px;display:flex;flex-direction:column;gap:4px}.audio-wave-seek{flex:1;min-height:60px;cursor:crosshair;border-radius:5px;background:var(--surface);overflow:hidden}.audio-wave-seek svg{width:100%;height:100%;min-height:60px;display:block}.audio-wave-seek rect{fill:var(--muted);opacity:.6}.audio-wave-seek rect.played{fill:var(--accent);opacity:1}.audio-wave-center{stroke:var(--line-strong)}.audio-playhead{stroke:var(--accent);stroke-width:2}.audio-time-ruler{font-size:9px;font-variant-numeric:tabular-nums}.audio-wave-message{margin:auto;text-align:center}.audio-track audio{width:100%;height:36px;flex-shrink:0}.audio-track audio[hidden]{display:none}.video-track{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.node .preview .video-track>video{position:static;width:100%;height:0;min-height:0;flex:1 1 0;object-fit:contain}.media-transport{width:100%;flex-shrink:0;padding:6px 0}.video-track .media-transport{padding:6px 8px;background:var(--surface)}.media-transport-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.media-transport .media-play-button{padding:5px 10px;color:var(--accent);background:var(--accent-soft);font-size:11px}.media-clock{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.media-volume{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:10px;color:var(--muted)}.media-volume input{width:65px;min-width:0}.media-transport input[type=range]{padding:0;accent-color:var(--accent)}.media-transport .media-timeline{display:block;width:100%;margin:0 0 7px}.media-volume-controls{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.media-transport .media-fullscreen-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;border-color:transparent;background:transparent;color:var(--muted)}.media-transport .media-fullscreen-button:hover{background:var(--surface-hover);color:var(--accent)}.media-fullscreen-error{display:block;margin-top:6px;color:var(--danger, #c13f3f)}.video-track:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#000}.video-track:fullscreen>video{flex:1 1 0;width:100%;height:0;min-height:0;max-height:none;object-fit:contain}.video-track:fullscreen .media-transport{padding:12px 20px}.image-mark-shell{padding:12px}.image-mark-shell .media-tool-dialog{border-radius:16px}.image-mark-shell .media-tool-dialog>header{padding:10px 16px;min-height:48px;box-sizing:border-box}.image-mark-shell .media-tool-body{padding:0;gap:0}.image-mark-editor{height:100%;min-height:0;display:flex;flex-direction:column;color:var(--ink);background:var(--surface)}.image-mark-editor button,.image-mark-editor input,.image-mark-editor select,.image-mark-editor textarea{font:inherit;color:var(--ink);box-sizing:border-box}.image-mark-editor button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:6px 10px;cursor:pointer}.image-mark-editor button:hover:not(:disabled){background:var(--surface-hover)}.image-mark-editor button:disabled{opacity:.4;cursor:default}.image-mark-editor :is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.image-mark-editor .primary-button{background:var(--accent);border-color:var(--accent);color:var(--surface)}.image-mark-editor .primary-button:hover:not(:disabled){background:var(--accent-hover, var(--accent))}.mark-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.mark-tools,.mark-history,.mark-zoom{display:flex;align-items:center;gap:4px}.mark-tools button{border-color:transparent;background:transparent;white-space:nowrap}.mark-tools button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.mark-history{padding-left:12px;border-left:1px solid var(--line)}.mark-history button,.mark-zoom .icon-button{width:34px;padding:6px;border-color:transparent}.mark-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 208px}.mark-stage{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;position:relative;background:var(--canvas-bg);scrollbar-width:thin}.mark-canvas-space{width:max-content;min-width:100%;min-height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:16px}.image-mark-editor .image-editor-host{position:relative;flex:none;min-height:0;background:transparent;border-radius:0;overflow:visible;box-shadow:0 3px 20px #00000015}.image-mark-editor .image-editor-host .tui-image-editor-canvas-container{width:var(--image-native-width)!important;height:var(--image-native-height)!important;transform:scale(var(--image-view-scale));transform-origin:top left;margin:0!important;position:absolute!important;left:0;top:0}.mark-stage.is-panning{cursor:grab;touch-action:none}.mark-stage.is-panning:active{cursor:grabbing}.mark-stage.is-panning canvas{pointer-events:none}.mark-settings{border-left:1px solid var(--line);padding:18px 16px;overflow-y:auto;min-width:0;background:var(--surface)}.mark-settings h3{font-size:14px;margin:0 0 8px}.mark-hint{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 20px}.mark-settings fieldset{margin:0;padding:0;border:0;min-width:0;display:flex;flex-direction:column;gap:16px;font-size:12px}.mark-settings label{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mark-settings label>:is(select,textarea,input:not([type=checkbox]):not([type=color]),button){width:100%}.mark-settings :is(select,textarea,input[type=number]){border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;min-height:34px;padding:7px 9px}.mark-settings textarea{resize:vertical;min-height:72px;max-height:180px;line-height:1.5}.mark-settings input[type=range]{margin:0;accent-color:var(--accent);min-width:0}.mark-settings input[type=checkbox]{accent-color:var(--accent);margin:0}.mark-settings .mark-color{justify-content:space-between}.mark-settings input[type=color]{width:44px;height:30px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:pointer}.mark-settings output{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.mark-more{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.mark-more summary{cursor:pointer}.mark-more button{margin:12px 0 8px;width:100%}.mark-more small{display:block}.mark-footer{flex-shrink:0;min-height:54px;display:flex;align-items:center;gap:14px;padding:8px 16px;border-top:1px solid var(--line);box-sizing:border-box}.mark-file{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--muted)}.mark-zoom output{font-size:12px;width:42px;text-align:center;font-variant-numeric:tabular-nums}.mark-footer>button{white-space:nowrap}.mark-error{padding:10px 16px;background:var(--accent-soft);color:var(--ink);display:flex;align-items:center;gap:12px;font-size:12px;overflow-wrap:anywhere;max-height:90px;overflow-y:auto}.mark-error button{margin-left:auto;flex-shrink:0}.mark-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;color:var(--muted)}body:has(.studio-app[data-motion=gentle]) .image-mark-editor button{transition:background .16s,color .16s,transform .16s}body:has(.studio-app[data-motion=gentle]) .image-mark-editor button:active:not(:disabled){transform:scale(.96)}@media (max-width: 760px){.image-mark-shell{padding:6px}.mark-toolbar{padding:6px 8px;gap:4px}.mark-tools{flex:1;overflow-x:auto;scrollbar-width:thin}.mark-tools button{flex-direction:column;gap:3px;font-size:11px;padding:5px 7px}.mark-history{padding-left:4px;gap:0}.mark-history button{width:30px}.mark-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.mark-settings{max-height:132px;box-sizing:border-box;padding:10px 12px;border-left:0;border-top:1px solid var(--line)}.mark-settings h3,.mark-hint{display:none}.mark-settings fieldset{flex-direction:row;flex-wrap:wrap;gap:10px 16px}.mark-settings fieldset>label{flex:1 1 120px}.mark-settings .mark-color,.mark-settings .mark-check{flex:0 1 auto}.mark-settings textarea{min-height:38px;height:38px}.mark-more{margin-top:10px;padding-top:8px}.mark-footer{padding:6px 8px;gap:6px}.mark-file{display:none}.mark-zoom{margin-right:auto;gap:0}}@media (prefers-reduced-motion: reduce){.image-mark-editor *{transition:none!important;animation:none!important}}@keyframes mark-settings-enter{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}body:has(.studio-app[data-motion=gentle]) .mark-settings fieldset{animation:mark-settings-enter .16s ease-out}.creative-task-body,.creative-connection,.creative-run,.creative-output,.creative-input{display:grid;gap:10px;min-width:0}.creative-task-body{max-height:560px;overflow:auto;overscroll-behavior:contain;padding-right:3px}.creative-task-body pre,.creative-origin pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font:inherit}.creative-task-body small,.creative-origin small,.creative-connection small{color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.creative-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.creative-actions button{display:inline-flex;align-items:center;gap:5px}.creative-run,.creative-output,.creative-input,.creative-connection{border:1px solid var(--line);border-radius:12px;padding:12px}.creative-run>summary,.creative-origin>summary{cursor:pointer;font-weight:600}.creative-warning{border-left:3px solid var(--accent);padding:8px;background:var(--panel);line-height:1.6}.creative-preview{display:block;max-width:100%;max-height:220px;object-fit:contain;border-radius:8px}.creative-origin{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.creative-connection{margin:14px 0}.creative-empty{color:var(--muted);line-height:1.6}.creative-source-port{position:relative;padding:5px 12px;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line)}.creative-output-placeholder{color:var(--muted)}.creative-output-placeholder i{display:inline-block;width:9px;height:9px;border:1px dashed currentColor;border-radius:50%}.structured-list{border:1px solid var(--line);border-radius:8px;padding:10px;margin:10px 0;min-width:0;display:flex;flex-direction:column;gap:8px}.structured-list legend{padding:0 4px;font-size:12px}.structured-list small{opacity:.75;font-size:11px;line-height:1.5}.structured-row{border-top:1px solid var(--line);padding-top:8px;min-width:0}.structured-row>summary,.structured-optional>summary{cursor:pointer;font-size:12px;padding:6px 0;overflow-wrap:anywhere}.structured-row-preview{display:block;font-size:11px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.structured-optional{grid-column:1 / -1;min-width:0}.structured-row-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}.structured-row-heading>div{display:flex;gap:4px}.structured-list button{padding:5px 9px;font-size:11px}.structured-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.structured-fields>.field:has(textarea),.structured-fields>.structured-list{grid-column:1 / -1}.structured-fields .field{min-width:0;margin:5px 0}.structured-list input,.structured-list select,.structured-list textarea{width:100%;min-width:0;box-sizing:border-box}.structured-list textarea{resize:vertical;min-height:64px}.structured-speaker{font-size:11px;opacity:.7;margin-top:5px}body>textarea{position:fixed!important}.tui-image-editor-container{margin:0;padding:0;box-sizing:border-box;min-height:300px;height:100%;position:relative;background-color:#282828;overflow:hidden;letter-spacing:.3px}.tui-image-editor-container div,.tui-image-editor-container ul,.tui-image-editor-container label,.tui-image-editor-container input,.tui-image-editor-container li{box-sizing:border-box;margin:0;padding:0;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.tui-image-editor-container .tui-image-editor-header{min-width:533px;position:absolute;background-color:#151515;top:0;width:100%}.tui-image-editor-container .tui-image-editor-header-buttons,.tui-image-editor-container .tui-image-editor-controls-buttons{float:right;margin:8px}.tui-image-editor-container .tui-image-editor-header-logo,.tui-image-editor-container .tui-image-editor-controls-logo{float:left;width:30%;padding:17px}.tui-image-editor-container .tui-image-editor-controls-logo,.tui-image-editor-container .tui-image-editor-controls-buttons{width:270px;height:100%;display:none}.tui-image-editor-container .tui-image-editor-header-buttons button,.tui-image-editor-container .tui-image-editor-header-buttons div,.tui-image-editor-container .tui-image-editor-controls-buttons button,.tui-image-editor-container .tui-image-editor-controls-buttons div{display:inline-block;position:relative;width:120px;height:40px;padding:0;line-height:40px;outline:none;border-radius:20px;border:1px solid #ddd;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:700;cursor:pointer;vertical-align:middle;letter-spacing:.3px;text-align:center}.tui-image-editor-container .tui-image-editor-download-btn{background-color:#fdba3b;border-color:#fdba3b;color:#fff}.tui-image-editor-container .tui-image-editor-load-btn{position:absolute;inset:0;display:inline-block;width:100%;cursor:pointer;opacity:0}.tui-image-editor-container .tui-image-editor-main-container{position:absolute;width:100%;top:0;bottom:64px}.tui-image-editor-container .tui-image-editor-main{position:absolute;text-align:center;inset:64px 0 0}.tui-image-editor-container .tui-image-editor-wrap{position:absolute;bottom:0;width:100%;overflow:auto}.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap{display:table;width:100%;height:100%}.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap .tui-image-editor-align-wrap{display:table-cell;vertical-align:middle}.tui-image-editor-container .tui-image-editor{position:relative;display:inline-block}.tui-image-editor-container .tui-image-editor-menu,.tui-image-editor-container .tui-image-editor-help-menu{width:auto;list-style:none;padding:0;margin:0 auto;display:table-cell;text-align:center;vertical-align:middle;white-space:nowrap}.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item,.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item{position:relative;display:inline-block;border-radius:2px;padding:7px 8px 3px;cursor:pointer;margin:0 4px}.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:hover:before,.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item[tooltip-content]:hover:before{content:"";position:absolute;display:inline-block;margin:0 auto;width:0;height:0;border-right:7px solid transparent;border-top:7px solid #2f2f2f;border-left:7px solid transparent;left:13px;top:-2px}.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:hover:after,.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item[tooltip-content]:hover:after{content:attr(tooltip-content);position:absolute;display:inline-block;background-color:#2f2f2f;color:#fff;padding:5px 8px;font-size:11px;font-weight:lighter;border-radius:3px;max-height:23px;top:-25px;left:0;min-width:24px}.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item.active,.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item.active{background-color:#fff;transition:all .3s ease}.tui-image-editor-container .tui-image-editor-wrap{position:absolute}.tui-image-editor-container .tui-image-editor-grid-visual{display:none;position:absolute;width:100%;height:100%;border:1px solid rgba(255,255,255,.7)}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor{transition:none}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-grid-visual,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-grid-visual,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-grid-visual{display:block}.tui-image-editor-container .tui-image-editor-grid-visual table{width:100%;height:100%;border-collapse:collapse}.tui-image-editor-container .tui-image-editor-grid-visual table td{border:1px solid rgba(255,255,255,.3)}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot:before{content:"";position:absolute;box-sizing:border-box;width:10px;height:10px;border:0;box-shadow:0 0 1px #0000004d;border-radius:100%;background-color:#fff}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-top:before{top:-5px;left:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-top:before{top:-5px;right:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-bottom:before{bottom:-5px;left:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-bottom:before{bottom:-5px;right:-5px}.tui-image-editor-container .tui-image-editor-submenu{display:none;position:absolute;bottom:0;width:100%;height:150px;white-space:nowrap;z-index:2}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button:hover svg>use.active{display:block}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item li{display:inline-block;vertical-align:top}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-newline{display:block;margin-top:0}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button{position:relative;cursor:pointer;display:inline-block;font-weight:400;font-size:11px;margin:0 9px}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.preset{margin:0 9px 20px 5px}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item label>span{display:inline-block;cursor:pointer;padding-top:5px;font-family:Noto Sans,sans-serif;font-size:11px}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.apply label,.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.cancel label{vertical-align:7px}.tui-image-editor-container .tui-image-editor-submenu>div{display:none;vertical-align:bottom}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-style{opacity:.95;z-index:-1;position:absolute;inset:0;display:block}.tui-image-editor-container .tui-image-editor-partition>div{width:1px;height:52px;border-left:1px solid #3c3c3c;margin:0 8px}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-partition>div{height:108px;margin:0 29px 0 0}.tui-image-editor-container .tui-image-editor-submenu-align{text-align:left;margin-right:30px}.tui-image-editor-container .tui-image-editor-submenu-align label>span{width:55px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-submenu-align:first-child{margin-right:0}.tui-image-editor-container .tui-image-editor-submenu-align:first-child label>span{width:70px}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu>div.tui-image-editor-menu-crop,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu>div.tui-image-editor-menu-resize,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu>div.tui-image-editor-menu-flip,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu>div.tui-image-editor-menu-rotate,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu>div.tui-image-editor-menu-shape,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu>div.tui-image-editor-menu-text,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu>div.tui-image-editor-menu-mask,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu>div.tui-image-editor-menu-icon,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu>div.tui-image-editor-menu-draw,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu>div.tui-image-editor-menu-filter,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu>div.tui-image-editor-menu-zoom{display:table-cell}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu{display:table}.tui-image-editor-container .tui-image-editor-help-menu{list-style:none;padding:0;margin:0 auto;text-align:center;vertical-align:middle;border-radius:20px;background-color:#ffffff0f;z-index:2;position:absolute}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history{display:none;background-color:#fff;color:#444;position:absolute;width:196px;height:276px;padding:4px 2px;box-shadow:0 2px 6px #00000026;cursor:auto;transform:translate(calc(-50% + 12px))}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list{height:268px;padding:0;overflow:hidden scroll;list-style:none}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item{height:24px;font-size:11px;line-height:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item{position:relative;height:24px;cursor:pointer}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item svg{width:24px;height:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item span{display:inline-block;width:128px;height:24px;text-align:left}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-icon{display:inline-block;width:24px;height:24px;position:absolute;top:6px;left:6px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-checkbox{display:none;width:24px;height:24px;position:absolute;top:5px;right:-6px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item{background-color:#7777771f}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item .history-item-checkbox{display:inline-block}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.disabled-item{color:#333;opacity:.3}.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history{display:block}.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history:before{content:"";position:absolute;display:inline-block;margin:0 auto;width:0;height:0}.tui-image-editor-container .filter-color-item{display:inline-block}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox{display:block}.tui-image-editor-container .tui-image-editor-checkbox-wrap{display:inline-block!important;text-align:left}.tui-image-editor-container .tui-image-editor-checkbox-wrap.fixed-width{width:187px;white-space:normal}.tui-image-editor-container .tui-image-editor-checkbox{display:inline-block;margin:1px 0}.tui-image-editor-container .tui-image-editor-checkbox input{width:14px;height:14px;opacity:0}.tui-image-editor-container .tui-image-editor-checkbox>label>span{color:#fff;height:14px;position:relative}.tui-image-editor-container .tui-image-editor-checkbox input+label:before,.tui-image-editor-container .tui-image-editor-checkbox>label>span:before{content:"";position:absolute;width:14px;height:14px;background-color:#fff;top:6px;left:-19px;display:inline-block;margin:0;text-align:center;font-size:11px;border:0;border-radius:2px;padding-top:1px;box-sizing:border-box}.tui-image-editor-container .tui-image-editor-checkbox input[type=checkbox]:checked+span:before{background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMBJREFUKBWVkjEOwjAMRe2WgZW7IIHEDdhghhuwcQ42rlJugAQS54Cxa5cq1QM5TUpByZfS2j9+dlJVt/tX5ZxbS4ZU9VLkQvSHKTIGRaVJYFmKrBbTCJxE2UgCdDzMZDkHrOV6b95V0US6UmgKodujEZbJg0B0ZgEModO5lrY1TMQf1TpyJGBEjD+E2NPN7ukIUDiF/BfEXgRiGEw8NgkffYGYwCi808fpn/6OvfUfsDr/Vc1IfRf8sKnFVqeiVQfDu0tf/nWH9gAAAABJRU5ErkJggg==)}.tui-image-editor-container .tui-image-editor-selectlist-wrap{position:relative}.tui-image-editor-container .tui-image-editor-selectlist-wrap select{width:100%;height:28px;margin-top:4px;border:0;outline:0;border-radius:0;border:1px solid #cbdbdb;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 7px 0 10px}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist{display:none;position:relative;top:-1px;border:1px solid #ccc;background-color:#fff;border-top:0;padding:4px 0}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li{display:block;text-align:left;padding:7px 10px;font-family:Noto Sans,sans-serif}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li:hover{background-color:#515ce60d}.tui-image-editor-container .tui-image-editor-selectlist-wrap:before{content:"";position:absolute;display:inline-block;width:14px;height:14px;right:5px;top:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYBgFOEOAEVkmPDxc89+/f6eAYjzI4kD2FyYmJrOVK1deh4kzwRggGiQBVJCELAZig8SQNYHEmEEEMrh69eo1HR0dfqCYJUickZGxf9WqVf3IakBsFBthklpaWmVA9mEQhrJhUoTp0NBQCRAmrHL4qgAAuu4cWZOZIGsAAAAASUVORK5CYII=);background-size:cover}.tui-image-editor-container .tui-image-editor-selectlist-wrap select::-ms-expand{display:none}.tui-image-editor-container .tui-image-editor-virtual-range-bar .tui-image-editor-disabled,.tui-image-editor-container .tui-image-editor-virtual-range-subbar .tui-image-editor-disabled,.tui-image-editor-container .tui-image-editor-virtual-range-pointer .tui-image-editor-disabled{backbround-color:#f00}.tui-image-editor-container .tui-image-editor-range{position:relative;top:5px;width:166px;height:17px;display:inline-block}.tui-image-editor-container .tui-image-editor-virtual-range-bar{top:7px;position:absolute;width:100%;height:2px;background-color:#666}.tui-image-editor-container .tui-image-editor-virtual-range-subbar{position:absolute;height:100%;left:0;right:0;background-color:#d1d1d1}.tui-image-editor-container .tui-image-editor-virtual-range-pointer{position:absolute;cursor:pointer;top:-5px;left:0;width:12px;height:12px;background-color:#fff;border-radius:100%}.tui-image-editor-container .tui-image-editor-range-wrap{display:inline-block;margin-left:4px}.tui-image-editor-container .tui-image-editor-range-wrap.short .tui-image-editor-range{width:100px}.tui-image-editor-container .color-picker-control .tui-image-editor-range{width:108px;margin-left:10px}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-pointer{background-color:#333}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-bar{background-color:#ccc}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-subbar{background-color:#606060}.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short{margin-top:-2px;margin-left:19px}.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short label{color:#8e8e8e;font-weight:400}.tui-image-editor-container .tui-image-editor-range-wrap label{vertical-align:baseline;font-size:11px;margin-right:7px;color:#fff}.tui-image-editor-container .tui-image-editor-range-value{cursor:default;width:40px;height:24px;outline:none;border-radius:2px;box-shadow:none;border:1px solid #d5d5d5;text-align:center;background-color:#1c1c1c;color:#fff;font-weight:lighter;vertical-align:baseline;font-family:Noto Sans,sans-serif;margin-top:15px;margin-left:4px}.tui-image-editor-container .tui-image-editor-controls{position:absolute;background-color:#151515;width:100%;height:64px;display:table;bottom:0;z-index:2}.tui-image-editor-container .tui-image-editor-icpartition{display:inline-block;background-color:#444;width:1px;height:24px}.tui-image-editor-container.left .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before{left:28px;top:11px;border-right:7px solid #2f2f2f;border-top:7px solid transparent;border-bottom:7px solid transparent}.tui-image-editor-container.left .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after{top:7px;left:42px;white-space:nowrap}.tui-image-editor-container.left .tui-image-editor-submenu{left:0;height:100%;width:248px}.tui-image-editor-container.left .tui-image-editor-main-container{left:64px;width:calc(100% - 64px);height:100%}.tui-image-editor-container.left .tui-image-editor-controls{width:64px;height:100%;display:table}.tui-image-editor-container.left .tui-image-editor-menu,.tui-image-editor-container.right .tui-image-editor-menu{white-space:inherit}.tui-image-editor-container.left .tui-image-editor-submenu,.tui-image-editor-container.right .tui-image-editor-submenu{white-space:normal}.tui-image-editor-container.left .tui-image-editor-submenu>div,.tui-image-editor-container.right .tui-image-editor-submenu>div{vertical-align:middle}.tui-image-editor-container.left .tui-image-editor-controls li,.tui-image-editor-container.right .tui-image-editor-controls li{display:inline-block;margin:4px auto}.tui-image-editor-container.left .tui-image-editor-icpartition,.tui-image-editor-container.right .tui-image-editor-icpartition{position:relative;top:-7px;width:24px;height:1px}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition{display:block;width:75%;margin:auto}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition>div,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition>div{border-left:0;height:10px;border-bottom:1px solid #3c3c3c;width:100%;margin:0}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-align,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-align{margin-right:0}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item li,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item li{margin-top:15px}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li{margin-top:0}.tui-image-editor-container.left .tui-image-editor-checkbox-wrap.fixed-width,.tui-image-editor-container.right .tui-image-editor-checkbox-wrap.fixed-width{width:182px;white-space:normal}.tui-image-editor-container.left .tui-image-editor-range-wrap.tui-image-editor-newline label.range,.tui-image-editor-container.right .tui-image-editor-range-wrap.tui-image-editor-newline label.range{display:block;text-align:left;width:75%;margin:auto}.tui-image-editor-container.left .tui-image-editor-range,.tui-image-editor-container.right .tui-image-editor-range{width:136px}.tui-image-editor-container.right .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before{left:-3px;top:11px;border-left:7px solid #2f2f2f;border-top:7px solid transparent;border-bottom:7px solid transparent}.tui-image-editor-container.right .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after{top:7px;left:unset;right:43px;white-space:nowrap}.tui-image-editor-container.right .tui-image-editor-submenu{right:0;height:100%;width:248px}.tui-image-editor-container.right .tui-image-editor-main-container{right:64px;width:calc(100% - 64px);height:100%}.tui-image-editor-container.right .tui-image-editor-controls{right:0;width:64px;height:100%;display:table}.tui-image-editor-container.top .tui-image-editor-submenu .tui-image-editor-partition.only-left-right,.tui-image-editor-container.bottom .tui-image-editor-submenu .tui-image-editor-partition.only-left-right{display:none}.tui-image-editor-container.bottom .tui-image-editor-submenu>div{padding-bottom:24px}.tui-image-editor-container.top .color-picker-control .triangle{top:-8px;border-right:7px solid transparent;border-top:0;border-left:7px solid transparent;border-bottom:8px solid #fff}.tui-image-editor-container.top .tui-image-editor-size-wrap{height:100%}.tui-image-editor-container.top .tui-image-editor-main-container{bottom:0}.tui-image-editor-container.top .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before{left:13px;border-top:0;border-bottom:7px solid #2f2f2f;top:33px}.tui-image-editor-container.top .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after{top:38px}.tui-image-editor-container.top .tui-image-editor-submenu{top:0;bottom:auto}.tui-image-editor-container.top .tui-image-editor-submenu>div{padding-top:24px;vertical-align:top}.tui-image-editor-container.top .tui-image-editor-controls-logo,.tui-image-editor-container.top .tui-image-editor-controls-buttons{display:table-cell}.tui-image-editor-container.top .tui-image-editor-main{top:64px;height:calc(100% - 64px)}.tui-image-editor-container.top .tui-image-editor-controls{top:0;bottom:inherit}.tui-image-editor-container .tui-image-editor-help-menu.top{white-space:nowrap;width:506px;height:40px;top:8px;left:50%;transform:translate(-50%)}.tui-image-editor-container .tui-image-editor-help-menu.top .tie-panel-history{top:45px}.tui-image-editor-container .tui-image-editor-help-menu.top .opened .tie-panel-history:before{border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #fff;left:90px;top:-8px}.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content]:before{left:13px;top:35px;border:none;border-bottom:7px solid #2f2f2f;border-left:7px solid transparent;border-right:7px solid transparent}.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content]:after{top:41px;left:-4px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content].opened:before,.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content].opened:after{content:none}.tui-image-editor-container .tui-image-editor-help-menu.bottom{white-space:nowrap;width:506px;height:40px;bottom:8px;left:50%;transform:translate(-50%)}.tui-image-editor-container .tui-image-editor-help-menu.bottom .tie-panel-history{bottom:45px}.tui-image-editor-container .tui-image-editor-help-menu.bottom .opened .tie-panel-history:before{border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #fff;left:90px;bottom:-8px}.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content]:before{left:13px;top:auto;bottom:36px;border:none;border-top:7px solid #2f2f2f;border-left:7px solid transparent;border-right:7px solid transparent}.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content]:after{top:auto;left:-4px;bottom:41px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content].opened:before,.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content].opened:after{content:none}.tui-image-editor-container .tui-image-editor-help-menu.left{white-space:inherit;width:40px;height:506px;left:8px;top:50%;transform:translateY(-50%)}.tui-image-editor-container .tui-image-editor-help-menu.left .tie-panel-history{left:140px;top:-4px}.tui-image-editor-container .tui-image-editor-help-menu.left .opened .tie-panel-history:before{border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;left:-8px;top:14px}.tui-image-editor-container .tui-image-editor-help-menu.left .tui-image-editor-item{margin:4px auto;padding:6px 8px}.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content]:before{left:27px;top:11px;border:none;border-right:7px solid #2f2f2f;border-top:7px solid transparent;border-bottom:7px solid transparent}.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content]:after{top:7px;left:40px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content].opened:before,.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content].opened:after{content:none}.tui-image-editor-container .tui-image-editor-help-menu.right{white-space:inherit;width:40px;height:506px;right:8px;top:50%;transform:translateY(-50%)}.tui-image-editor-container .tui-image-editor-help-menu.right .tie-panel-history{right:-30px;top:-4px}.tui-image-editor-container .tui-image-editor-help-menu.right .opened .tie-panel-history:before{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff;right:-8px;top:14px}.tui-image-editor-container .tui-image-editor-help-menu.right .tui-image-editor-item{margin:4px auto;padding:6px 8px}.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content]:before{left:-6px;top:11px;border:none;border-left:7px solid #2f2f2f;border-top:7px solid transparent;border-bottom:7px solid transparent}.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content]:after{top:7px;left:auto;right:39px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content].opened:before,.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content].opened:after{content:none}.tui-image-editor-container .tie-icon-add-button .tui-image-editor-button{min-width:42px}.tui-image-editor-container .svg_ic-menu,.tui-image-editor-container .svg_ic-helpmenu{width:24px;height:24px}.tui-image-editor-container .svg_ic-submenu{width:32px;height:32px}.tui-image-editor-container .svg_img-bi{width:257px;height:26px}.tui-image-editor-container .tui-image-editor-help-menu svg>use,.tui-image-editor-container .tui-image-editor-controls svg>use{display:none}.tui-image-editor-container .tui-image-editor-help-menu .enabled svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-controls .enabled svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-help-menu .normal svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-controls .normal svg:hover>use.hover{display:block}.tui-image-editor-container .tui-image-editor-help-menu .active svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-controls .active svg:hover>use.hover{display:none}.tui-image-editor-container .tui-image-editor-help-menu .on svg>use.hover,.tui-image-editor-container .tui-image-editor-controls .on svg>use.hover,.tui-image-editor-container .tui-image-editor-help-menu .opened svg>use.hover,.tui-image-editor-container .tui-image-editor-controls .opened svg>use.hover{display:block}.tui-image-editor-container .tui-image-editor-help-menu svg>use.normal,.tui-image-editor-container .tui-image-editor-controls svg>use.normal{display:block}.tui-image-editor-container .tui-image-editor-help-menu .active svg>use.active,.tui-image-editor-container .tui-image-editor-controls .active svg>use.active{display:block}.tui-image-editor-container .tui-image-editor-help-menu .enabled svg>use.enabled,.tui-image-editor-container .tui-image-editor-controls .enabled svg>use.enabled{display:block}.tui-image-editor-container .tui-image-editor-help-menu .active svg>use.normal,.tui-image-editor-container .tui-image-editor-controls .active svg>use.normal,.tui-image-editor-container .tui-image-editor-help-menu .enabled svg>use.normal,.tui-image-editor-container .tui-image-editor-controls .enabled svg>use.normal{display:none}.tui-image-editor-container .tui-image-editor-help-menu .help svg>use.disabled,.tui-image-editor-container .tui-image-editor-controls .help svg>use.disabled,.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg>use.normal,.tui-image-editor-container .tui-image-editor-controls .help.enabled svg>use.normal{display:block}.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg>use.disabled,.tui-image-editor-container .tui-image-editor-controls .help.enabled svg>use.disabled{display:none}.tui-image-editor-container .tui-image-editor-controls:hover{z-index:3}.tui-image-editor-container div.tui-colorpicker-clearfix{width:159px;height:28px;border:1px solid #d5d5d5;border-radius:2px;background-color:#f5f5f5;margin-top:6px;padding:4px 7px}.tui-image-editor-container .tui-colorpicker-palette-hex{width:114px;background-color:#f5f5f5;border:0;font-size:11px;margin-top:2px;font-family:Noto Sans,sans-serif}.tui-image-editor-container .tui-colorpicker-palette-hex[value="#ffffff"]+.tui-colorpicker-palette-preview,.tui-image-editor-container .tui-colorpicker-palette-hex[value=""]+.tui-colorpicker-palette-preview{border:1px solid #ccc}.tui-image-editor-container .tui-colorpicker-palette-hex[value=""]+.tui-colorpicker-palette-preview{background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC)}.tui-image-editor-container .tui-colorpicker-palette-preview{border-radius:100%;float:left;width:17px;height:17px;border:0}.tui-image-editor-container .color-picker-control{position:absolute;display:none;z-index:99;width:192px;background-color:#fff;box-shadow:0 3px 22px 6px #00000026;padding:16px;border-radius:2px}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-toggle-slider{display:none}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button{border:0;border-radius:100%;margin:2px;background-size:cover;font-size:1px}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title="#ffffff"],.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title=""]{border:1px solid #ccc}.tui-image-editor-container .color-picker-control .triangle{width:0;height:0;border-right:7px solid transparent;border-top:8px solid #fff;border-left:7px solid transparent;position:absolute;bottom:-8px;left:84px}.tui-image-editor-container .color-picker-control .tui-colorpicker-container,.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container ul,.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container{width:100%;height:auto}.tui-image-editor-container .filter-color-item .color-picker-control label{font-color:#333;font-weight:400;margin-right:7pxleft}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox{margin-top:0}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox input+label:before,.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox>label:before{left:-16px}.tui-image-editor-container .color-picker{width:100%;height:auto}.tui-image-editor-container .color-picker-value{width:32px;height:32px;border:0;border-radius:100%;margin:auto auto 1px}.tui-image-editor-container .color-picker-value.transparent{border:1px solid #cbcbcb;background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC)}.tui-image-editor-container .color-picker-value+label{color:#fff}.tui-image-editor-container .tui-image-editor-submenu svg>use{display:none}.tui-image-editor-container .tui-image-editor-submenu svg>use.normal{display:block}.tie-icon-add-button.icon-bubble .tui-image-editor-button[data-icontype=icon-bubble] svg>use.active,.tie-icon-add-button.icon-heart .tui-image-editor-button[data-icontype=icon-heart] svg>use.active,.tie-icon-add-button.icon-location .tui-image-editor-button[data-icontype=icon-location] svg>use.active,.tie-icon-add-button.icon-polygon .tui-image-editor-button[data-icontype=icon-polygon] svg>use.active,.tie-icon-add-button.icon-star .tui-image-editor-button[data-icontype=icon-star] svg>use.active,.tie-icon-add-button.icon-star-2 .tui-image-editor-button[data-icontype=icon-star-2] svg>use.active,.tie-icon-add-button.icon-arrow-3 .tui-image-editor-button[data-icontype=icon-arrow-3] svg>use.active,.tie-icon-add-button.icon-arrow-2 .tui-image-editor-button[data-icontype=icon-arrow-2] svg>use.active,.tie-icon-add-button.icon-arrow .tui-image-editor-button[data-icontype=icon-arrow] svg>use.active{display:block}.tie-draw-line-select-button.line .tui-image-editor-button.line svg>use.normal,.tie-draw-line-select-button.free .tui-image-editor-button.free svg>use.normal{display:none}.tie-draw-line-select-button.line .tui-image-editor-button.line svg>use.active,.tie-draw-line-select-button.free .tui-image-editor-button.free svg>use.active{display:block}.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg>use.normal,.tie-flip-button.flipX .tui-image-editor-button.flipX svg>use.normal,.tie-flip-button.flipY .tui-image-editor-button.flipY svg>use.normal{display:none}.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg>use.active,.tie-flip-button.flipX .tui-image-editor-button.flipX svg>use.active,.tie-flip-button.flipY .tui-image-editor-button.flipY svg>use.active{display:block}.tie-mask-apply.apply.active .tui-image-editor-button.apply label{color:#fff}.tie-mask-apply.apply.active .tui-image-editor-button.apply svg>use.active{display:block}.tie-crop-button .tui-image-editor-button.apply,.tie-crop-preset-button .tui-image-editor-button.apply{margin-right:24px}.tie-crop-button .tui-image-editor-button.preset.active svg>use.active,.tie-crop-preset-button .tui-image-editor-button.preset.active svg>use.active{display:block}.tie-crop-button .tui-image-editor-button.apply.active svg>use.active,.tie-crop-preset-button .tui-image-editor-button.apply.active svg>use.active{display:block}.tie-resize-button .tui-image-editor-button.apply,.tie-resize-preset-button .tui-image-editor-button.apply{margin-right:24px}.tie-resize-button .tui-image-editor-button.preset.active svg>use.active,.tie-resize-preset-button .tui-image-editor-button.preset.active svg>use.active{display:block}.tie-resize-button .tui-image-editor-button.apply.active svg>use.active,.tie-resize-preset-button .tui-image-editor-button.apply.active svg>use.active{display:block}.tie-shape-button.rect .tui-image-editor-button.rect svg>use.normal,.tie-shape-button.circle .tui-image-editor-button.circle svg>use.normal,.tie-shape-button.triangle .tui-image-editor-button.triangle svg>use.normal{display:none}.tie-shape-button.rect .tui-image-editor-button.rect svg>use.active,.tie-shape-button.circle .tui-image-editor-button.circle svg>use.active,.tie-shape-button.triangle .tui-image-editor-button.triangle svg>use.active{display:block}.tie-text-effect-button .tui-image-editor-button.active svg>use.active{display:block}.tie-text-align-button.tie-text-align-left .tui-image-editor-button.left svg>use.active,.tie-text-align-button.tie-text-align-center .tui-image-editor-button.center svg>use.active,.tie-text-align-button.tie-text-align-right .tui-image-editor-button.right svg>use.active{display:block}.tie-mask-image-file,.tie-icon-image-file{opacity:0;position:absolute;width:100%;height:100%;border:1px solid #008000;cursor:inherit;left:0;top:0}.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg>use.normal,.tie-zoom-button.flipX .tui-image-editor-button.flipX svg>use.normal,.tie-zoom-button.flipY .tui-image-editor-button.flipY svg>use.normal{display:none}.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg>use.active,.tie-zoom-button.flipX .tui-image-editor-button.flipX svg>use.active,.tie-zoom-button.flipY .tui-image-editor-button.flipY svg>use.active{display:block}.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls ul{text-align:right}.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls-logo{display:none}:root{--canvas-bg: #e8edf4;--node-bg: #ffffff;--node-header-bg: #f4f7fb;--node-border: #9aacc0;--node-shadow: 0 8px 24px #263b5726, 0 2px 4px #263b5717;--selection-fill: rgba(189, 81, 47, .085);--selection-ring: rgba(189, 81, 47, .2);--draft-minor: #dfe5ee;--draft-major: #c5d0df;--muted: #647184}:root[data-theme=dark]{--canvas-bg: #090e16;--node-bg: #202c3a;--node-header-bg: #293a4d;--node-border: #627a94;--node-shadow: 0 10px 30px #0009, 0 1px 0 #ffffff12 inset;--selection-fill: rgba(240, 149, 114, .095);--selection-ring: rgba(240, 149, 114, .28);--draft-minor: #142032;--draft-major: #25364d;--muted: #b0bfd0}.graph{background:var(--canvas-bg);container-type:inline-size}.graph .react-flow{--xy-background-color: var(--canvas-bg);--xy-background-color-default: var(--canvas-bg);--xy-selection-background-color: var(--selection-fill);--xy-selection-background-color-default: var(--selection-fill);--xy-selection-border: 1px solid var(--accent);--xy-selection-border-default: 1px solid var(--accent)}.drafting-axis text,.drafting-origin text{stroke:var(--canvas-bg)}.graph.canvas-select-mode .react-flow__selection{background:var(--selection-fill);border:1px solid var(--accent);box-shadow:0 0 0 1px var(--selection-ring);opacity:1}.graph.canvas-select-mode .react-flow__nodesselection-rect{background:transparent;border:1px dashed var(--accent);box-shadow:none}.graph.space-panning .react-flow__pane,.graph.space-panning .node>header,.graph.space-panning .group-titlebar,.graph.space-panning .react-flow__nodesselection-rect{cursor:grab}.graph.space-panning .react-flow__pane.dragging,.graph.space-panning .node>header:active{cursor:grabbing}.node{background:var(--node-bg);border-color:var(--node-border);box-shadow:var(--node-shadow);color:var(--ink)}.node>header{background:var(--node-header-bg);border-bottom-color:var(--node-border)}.node>header strong{color:var(--ink);font-weight:700}.node.group-storage{border-top:3px solid var(--text-port)}.node.image{border-top-color:var(--image-port)}.node.video{border-top-color:var(--video-port)}.node.audio{border-top-color:var(--audio-port)}.node.group-process{border-top-color:var(--accent)}.node.group-config{border-top:3px solid var(--endpoint-port)}.node.group-agent{border-top:3px solid var(--video-port)}.node.group-finance{border-top-color:var(--audio-port)}.react-flow__node.selected>.node{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 0 5px var(--selection-ring),var(--node-shadow)}.node.has-error{border-color:var(--error)}.node.running{border-color:var(--accent)}.node .preview{border-color:var(--node-border);background:var(--surface-soft)}.node .react-flow__handle{box-shadow:0 0 0 2px var(--node-bg)}.canvas-group-frame{border-color:var(--node-border);background:color-mix(in srgb,var(--node-bg) 10%,transparent)}.group-titlebar{background:var(--node-header-bg);border-bottom-color:var(--node-border)}.node>fieldset.node-body,.plain-fieldset{margin:0;border:0;min-inline-size:0}.plain-fieldset{padding:0}.node>fieldset.node-body{width:auto}.node fieldset:disabled input,.node fieldset:disabled select,.node fieldset:disabled textarea{opacity:1;color:var(--ink);-webkit-text-fill-color:var(--ink)}.is-readonly .node>header{cursor:default}.is-readonly .node-header-actions button:disabled{display:none}.node .empty-upload{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.node .empty-upload strong{font-size:12px;font-weight:600}.node .empty-upload small{font-size:10px;color:var(--muted)}.node.data-node .media-scale-badge{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:5px 8px;border-color:var(--node-border);background:var(--node-bg);color:var(--ink);box-shadow:0 2px 8px #0002;line-height:1.35;max-width:calc(100% - 14px);overflow:hidden;border-radius:7px}.media-metric-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px}.media-scale-badge .media-scale-label{color:var(--muted);font-size:9px}.media-scale-badge .media-scale-value{color:var(--accent);font-size:13px;font-weight:800}.media-native-size{font-size:11px;font-weight:650}.media-display-size{color:var(--muted);font-size:9px;flex-wrap:nowrap;white-space:nowrap}.node-media-metrics{flex:0 0 auto;min-width:0}.node-media-metrics:empty{display:none}.node.data-node .node-media-metrics .media-scale-badge{position:static;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.node-media-metrics .media-metric-main{flex-wrap:nowrap;min-width:0;gap:2px 6px;white-space:nowrap}.node-media-metrics .media-native-size{white-space:nowrap}.node-media-metrics button.media-scale-value{padding:1px 3px;min-height:0;border:0;border-radius:4px;background:transparent;font-family:inherit;line-height:inherit;cursor:pointer}.node-media-metrics button.media-scale-value:hover,.node-media-metrics button.media-scale-value:focus-visible{background:var(--accent-soft);outline:1px solid var(--accent)}.guide-trigger,.readonly-toggle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 9px;font-size:11px}.guide-trigger{color:var(--accent)}.readonly-toggle.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.readonly-banner{position:absolute;left:20px;top:47px;z-index:5;display:flex;align-items:center;gap:8px;max-width:calc(100% - 40px);padding:7px 10px;border-radius:8px;background:var(--node-bg);border:1px solid var(--node-border);box-shadow:var(--shadow);font-size:11px;color:var(--ink)}.readonly-banner button{font-size:11px;padding:3px 6px;color:var(--accent);white-space:nowrap}.performance-setting{padding:12px 9px;border-block:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.performance-setting>span{display:flex;align-items:center;gap:5px;font-size:12px}.performance-setting select{font-size:12px;padding:6px 8px}.performance-setting small{font-size:10px;color:var(--muted);line-height:1.5}.canvas-view-popover{max-height:min(70vh,520px);overflow-y:auto}.graph .canvas-welcome.goal-welcome{inset:58px 20px 102px;transform:none;width:auto;max-width:1060px;margin:auto;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain;padding:16px 12px;text-align:center;display:flex;flex-direction:column;justify-content:safe center}.goal-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--accent);font-weight:650;font-size:12px}.goal-welcome h1{font-size:clamp(25px,4cqw,40px);line-height:1.25;margin:16px 0 12px;letter-spacing:-.6px}.goal-welcome>.goal-subtitle{color:var(--muted);font-size:13px;line-height:1.8;max-width:620px;margin:0 auto 27px}.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.goal-card{border:1px solid var(--node-border);border-radius:14px;padding:20px 17px 17px;background:var(--node-bg);box-shadow:var(--node-shadow);text-align:left;display:flex;flex-direction:column;gap:8px}.goal-card.is-recommended{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--node-shadow)}.goal-card-top{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.goal-card-top .type-icon{width:42px;height:42px;border-radius:11px}.goal-card-top small{font-size:10px;color:var(--muted)}.goal-card.is-recommended .goal-card-top small{color:var(--accent);font-weight:600}.goal-card h2{font-size:17px;margin:2px 0 0;line-height:1.5}.goal-card p{font-size:12px;color:var(--muted);line-height:1.75;margin:0 0 10px;flex:1}.goal-card button{display:flex;gap:7px;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;font-size:12px;font-weight:650}.goal-card button:focus-visible{outline-offset:5px}.goal-next{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;font-size:10px;color:var(--muted);margin:22px 0 16px}.goal-next strong{color:var(--ink);font-weight:600;margin-right:6px}.goal-secondary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;font-size:11px;color:var(--muted)}.goal-secondary button{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;font-size:11px}.goal-paste-tip{font-size:10px;flex-basis:100%}.goal-custom{margin:16px auto 0;display:inline-flex;gap:2px;align-items:center;color:var(--muted);font-size:11px;background:transparent;border-color:transparent;padding:5px}.goal-welcome .welcome-note{margin:13px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.creation-guide{position:absolute;right:calc(18px + var(--safe-right));top:54px;width:304px;max-width:calc(100% - 36px);max-height:calc(100% - 210px);overflow:auto;overscroll-behavior:contain;z-index:6;background:var(--node-bg);border:1px solid var(--node-border);border-radius:12px;box-shadow:var(--shadow-lg);color:var(--ink);font-size:12px}.creation-guide>header{display:flex;align-items:center;gap:7px;padding:12px 10px;background:var(--node-header-bg);border-bottom:1px solid var(--line)}.creation-guide header>div{flex:1;min-width:0}.creation-guide header strong{display:block;font-size:12px}.creation-guide header small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.creation-guide .guide-symbol{display:inline-flex;color:var(--accent)}.creation-guide header .icon-button{width:24px;height:27px;padding:3px;flex-shrink:0}.creation-guide.is-collapsed{width:max-content}.creation-guide.is-collapsed header{border-bottom:0}.guide-content{padding:8px 10px 10px}.guide-step{width:100%;text-align:left;display:flex;align-items:center;gap:9px;padding:10px 6px;margin:1px 0;border-color:transparent;background:transparent}.guide-step>b{flex:0 0 23px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);border:1px solid var(--line-strong);font-size:11px}.guide-step>span{flex:1;min-width:0}.guide-step strong{font-size:11px;display:block}.guide-step small{display:block;color:var(--muted);font-size:10px;line-height:1.65;margin-top:3px}.guide-step>svg{flex-shrink:0;color:var(--muted)}.guide-step.is-done>b{color:var(--success);border-color:var(--success);background:var(--success-soft)}.guide-reference{margin:3px 0 7px 36px;padding:10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.guide-reference>strong{display:flex;align-items:center;gap:5px;font-size:11px}.guide-reference>strong span{margin-left:auto;color:var(--muted);font-weight:400;font-size:9px}.guide-reference p{margin:7px 0 9px;color:var(--muted);font-size:10px;line-height:1.8}.guide-reference>div{display:flex;flex-wrap:wrap;gap:6px}.guide-reference .file-button,.guide-reference button{padding:6px 8px;font-size:10px}.guide-safety{display:flex;align-items:flex-start;gap:6px;margin:8px 4px 0;padding-top:10px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.8}.guide-safety svg{margin-top:3px;flex-shrink:0}.guide-no-generator{padding:14px}.guide-no-generator p{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 12px}.guide-no-generator button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px}.guide-highlight{outline:3px solid var(--accent)!important;outline-offset:4px;box-shadow:0 0 0 8px var(--selection-ring)!important}.quick-create-menu{position:absolute;width:314px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);z-index:12;display:flex;flex-direction:column;background:var(--node-bg);border:1px solid var(--node-border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.quick-create-menu>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:13px 12px 9px}.quick-create-menu>header>div{min-width:0}.quick-create-menu header strong{font-size:13px}.quick-create-menu header small{display:block;color:var(--muted);font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-create-menu header .icon-button{width:25px;height:26px}.quick-create-search{display:flex;align-items:center;margin:0 11px 8px;gap:7px;color:var(--muted)}.quick-create-search input{padding:7px 9px;font-size:12px}.quick-create-options{overflow-y:auto;min-height:0;max-height:310px;padding:3px 6px;overscroll-behavior:contain}.quick-create-options button{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:9px 7px;border-color:transparent;background:transparent}.quick-create-options button:hover,.quick-create-options button:focus-visible{background:var(--surface-hover);border-color:var(--node-border);outline-offset:-2px}.quick-create-options .type-icon{width:32px;height:32px;flex:0 0 32px}.quick-create-options button>span:nth-child(2){flex:1;min-width:0}.quick-create-options strong{display:block;font-size:12px}.quick-create-options small{display:block;font-size:10px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.quick-create-menu footer{padding:9px 12px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.quick-create-empty{padding:14px 9px;font-size:12px;line-height:1.8;color:var(--muted)}.setup-beginner{margin:24px 0 20px;max-width:480px}.setup-beginner h2{margin:0 0 16px;font-size:15px}.setup-beginner ol{margin:0;padding:0;list-style:none;display:grid;gap:16px}.setup-beginner li{display:flex;gap:12px;align-items:flex-start}.setup-beginner li>b{width:25px;height:25px;flex-shrink:0;display:grid;place-items:center;background:var(--surface);border:1px solid var(--node-border);border-radius:8px;color:var(--accent);font-size:12px}.setup-beginner strong{display:block;font-size:12px;margin-bottom:4px}.setup-beginner li span{display:block;color:var(--muted);font-size:11px;line-height:1.75}.setup-intro .setup-beginner>p{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0 0;padding-left:37px}.setup-intro h1{font-size:clamp(28px,3.2vw,45px)}.canvas-action-dialog{width:min(500px,calc(100vw - 32px))}.canvas-action-dialog form{padding:0 22px 18px}.canvas-action-dialog .dialog-field{margin:17px 0}.action-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.action-choice-grid button{display:flex;justify-content:center;align-items:center;gap:8px;padding:14px}.action-choice-grid button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.dialog-explanation{font-size:11px;color:var(--muted);line-height:1.85;margin:14px 0}.export-options{display:flex;flex-wrap:wrap;gap:16px}.export-options label{display:flex;align-items:center;gap:7px;font-size:12px}.export-size-readout{margin:17px 0;padding:15px;border-radius:9px;background:var(--surface-soft);border:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.export-size-readout strong{font-size:21px;font-variant-numeric:tabular-nums}.export-size-readout span{font-size:11px;color:var(--muted)}.export-progress{display:flex;gap:8px;align-items:center;color:var(--accent);font-size:12px}.canvas-action-dialog .dialog-footer{padding:16px 0 0}.canvas-export-stage .node,.canvas-export-stage *{animation:none!important;transition:none!important}.canvas-export-stage .guide-highlight{outline:none!important;box-shadow:none!important}.asset-card[aria-disabled=true]{cursor:default}.asset-add[hidden]{display:none}@container (max-width: 760px){.goal-grid{gap:9px}.goal-card{padding:15px 12px 12px}.goal-card h2{font-size:15px}.goal-card button{font-size:11px;padding:9px}.goal-welcome>.goal-subtitle{font-size:12px}.canvas-hint{display:none}.creation-guide{width:278px}}@container (max-width: 500px){.goal-grid{grid-template-columns:1fr}.goal-card{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:15px}.goal-card-top{grid-column:1 / -1;flex-direction:row;align-items:center;gap:10px}.goal-card-top .type-icon{width:29px;height:29px}.goal-card h2{grid-column:1}.goal-card p{grid-column:1;font-size:10px;margin:0}.goal-card button{grid-column:2;grid-row:2 / 4;align-self:center;width:auto}.graph .canvas-welcome.goal-welcome{inset:40px 8px 106px;padding:12px 8px;justify-content:flex-start}.goal-welcome h1{font-size:24px;margin:12px 0 8px}.goal-welcome>.goal-subtitle{margin-bottom:15px}.goal-next{gap:6px;font-size:9px;margin:17px 0 12px}.goal-next strong{flex-basis:100%}.creation-guide{right:calc(10px + var(--safe-right));max-width:calc(100% - 20px)}.readonly-banner{left:10px;font-size:10px;flex-wrap:wrap}.canvas-controls{gap:0;padding-inline:5px}.canvas-controls .icon-button{width:25px}.canvas-controls .control-divider{margin-inline:3px}}@media (max-width: 1250px){.studio-header .save-state,.studio-header .header-search span,.studio-header .header-search kbd{display:none}.studio-header .header-search{width:32px;padding:7px}.studio-header .history-actions{display:none}}@media (max-width: 760px){.guide-trigger>span,.readonly-toggle>span{display:none}.guide-trigger,.readonly-toggle{padding:6px}.setup-intro .setup-beginner{margin-top:20px}.setup-intro .setup-beginner>p{padding-left:0}.setup-beginner ol{gap:12px}.setup-beginner h2{font-size:14px}.canvas-action-dialog form{padding-inline:15px}}@media (prefers-reduced-motion: reduce){.node,.goal-card,.guide-step{transition:none}}.agent-entry{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-color:var(--accent-border);color:var(--accent);background:var(--accent-soft);white-space:nowrap;font-size:12px}.agent-entry>b{min-width:18px;height:18px;padding-inline:4px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:10px}.agent-workspace-dialog{width:min(750px,calc(100vw - 32px))}.agent-dialog-body{padding:2px 24px 24px;color:var(--ink);font-size:13px;line-height:1.85;overflow-wrap:anywhere}.agent-dialog-body>p{margin:16px 0}.agent-start{padding:14px;border:1px solid var(--line);border-radius:12px;display:grid;gap:9px}.agent-start p{margin:0;line-height:1.6}.agent-start small{color:var(--muted);line-height:1.5}.agent-start button{justify-self:start}.agent-journey{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;padding:15px;background:var(--surface-soft);border-radius:11px;border:1px solid var(--line);font-size:12px}.agent-journey>span{display:inline-flex;align-items:center;gap:7px}.agent-journey b{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);border-radius:7px}.agent-journey>i{color:var(--muted);font-style:normal}.agent-dialog-body .agent-boundary{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:var(--muted)}.agent-boundary svg{flex-shrink:0;margin-top:4px}.legacy-agent-note{font-size:12px;line-height:1.8;padding:12px;border-radius:9px;background:var(--surface-soft)}.performance-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 9px;border-block:1px solid var(--line)}.performance-option>span{font-size:12px}.performance-option small{display:block;color:var(--muted);font-size:10px;margin-top:3px;max-width:160px}.performance-option select{width:auto;font-size:12px;padding:5px 7px}button.goal-card{position:relative;align-items:flex-start;min-height:218px;padding:21px 19px}button.goal-card>.type-icon{width:42px;height:42px;border-radius:11px;margin-bottom:9px}button.goal-card>em{position:absolute;top:21px;right:17px;font-size:10px;font-style:normal;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:20px;padding:3px 8px}button.goal-card>strong{font-size:17px;line-height:1.55;color:var(--ink)}button.goal-card>small{font-size:12px;line-height:1.85;color:var(--muted);flex:1}button.goal-card>svg{align-self:flex-end;color:var(--accent);margin-top:7px}button.goal-card.is-recommended>em{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}button.goal-card:hover:not(:disabled),button.goal-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--selection-ring),var(--node-shadow)}.goal-reassurance{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px!important;color:var(--muted);margin:17px 0}.goal-tip{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:14px}.quick-create-menu>small{padding:0 12px 8px;font-size:10px;color:var(--muted)}.quick-create-options button.active{background:var(--accent-soft);border-color:var(--accent-border)}@container (max-width: 500px){button.goal-card{min-height:0;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;padding:14px;gap:5px 10px}button.goal-card>.type-icon{grid-column:1;grid-row:1 / 3;width:32px;height:32px;margin:2px 0 0}button.goal-card>strong{grid-column:2;font-size:14px}button.goal-card>small{grid-column:2;font-size:10px}button.goal-card>svg{grid-column:3;grid-row:1 / 3;align-self:center}button.goal-card>em{display:none}.goal-reassurance{align-items:flex-start;font-size:10px!important}}@media (max-width: 1080px){.agent-entry>span{display:none}.agent-entry{padding:7px}}@media (max-width: 640px){.agent-dialog-body{padding:0 15px 18px}.agent-journey{flex-direction:column;align-items:flex-start}.agent-journey>i{display:none}}.studio-app{--motion-fast: .12s;--motion-panel: .17s;--motion-ease: cubic-bezier(.2, .7, .2, 1)}.node-catalog,.studio-inspector{contain:layout style}.react-flow__node{contain:layout}.studio-app[data-motion=gentle] :is(button,.file-button,.catalog-item,.goal-card){transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}.studio-app[data-motion=gentle] :is(.dialog-panel,.studio-dialog,.quick-create-menu,.canvas-context-menu,.canvas-view-popover){animation:chrome-reveal var(--motion-panel) var(--motion-ease) both}.studio-app[data-motion=gentle] .studio-toast{animation:feedback-reveal .17s var(--motion-ease) both}.studio-app[data-motion=gentle] .node>header{transition:background-color .13s ease}.studio-app :is(button,input,select,textarea,summary,[tabindex="0"]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.studio-app button:active:not(:disabled){filter:brightness(.94)}@keyframes chrome-reveal{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}@keyframes feedback-reveal{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}.studio-app[data-motion=off] *,.studio-app[data-quality=efficient] .react-flow__edge-path{animation:none!important;transition:none!important;scroll-behavior:auto!important}.studio-app[data-quality=efficient] :is(.node,.canvas-group-frame,.canvas-controls){box-shadow:none;backdrop-filter:none}.studio-app[data-quality=efficient] .react-flow__node.selected>.node{box-shadow:0 0 0 2px var(--accent)}.graph[data-interacting=true] :is(.node,.canvas-group-frame){box-shadow:none!important}.graph[data-interacting=true] .react-flow__edge-path{animation:none!important}.graph[data-interacting=true] .react-flow__node.selected>.node{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion: reduce){.studio-app *,.studio-app *:before,.studio-app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.node.is-low-detail{display:flex;flex-direction:column}.node.is-low-detail>.node-body{flex:1 1 auto;min-height:0;overflow:clip}.node-detail-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:18px 8px;min-height:80px;color:var(--muted);overflow:hidden}.node-detail-summary strong{color:var(--ink);font-size:15px}.node-detail-summary>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.node-detail-summary small{font-size:11px}.preview-loading,.preview-load-error{min-height:60px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12px;padding:12px}.preview-load-error{flex-direction:column}.node .preview-quality-toggle{font-size:10px;padding:4px 7px;color:var(--muted);border:1px solid var(--line);border-radius:6px;background:var(--node-bg);align-self:flex-start}.node .preview-quality-toggle:hover{color:var(--accent);border-color:var(--accent)}.node .preview{position:relative}.node .node-overview-preview{overflow:clip}.node .preview>.preview-quality-toggle{position:absolute;left:8px;bottom:8px;z-index:2;max-width:calc(100% - 16px)}.node.note{border-top:3px solid var(--audio-port);background:var(--node-bg)}.node.note>header{background:color-mix(in srgb,var(--audio-port) 10%,var(--node-header-bg))}.node.note .node-body{flex:1;min-height:100px}.canvas-note-content{display:flex;min-height:105px;height:100%;flex-direction:column;gap:8px}.canvas-note-content textarea{width:100%;flex:1;min-height:90px;resize:none;border:0;background:transparent;font-size:13px;line-height:1.65;padding:6px}.canvas-note-content small{color:var(--muted);font-size:10px}.type-note{color:var(--audio-port);background:color-mix(in srgb,var(--audio-port) 12%,var(--surface))}.canvas-quality-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;font-size:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);pointer-events:auto;white-space:nowrap}.canvas-quality-badge:hover{border-color:var(--accent);color:var(--accent)}.branch-view-banner,.archive-retry-banner{position:absolute;top:48px;left:18px;z-index:8;max-width:min(620px,calc(100% - 36px));display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--accent);border-radius:9px;background:var(--node-bg);color:var(--ink);font-size:12px;box-shadow:var(--shadow)}.archive-retry-banner{top:94px;border-color:var(--audio-port)}.branch-view-banner button,.archive-retry-banner button{color:var(--accent);font-size:11px;padding:5px 7px;background:var(--accent-soft);border-radius:6px}.react-flow__node.is-trace-muted{opacity:.35}.react-flow__edge.is-trace-muted{opacity:.18}.react-flow__edge.is-trace-active .react-flow__edge-path{stroke-width:3}.react-flow__node.is-trace-active>.node{border-color:var(--accent)}.canvas-export-stage .is-trace-muted{opacity:1!important}.performance-dialog,.workbench-dialog{width:min(760px,calc(100vw - 32px))}.quality-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}.quality-options button{text-align:left;padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:10px;display:grid;gap:4px}.quality-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.quality-options strong{font-size:13px}.quality-options small{color:var(--muted);font-size:11px}.quality-current{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;margin-bottom:16px}.quality-current small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.performance-readout{margin:16px 0;border-top:1px solid var(--line)}.performance-readout>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.performance-readout dt{color:var(--muted)}.performance-readout dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.workbench-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 15px;padding-bottom:8px}.workbench-tabs button{flex:1;padding:9px 4px;font-size:12px;border-radius:7px;color:var(--muted)}.workbench-tabs button[aria-selected=true]{color:var(--accent);background:var(--accent-soft);font-weight:600}.workbench-pane{min-height:250px}.workbench-pane h3{font-size:15px;margin:6px 0 10px}.workbench-pane p{line-height:1.65;color:var(--muted);font-size:12px}.workbench-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;font-size:12px}.workbench-actions button,.workbench-pane>button,.trace-options button,.list-pagination button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid var(--line);background:var(--surface);border-radius:7px;font-size:12px}.workbench-filter{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:10px}.workbench-filter select{width:auto;padding:5px 8px}.workbench-issues{max-height:min(410px,45vh);overflow:auto;overscroll-behavior:contain}.workbench-issue{display:flex;align-items:flex-start;gap:9px;padding:12px 0;border-bottom:1px solid var(--line)}.workbench-issue>svg{margin-top:2px;flex:0 0 auto;color:var(--audio-port)}.workbench-issue.error>svg{color:var(--error)}.workbench-issue>div{flex:1;min-width:0}.workbench-issue strong{font-size:12px}.workbench-issue p{margin:4px 0 0;font-size:11px}.workbench-issue button{padding:5px 8px;font-size:11px;color:var(--accent);border:1px solid var(--line);border-radius:6px}.workbench-empty{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px;color:var(--muted);font-size:12px;text-align:center}.workbench-hint{padding:10px 12px;background:var(--surface-soft);border-radius:8px;font-size:11px!important}.trace-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.trace-options>div{display:flex;flex-direction:column;gap:9px;padding:14px 12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px}.trace-options strong{font-size:12px}.trace-options small{font-size:11px;color:var(--muted);min-height:32px}.bookmark-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--line)}.bookmark-row>button:first-child{flex:1;display:flex;align-items:center;gap:10px;padding:10px 4px;text-align:left}.bookmark-row strong{flex:1;font-size:12px}.bookmark-row small{color:var(--muted);font-size:11px}.fragment-media-choice{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:12px;color:var(--muted)}.fragment-media-choice input{width:auto}.workbench-actions .file-button{display:inline-flex;position:relative;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;padding:7px 10px;cursor:pointer;background:var(--surface);font-size:12px}.workbench-actions .file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.workbench-actions .file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.workbench-actions .file-button.is-disabled{opacity:.5;cursor:not-allowed}.list-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 6px;color:var(--muted);font-size:11px}.list-pagination button:disabled{opacity:.4;cursor:default}@media (max-width: 760px){.canvas-hint{display:none}.trace-options{grid-template-columns:1fr}.trace-options small{min-height:0}.performance-readout>div{flex-direction:column;gap:5px}.performance-readout dd{text-align:left}}.node.node-render-error{min-height:185px;border-color:var(--error);background:var(--node-bg)}.node.node-render-error>header{color:var(--ink);background:var(--node-header-bg);padding:15px}.node.node-render-error .node-body{display:flex;flex-direction:column;gap:10px;padding:14px;color:var(--muted)}.node.node-render-error p{margin:0;font-size:12px;line-height:1.7}.node.node-render-error button{align-self:flex-start;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--accent);background:var(--surface)}.node.node-render-error small{font-size:11px}.project-transfer-banner{position:absolute;z-index:9;right:calc(18px + var(--safe-right));top:54px;max-width:min(380px,calc(100% - 36px - var(--safe-left) - var(--safe-right)));display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--node-bg);box-shadow:var(--shadow);font-size:12px}.project-transfer-banner>span{flex:1;min-width:120px;overflow-wrap:anywhere}.project-transfer-banner>button{padding:5px 8px;border:1px solid var(--line);border-radius:6px;color:var(--accent);background:var(--surface);white-space:nowrap}@media (max-width: 820px){.graph .canvas-error,.graph .project-transfer-banner{left:12px;right:12px;max-width:none;z-index:30}}.react-flow__edgeupdater{cursor:grab}.react-flow__edgeupdater:hover,.react-flow__edge.selected .react-flow__edgeupdater{fill:var(--selection-fill);stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:3 3}.react-flow__edgeupdater:active{cursor:grabbing}.node.data-node.video .preview:has(.video-track){min-height:170px}.node .preview .video-track>video{min-height:80px}.node.is-low-detail .node-overview-preview{flex:1 1 0;width:100%;height:auto;min-height:40px;pointer-events:none}.node-overview-preview>.audio-track{height:100%;min-height:0;padding:6px}.node-overview-preview .audio-track-heading,.node-overview-preview .audio-time-ruler,.node-overview-preview .video-track-status,.node-overview-preview button{display:none}.node-overview-preview .audio-wave-area,.node-overview-preview .audio-wave-seek{min-height:24px}.node-overview-preview .audio-wave-seek svg{min-height:24px}.video-output-ports{margin-left:auto;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.video-output-port{position:relative;font-size:10px;line-height:18px;color:var(--muted);text-align:right}.node.data-node>header .video-output-port .react-flow__handle-right{right:-13px}.video-track>.audio-track{flex:0 0 58px;min-height:58px;padding:4px 8px;gap:3px}.video-track>.audio-track .audio-track-heading{display:none}.video-track>.audio-track .audio-wave-area{min-height:42px}.video-track .audio-wave-seek,.video-track .audio-wave-seek svg{min-height:28px;height:28px}.video-track-status{display:block;color:var(--muted);font-size:10px;padding:3px 6px}.node-port-bank{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.node-input-column{grid-column:1;grid-row:1;min-width:0}.node-output-column{grid-column:2;grid-row:1;min-width:0}.node-port-bank .port-row,.node-port-bank .output-row{min-height:25px;gap:4px;font-size:10px;min-width:0}.node-port-bank .node-input-column,.node-port-bank .node-output-column{display:grid;align-content:start;gap:8px}.node-port-bank .output-row>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-port-bank .disconnect{font-size:9px;padding:1px 3px;margin-left:auto;flex-shrink:0}.studio-app .node:not(.data-node)>.node-body{padding:7px 14px 10px;gap:8px}.studio-app .node:not(.data-node)>header{padding:8px 13px;min-height:42px}.studio-app .cloud-fields{gap:8px}.port-global-badge{margin-left:auto;padding:1px 7px;border:1px solid var(--node-border);border-radius:999px;font-size:10px;line-height:16px;white-space:nowrap;cursor:help}.port-global-badge.ready{color:var(--success, #6da899);border-color:color-mix(in srgb,var(--success, #6da899) 42%,transparent);background:color-mix(in srgb,var(--success, #6da899) 12%,transparent)}.port-global-badge.missing{color:#c9a227;border-color:color-mix(in srgb,#c9a227 42%,transparent);background:color-mix(in srgb,#c9a227 12%,transparent)}.capability-note.inferred{color:#f0b429}.upstream-input-hint{font-size:10px;color:var(--muted)}.node-port-caption{flex-shrink:0;font-size:10px;font-weight:500;color:var(--muted);white-space:nowrap}.node-port-output{margin-left:auto}.node-header-actions:empty{display:none}.endpoint-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.endpoint-save-actions>div{display:flex;flex-direction:column;gap:6px}.endpoint-save-actions button{width:100%}.endpoint-save-actions small{color:var(--muted);font-size:10px;text-align:center}.address-hint{font-size:10px;color:var(--muted)}.protocol-note{font-size:10px;color:var(--muted);border-left:2px solid var(--node-border);padding-left:6px}.model-cascade{display:flex;flex-wrap:wrap;gap:4px}.model-cascade select{flex:1 1 96px;min-width:0}.studio-app .node{border:1px solid var(--node-border);border-radius:12px;background:var(--node-bg)}.studio-app .node>header{background:var(--node-header-bg)}.studio-app .node.group-process{border-radius:0}.studio-app .node.group-config{border:2px dashed var(--node-border);border-radius:8px}.studio-app .node.group-finance{border:3px double var(--node-border);border-radius:8px}.studio-app .node.group-agent{border:2px dotted var(--node-border);border-radius:16px}.studio-app .node .node-type-symbol,.studio-app .type-icon[class]{color:var(--muted);background:var(--surface-soft)}.studio-app .react-flow__node.selected>.node{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 0 5px var(--selection-ring),var(--node-shadow)}.studio-app .react-flow__node.selected>.node>header{background:color-mix(in srgb,var(--accent) 8%,var(--node-header-bg))}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;--bg: #f5f5f7;--surface: #ffffff;--surface-soft: #f5f5f7;--surface-hover: #ededf0;--ink: #1d1d1f;--muted: #67676e;--subtle: #81818a;--line: #e6e6eb;--line-strong: #cfcfd6;--accent: #bd512f;--accent-hover: #a64123;--accent-soft: #fff0e9;--accent-border: #f2c8b7;--canvas-bg: #f9faed;--node-bg: #fbfbf9;--port-ring: #cf6f45;--port-ring-soft: #e0916c38;--node-header-bg: #fafafb;--node-border: #d5d5dc;--draft-minor: #ececf0;--draft-major: #dedee5;--draft-axis: #a0a3ae;--selection-fill: #bd512f10;--selection-ring: #bd512f25;--shadow: 0 2px 8px #16162408, 0 10px 28px #16162406;--shadow-lg: 0 24px 80px #16162424, 0 2px 8px #1616240a;--node-shadow: 0 2px 5px #1616240a, 0 8px 20px #16162408;--radius-control: 10px;--radius-card: 16px;--radius-panel: 22px;--control-height: 36px;--control-font-size: 12px;--control-padding-inline: 10px;--control-tab-height: 32px;--ui-ease: cubic-bezier(.22, 1, .36, 1);--ui-fast: .16s;--ui-panel: .26s}:root[data-theme=dark]{--bg: #171719;--surface: #242426;--surface-soft: #2c2c2f;--surface-hover: #37373c;--ink: #f3f3f5;--muted: #b0b0b9;--subtle: #9898a2;--line: #38383d;--line-strong: #505058;--accent: #f09572;--accent-hover: #f7b195;--accent-soft: #3e2e2a;--accent-border: #6a493a;--canvas-bg: #170f1a;--node-bg: #241f33;--port-ring: #f09572;--port-ring-soft: #f0957240;--node-header-bg: #2d2d31;--node-border: #484850;--draft-minor: #212125;--draft-major: #2c2c32;--draft-axis: #63636e;--selection-fill: #f0957215;--selection-ring: #f0957235;--node-shadow: 0 3px 12px #00000024;--shadow: 0 8px 28px #00000028;--shadow-lg: 0 24px 80px #00000060}button,.file-button,.import-project,summary,input:not([type=checkbox]):not([type=range]),textarea,select{border-radius:var(--radius-control)}button,.file-button,.import-project{font-weight:500;line-height:1.5}input,textarea,select{border-color:var(--line)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px var(--selection-ring)}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary-button,.node-body button.primary-button,.generate-actions>button{border-color:transparent;border-radius:var(--radius-control);box-shadow:none}.icon-button{border-radius:var(--radius-control)}small{line-height:1.65}::selection{background:var(--accent-border);color:var(--ink)}:is(.node-catalog,.inspector-content,.dialog-content,.command-results,.library-content){scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;overscroll-behavior:contain}.studio-header{height:64px;padding-inline:20px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:none}.header-panel-nav{display:inline-flex;align-items:center;gap:2px;padding:2px;border-left:1px solid var(--line);margin-left:2px}.header-panel-nav .icon-button{width:32px;height:32px}.header-panel-nav .icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.brand-home{border:0;background:transparent;padding:4px 6px;margin-inline:-6px;border-radius:12px;cursor:pointer;font:inherit;color:inherit;transition:background var(--ui-fast) var(--ui-ease)}.brand-home:hover{background:var(--surface-hover)}.brand-home:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.node-catalog,.studio-inspector{background:var(--surface)}.catalog-search{margin:12px 16px 0;border-radius:11px}.catalog-item,.layer-item{border-radius:12px;margin-inline:8px;width:calc(100% - 16px)}.catalog-item{padding-block:12px}.catalog-item strong{font-size:12px;line-height:1.5}.catalog-item small{font-size:11px;line-height:1.6}.catalog-item:hover,.layer-item:hover{background:var(--surface-soft)}.type-icon{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:var(--surface-soft);color:var(--muted)}.type-icon svg,.node-type-symbol svg{width:17px;height:17px;stroke-width:1.8}.catalog-group-title{color:var(--muted)}.header-actions>button,.project-menu>summary{min-height:34px}.project-menu-content,.canvas-view-popover,.canvas-context-menu,.quick-create-menu{border:1px solid var(--line);border-radius:var(--radius-card);padding:6px;box-shadow:var(--shadow-lg);background:var(--surface)}.project-menu-content>button,.project-menu-content>label{min-height:42px;text-align:left;justify-content:flex-start}.project-menu-content small{margin-left:auto}.canvas-controls,.canvas-selection-bar,.native-selection-tools{border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.canvas-controls{padding:7px;width:max-content;max-width:calc(100% - 24px);flex-wrap:nowrap}.graph{container-type:inline-size}.compact-canvas-actions{display:none}@container (max-width: 560px){.canvas-controls .canvas-secondary-control,.canvas-controls .mode-controls,.canvas-controls .control-divider,.canvas-controls .zoom-label{display:none}.canvas-controls{gap:2px;padding:5px}.canvas-controls .zoom-value{min-width:48px;padding-inline:4px}.canvas-controls .canvas-arrange-button{padding-inline:7px}.compact-canvas-actions{display:grid}}.canvas-controls .icon-button{border-radius:9px}.canvas-controls .canvas-arrange-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border-radius:9px;white-space:nowrap;color:var(--accent);background:var(--accent-soft)}.graph-title,.canvas-quality-badge{color:var(--muted)}.drafting-axis,.drafting-origin{opacity:.65}.canvas-quality-badge{padding:6px 9px;border-radius:9px}.canvas-welcome h1{letter-spacing:-1px;font-weight:650}.goal-grid{gap:14px}button.goal-card{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);min-height:188px;padding:20px}button.goal-card.is-recommended{border-color:var(--accent-border)}button.goal-card>strong{font-size:17px;font-weight:600}button.goal-card>small{line-height:1.7}button.goal-card>.type-icon{background:var(--accent-soft);color:var(--accent)}button.goal-card:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow)}.setup-page{background:var(--bg)}.storage-setup{border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow)}.storage-choice{border-radius:14px}.storage-choice.recommended{background:var(--accent-soft);border-color:var(--accent-border)}.setup-intro h1{letter-spacing:-1.5px}.setup-flow>div{box-shadow:var(--shadow)}.setup-beginner{max-width:400px}.studio-dialog{border-radius:var(--radius-panel);border:1px solid var(--line);box-shadow:var(--shadow-lg);max-height:calc(100dvh - 48px);padding:0;overflow:hidden}.studio-dialog[open]{display:flex;flex-direction:column}.studio-dialog::backdrop{background:#10101842;backdrop-filter:blur(3px)}.studio-dialog .dialog-header{padding:24px 26px 20px;border-bottom:1px solid var(--line);flex:0 0 auto;align-items:flex-start}.dialog-header h2{font-size:20px;line-height:1.4;font-weight:650;letter-spacing:-.5px}.dialog-header p{font-size:12px;margin-top:6px;line-height:1.7}.dialog-header .icon-button{background:var(--surface-soft);border-radius:50%;margin:0;width:30px;height:30px;flex-shrink:0}.dialog-content{min-height:0;overflow:auto;padding:22px 26px 24px}.dialog-content .dialog-field{margin:0 0 20px;font-size:12px;color:var(--ink)}.dialog-field>:is(input,select,textarea){margin-top:8px;min-height:38px}.dialog-field small{text-align:left;color:var(--muted);font-size:11px;margin-top:6px}.dialog-content .dialog-footer{padding:18px 0 0;margin-top:20px;border-top:1px solid var(--line)}.dialog-footer button{min-height:36px}.dialog-content .dialog-explanation{padding:0;margin:12px 0;font-size:12px;line-height:1.75}.dialog-content :is(.agent-dialog-body,.help-body){padding:0}.dialog-content .command-search{padding:0 0 14px}.dialog-content .command-results{padding:8px 0}.dialog-content .command-footer{padding:14px 0 0}.dialog-content :is(.library-toolbar,.library-filters){padding-inline:0}.dialog-content .library-content{padding-inline:0}.dialog-content .library-footer{padding:16px 0 0;margin-top:10px}.dialog-content .library-message{margin-inline:0}.segmented-tabs,.catalog-filters,.task-filters,.panel-tabs,.library-filters{display:flex;align-items:center;gap:4px;padding:4px;background:var(--surface-soft);border-radius:11px;border:0}.segmented-tabs{margin:0 0 22px;position:relative;isolation:isolate}.segmented-tabs:before{content:"";position:absolute;z-index:-1;inset:4px auto 4px 4px;width:calc((100% - 8px - (var(--tab-count) - 1) * 4px) / var(--tab-count));transform:translate(calc(var(--tab-index) * (100% + 4px)));border-radius:8px;background:var(--surface);box-shadow:0 1px 4px #00000012}.segmented-tabs>button{flex:1;min-height:34px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap}:is(.segmented-tabs,.catalog-filters,.task-filters,.library-filters,.panel-tabs)>button{border-radius:8px;border-color:transparent;box-shadow:none}:is(.segmented-tabs,.catalog-filters,.task-filters,.library-filters,.panel-tabs)>button:is([aria-selected=true],[aria-pressed=true]){background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0000000d;font-weight:600}.panel-tabs{margin:16px 14px 0}.segmented-tabs>button[aria-selected=true]{background:transparent;box-shadow:none}.studio-inspector .panel-tabs>button:not(.icon-button),.node-catalog .panel-tabs>button:not(.icon-button){flex:1;min-height:34px;padding:7px 9px;border:0;background:transparent}.studio-inspector .panel-tabs>button[aria-pressed=true],.node-catalog .panel-tabs>button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0000000d}.studio-inspector .panel-tabs>button:after,.node-catalog .panel-tabs>button:after{display:none}.node-catalog>.panel-tabs{margin:0}.panel-orb{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);box-shadow:var(--shadow-md);cursor:pointer;opacity:.72;transition:opacity var(--ui-fast) var(--ui-ease),color var(--ui-fast) var(--ui-ease),border-color var(--ui-fast) var(--ui-ease),box-shadow var(--ui-fast) var(--ui-ease),translate var(--ui-fast) var(--ui-ease)}.panel-orb-left{left:14px}.panel-orb-right{right:14px}.panel-orb:hover,.panel-orb:focus-visible{opacity:1;color:var(--accent);border-color:var(--accent-border);box-shadow:var(--shadow-lg);transform:translateY(-50%) scale(1.06)}.panel-orb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-body[data-panel-left=open] .panel-orb-left{translate:8px 0}.studio-body[data-panel-right=open] .panel-orb-right{translate:-8px 0}.studio-body[data-panel-left=open] .panel-orb-left,.studio-body[data-panel-right=open] .panel-orb-right{opacity:0;pointer-events:none}.panel-orb .orb-count{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding-inline:4px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:1}@media (prefers-reduced-motion: reduce){.panel-orb{transition:none}.panel-orb:hover,.panel-orb:focus-visible{transform:translateY(-50%)}}.about-entry{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:var(--muted);background:transparent;border-color:transparent;font-size:12px}.about-entry:hover{color:var(--ink);background:var(--surface-hover);border-color:transparent}.library-filters{flex-wrap:wrap;margin-bottom:16px}.library-filters .library-total{padding-inline:8px}.workbench-pane{min-height:275px}.workbench-pane>p{margin-bottom:16px}.workbench-empty,.library-empty,.inspector-empty{border-radius:var(--radius-card);background:var(--surface-soft);padding:32px 20px}.workbench-empty>svg,.library-empty .empty-icon{color:var(--accent)}.workbench-issue,.trace-options>div{padding-block:16px}.trace-options>div,.saved-view,.selection-card,.task-card{border-radius:var(--radius-card)}.workbench-actions{margin-top:18px}.stat-grid>div{border-radius:12px;background:var(--surface-soft)}.stat-grid strong{font-weight:600;font-variant-numeric:tabular-nums}.quality-options{gap:10px;margin-bottom:16px}.quality-options button{position:relative;padding:16px;border-radius:14px;min-height:84px}.quality-options strong{font-size:14px}.quality-options small{max-width:90%;line-height:1.7}.quality-options button[aria-pressed=true]:after{content:"\2713";position:absolute;right:12px;top:12px;color:var(--accent)}.quality-current{border:0;padding:14px;margin-bottom:22px;border-radius:12px}.settings-details,.help-disclosure{border-top:1px solid var(--line);padding:14px 0}:is(.settings-details,.help-disclosure)>summary{cursor:pointer;color:var(--ink);font-size:12px;line-height:1.8;font-weight:550}.settings-details>summary>span{display:block;margin-left:16px;color:var(--muted);font-size:11px;font-weight:400}.settings-saved{display:flex;align-items:center;gap:7px;color:var(--success);font-size:11px;padding-top:8px}.help-dialog{width:min(700px,calc(100vw - 32px))}.help-body{min-height:300px}.help-body h3{font-size:14px;font-weight:600;margin-bottom:6px}.help-body p{font-size:12px;line-height:1.85}.help-intro{padding:4px 0 10px}.help-intro>svg{color:var(--accent);margin-bottom:12px}.help-intro h3{font-size:20px;letter-spacing:-.5px}.help-steps{padding:0;margin:10px 0 20px;list-style:none}.help-steps>li{display:flex;align-items:flex-start;gap:14px;padding:14px 0}.help-steps>li>b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:12px}.help-steps p{margin-bottom:0}.help-note{margin-top:18px;padding:12px 14px;background:var(--surface-soft);border-radius:12px;align-items:center}.help-note>svg{margin-top:0;flex-shrink:0;color:var(--muted)}.help-note p{margin:0;font-size:11px;line-height:1.7;color:var(--muted)}.shortcut-row{padding:10px 0;margin:0;border-bottom:1px solid var(--line);font-size:12px}kbd{border-radius:6px;font-size:10px}.agent-journey{border-radius:12px;background:var(--surface-soft);padding:14px}.agent-boundary{line-height:1.8}.studio-app .node:not(.data-node),.studio-app .node.data-node{border-radius:14px;border:1px solid var(--node-border);background:var(--node-bg);box-shadow:var(--node-shadow)}.studio-app .node>header{background:var(--node-header-bg);border-bottom:1px solid var(--line);border-radius:13px 13px 0 0}.studio-app .node:not(.data-node)>header{min-height:44px;padding:10px 14px}.studio-app .node>header strong{font-weight:600}.studio-app .node:not(.data-node)>.node-body{padding:12px 14px 14px;gap:12px}.studio-app .react-flow__node.selected>.node{border-color:var(--accent);box-shadow:0 0 0 2px var(--selection-ring),var(--node-shadow)}.studio-app .node :is(input,select,textarea){border-radius:8px}.studio-app .cloud-fields{gap:12px}.node .cloud-advanced,.node .workflow-tier,.node .task-history{border-color:var(--line);border-radius:10px}.node details>summary{padding-block:7px;cursor:pointer}.node .capability-note{font-size:11px;line-height:1.7}.node .generate-actions>button{min-height:36px}.node .model-cascade{gap:7px}.tool-placeholder{border-radius:10px;padding:16px}.tool-primary{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border);min-height:36px}.creation-guide{border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.creation-guide>header{background:var(--surface-soft);border-color:var(--line);border-radius:15px 15px 0 0}.guide-step{border-radius:10px;padding:12px}.guide-step.is-done>b{color:var(--success);background:var(--success-soft)}.guide-reference{border-radius:12px}.studio-toast{border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px 16px;font-size:12px}.asset-card{border-radius:14px;border-color:var(--line);box-shadow:none}.asset-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow)}.asset-thumbnail{background:var(--surface-soft)}.media-tool-backdrop{background:#101018a8}.media-tool-dialog{border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}.media-tool-dialog>header{background:var(--surface);color:var(--ink);padding:16px 22px;border-bottom:1px solid var(--line)}.media-tool-actions{background:var(--surface);padding:14px 18px;border-radius:12px;gap:8px}.media-tool-actions>.primary-button{background:var(--accent);color:var(--surface);border-color:var(--accent)}.compare-range{background:var(--surface);color:var(--ink);border-radius:10px;padding:12px 16px}.studio-app[data-motion=gentle] .segmented-tabs:before{transition:transform .28s cubic-bezier(.22,1,.36,1)}.studio-app[data-motion=gentle] :is(.inspector-content,.advanced-parameters,.studio-toast){animation:ui-content-in .24s var(--ui-ease) both}.studio-app[data-motion=gentle] .node-state{transition:color .18s,background-color .18s}.studio-app[data-motion=gentle] .node{animation:ui-fade-in .2s ease-out;transition:border-color .18s,box-shadow .18s}.studio-app[data-motion=gentle] .guide-step{transition:background-color .22s,border-color .22s}.studio-app[data-motion=gentle] .node-state.running:before{content:"";display:inline-block;width:7px;height:7px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:5px;animation:ui-working .9s linear infinite}@keyframes ui-working{to{rotate:360deg}}@supports (interpolate-size: allow-keywords){.studio-app[data-motion=gentle] details{interpolate-size:allow-keywords}.studio-app[data-motion=gentle] details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .24s var(--ui-ease),opacity .16s,content-visibility .24s allow-discrete}.studio-app[data-motion=gentle] details[open]::details-content{block-size:auto;opacity:1}}.studio-app[data-motion=gentle] :is(button,.file-button,summary){transition:background-color var(--ui-fast),border-color var(--ui-fast),color var(--ui-fast),box-shadow var(--ui-fast),transform var(--ui-fast) var(--ui-ease)}.studio-app[data-motion=gentle] button:not(:disabled):active{transform:scale(.97);filter:none}.studio-app[data-motion=gentle] :is(.catalog-item,.layer-item):hover{transform:translate(2px)}.studio-app[data-motion=gentle] :is(.goal-card,.asset-card):hover{transform:translateY(-3px)}.studio-app[data-motion=gentle] :is(.creation-guide,.help-body,.workbench-pane){animation:ui-content-in var(--ui-panel) var(--ui-ease) both}.studio-app[data-motion=gentle] .node-catalog{animation:ui-panel-in-left var(--ui-panel) var(--ui-ease) both}.studio-app[data-motion=gentle] .studio-inspector{animation:ui-panel-in-right var(--ui-panel) var(--ui-ease) both}.studio-app[data-motion=gentle] .studio-dialog{animation:ui-panel-in var(--ui-panel) var(--ui-ease) both}.studio-app[data-motion=gentle] .studio-dialog::backdrop{animation:ui-fade-in .18s ease both}.studio-app[data-motion=gentle] :is(.project-menu-content,.quick-create-menu,.canvas-context-menu){animation:ui-content-in .18s var(--ui-ease) both}@keyframes ui-content-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes ui-panel-in-left{0%{opacity:0;translate:-24px 0}to{opacity:1;translate:0 0}}@keyframes ui-panel-in-right{0%{opacity:0;translate:24px 0}to{opacity:1;translate:0 0}}@keyframes ui-panel-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}body:has(.studio-app[data-motion=gentle]) .media-tool-dialog{animation:ui-panel-in var(--ui-panel) var(--ui-ease) both}.studio-app[data-motion=off] *,.studio-app[data-motion=off] *:before,.studio-app[data-motion=off] *:after,.studio-app[data-motion=off] .studio-dialog::backdrop,body:has(.studio-app[data-motion=off]) .media-tool-backdrop *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.studio-app[data-quality=efficient] :is(.node,.studio-header,.studio-rail,.canvas-controls,.creation-guide,.studio-dialog),.studio-app[data-quality=efficient] .studio-dialog::backdrop,body:has(.studio-app[data-quality=efficient]) .media-tool-backdrop{backdrop-filter:none;box-shadow:none}.studio-app[data-quality=efficient] .react-flow__node.selected>.node{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after,details::details-content,.studio-dialog::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width: 720px){.studio-header{padding-inline:12px}.studio-dialog .dialog-header{padding:20px 18px 16px}.dialog-content{padding:18px}.segmented-tabs>button{padding-inline:5px;font-size:11px}.quality-options button{padding:13px}.shortcut-row{flex-wrap:wrap}.dialog-content .library-footer{flex-wrap:wrap;gap:8px}}@container (max-width: 850px){.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 500px){button.goal-card{padding:14px;min-height:0}button.goal-card>strong{font-size:14px}.goal-grid{grid-template-columns:1fr}}.node .view-toggle{display:flex;gap:4px;background:var(--surface-soft);padding:4px;border-radius:10px}.node .view-toggle button{border:0;border-radius:7px;background:transparent;color:var(--muted)}.node .view-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000012}.node :is(.field-group,.task-records,.model-notes){border:1px solid var(--line);border-radius:10px;padding:6px 10px}.node :is(.field-group,.task-records,.model-notes)>summary{color:var(--muted);font-size:11px}.node .advanced-toggle{text-align:left;background:var(--surface-soft);border-color:transparent;min-height:30px}.node .advanced-parameters{padding:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px}.node .model-notes small{display:block;margin-block:8px;line-height:1.75}.node .run-exchange{border-top:1px solid var(--line);padding-top:6px}.node .field-group-unconfirmed{border-color:var(--accent-border)}.action-choice-grid{margin:0 0 20px}.action-choice-grid button{border-radius:12px;min-height:48px}.action-choice-grid button[aria-pressed=true]{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.export-size-readout{border-radius:12px;background:var(--surface-soft)}.generation-next-step{display:block;padding:10px 12px;border-radius:10px;background:var(--accent-soft);color:var(--accent);line-height:1.65}.endpoint-connection-state:not(:empty){display:block;padding:9px 11px;border-radius:9px;background:var(--surface-soft);line-height:1.6}.endpoint-connection-state.error{color:var(--danger, #c66b62)}.endpoint-connection-state.success{color:var(--success, #6da899)}.progress.failed .bar{background:var(--danger, #c66b62)}.node .react-flow__handle.connectable:after{content:"";position:absolute;inset:-8px;border-radius:50%}.node .react-flow__handle.connectable:before{content:"";position:absolute;inset:-2px;border:2px solid var(--surface);border-radius:50%;background:inherit;pointer-events:none;scale:var(--port-enlargement, 1)}.node :is(.react-flow__handle-left,.react-flow__handle-right){--port-enlargement: 1;translate:0 0}.studio-app[data-motion=gentle] .node :is(.react-flow__handle-left,.react-flow__handle-right){transition:translate .22s var(--ui-ease),scale .18s var(--ui-ease),box-shadow .18s var(--ui-ease)}.studio-app[data-motion=gentle] .node .react-flow__handle.connectable:before{transition:scale .18s var(--ui-ease),box-shadow .18s var(--ui-ease)}.node:is(:hover,:focus-within) :is(.react-flow__handle-left,.react-flow__handle-right){--port-enlargement: 1.5;box-shadow:0 0 0 3px var(--port-ring-soft),0 0 0 6px var(--port-ring-soft)}.node{--port-shift: 16px}.node.port-focus-left .react-flow__handle-left{translate:calc(var(--port-shift) * -1) 0;--port-enlargement: 1.7;box-shadow:0 0 0 3px var(--port-ring),0 0 0 7px var(--port-ring-soft)}.node.port-focus-right .react-flow__handle-right{translate:var(--port-shift) 0;--port-enlargement: 1.7;box-shadow:0 0 0 3px var(--port-ring),0 0 0 7px var(--port-ring-soft)}.node .react-flow__handle.connectable:is(:hover,.valid){--port-enlargement: 1.9;box-shadow:0 0 0 4px var(--port-ring),0 0 0 9px var(--port-ring-soft)}html[data-connecting=true] .node .react-flow__handle.connectable{--port-enlargement: 1;opacity:.25;box-shadow:none}html[data-connecting=true] .studio-app .node :is(.react-flow__handle-left,.react-flow__handle-right){translate:0 0;transition:none}html[data-connecting=true] .node:is(:hover,:focus-within) .react-flow__handle.connectable{--port-enlargement: 1;box-shadow:none}html[data-connecting=true] .node .react-flow__handle.drop-ok{--port-enlargement: 1.6;opacity:1;box-shadow:0 0 0 4px var(--accent-soft)}html[data-connecting=true] .node .react-flow__handle.connectingfrom{--port-enlargement: 1.5;opacity:1}html[data-connecting=true] .node .react-flow__handle.valid,html[data-connecting=true] .node .react-flow__handle.connectingto{--port-enlargement: 1.95;opacity:1;box-shadow:0 0 0 5px var(--accent-soft)}html[data-connecting=true] .node.node-drop-target:after{content:"\8fde\5230\8fd9\91cc";position:absolute;left:50%;right:auto;top:auto;bottom:calc(100% + 8px);translate:-50% 0;padding:4px 10px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap;pointer-events:none;z-index:8;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 38%,transparent)}html[data-connecting=true] .react-flow__node:has(.node.node-drop-target){z-index:10!important}html[data-connecting=true] .node.node-drop-replace:after{content:"\66ff\6362\73b0\6709\8fde\63a5"}.studio-app[data-motion=gentle] .progress .bar:not(.unknown){transition:width .28s ease-out}.studio-app .node.group-storage{--card-radius: 12px}.studio-app .node.group-process{--card-radius: 0px}.studio-app .node.group-edit,.studio-app .node.group-config,.studio-app .node.group-finance{--card-radius: 12px}.studio-app .node[class*=" group-"]{border-radius:var(--card-radius, 14px)}.studio-app .node[class*=" group-"]>header{border-radius:max(0px,calc(var(--card-radius, 14px) - 1px)) max(0px,calc(var(--card-radius, 14px) - 1px)) 0 0}.node.group-edit{position:relative}.node.group-edit:before{content:"";position:absolute;inset:4px;border:1px dashed var(--line-strong);border-radius:8px;pointer-events:none}.react-flow__node.selected>.node.group-edit:before{border-color:var(--accent-soft)}.node.group-config{--config-outlet: 46px}.node.group-config:before{content:"";position:absolute;left:100%;top:50%;width:var(--config-outlet, 60px);height:calc(var(--config-outlet, 60px) * 2);transform:translateY(-50%);border-radius:0 999px 999px 0;background:color-mix(in srgb,var(--endpoint-port) 30%,var(--node-bg));border:1px solid var(--node-border);border-left:0;pointer-events:none}.node.group-config .node-output-column,.node.group-config .node-output-column .output-row{position:static}.node.group-config .node-output-column .output-row>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.node.group-config .node-output-column .output-row:first-child:last-child .react-flow__handle,.node.group-config.port-focus-right .node-output-column .output-row:first-child:last-child .react-flow__handle{position:absolute;left:auto;top:50%;right:calc(var(--config-outlet, 46px) * -.5);margin:0;transform:translate(50%,-50%)}@property --finance-sweep{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.node.group-finance{position:relative}.node.group-finance:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--finance-sweep),transparent 0deg 210deg,var(--audio-port) 290deg,color-mix(in srgb,var(--audio-port) 40%,transparent) 330deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:finance-sweep 3.2s linear infinite;pointer-events:none}@keyframes finance-sweep{to{--finance-sweep: 360deg}}.react-flow__edge-path{stroke-dasharray:7 5;animation:data-flow .9s linear infinite}@keyframes data-flow{to{stroke-dashoffset:-12}}@media (prefers-reduced-motion: reduce){.react-flow__edge-path,.node.group-finance:before{animation:none}}.node{--ctrl-h: 34px;--ctrl-h-sm: 26px;--ctrl-font: 12px;--ctrl-font-sm: 11px;--ctrl-pad-y: 8px;--ctrl-pad-x: 10px;--ctrl-radius: 8px}.node .node-body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select){box-sizing:border-box;height:var(--ctrl-h);padding:0 var(--ctrl-pad-x);font-size:var(--ctrl-font);line-height:1.2;border-radius:var(--ctrl-radius)}.node .node-body input.hidden-file{height:0;min-height:0;padding:0}.node .node-body textarea{box-sizing:border-box;padding:var(--ctrl-pad-y) var(--ctrl-pad-x);font-size:var(--ctrl-font);line-height:1.55;border-radius:var(--ctrl-radius)}.node .node-body button{box-sizing:border-box;min-height:var(--ctrl-h);padding:0 var(--ctrl-pad-x);font-size:var(--ctrl-font);line-height:1.2;border-radius:var(--ctrl-radius)}.node .node-body :is(.media-actions,.preview-actions,.video-track) button,.node .node-body .preview-quality-toggle{height:auto;min-height:var(--ctrl-h-sm);padding:4px 8px;font-size:var(--ctrl-font-sm);border-radius:var(--ctrl-radius)}.node .node-body .empty-upload{min-height:80px;font-size:var(--ctrl-font-sm)}.node .node-body .empty-upload strong{font-size:var(--ctrl-font)}.node.data-node>header .node-port-caption{flex-shrink:0;padding:1px 5px;border-radius:999px;font-size:9px;color:var(--ink);background:color-mix(in srgb,var(--muted) 14%,transparent);transition:background .16s var(--ui-ease),color .16s var(--ui-ease)}.node.data-node:is(:hover,:focus-within)>header .node-port-caption{color:var(--port-ring);background:color-mix(in srgb,var(--port-ring) 24%,transparent)}.node.data-node:is(:hover,:focus-within) .video-output-port{color:var(--ink)}.node .node-body :is(input[type=checkbox],input[type=radio]){height:auto;min-height:0;padding:0}.node .media-transport-row{gap:6px 5px;flex-wrap:nowrap}.node .video-track:has(>video){gap:6px}.node .video-track:has(>video) .video-track-status{padding:5px 8px}.node .video-track:has(>video) .media-transport{padding:8px 10px}.node .video-track:has(>video) .audio-track{flex:0 0 auto;min-height:0}.node .video-track:has(>video) .audio-track-heading{display:block;color:var(--muted);font-size:10px}.node .media-volume-controls,.node .media-volume{flex:1 1 auto;min-width:0;margin-left:0}.node .media-volume{gap:4px}.node .media-volume-controls{gap:2px}.node .media-volume input{width:auto;min-width:0;flex:1 1 28px}.node .media-play-button,.node .media-clock,.node .media-rate-button,.node .media-fullscreen-button{flex:0 0 auto;white-space:nowrap}.node .media-volume-label{font-size:10px;color:var(--muted);white-space:nowrap}.node .media-volume svg{flex:0 0 auto;color:var(--muted)}.node .media-rate-button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 4px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);background:transparent;border-color:transparent;border-radius:var(--ctrl-radius)}.node .media-rate-button:hover,.node .media-rate-button:focus-visible{color:var(--accent);background:var(--surface-hover)}.studio-app .node>header,.studio-app .node:not(.data-node)>header{box-sizing:border-box;min-height:45px;padding:0 14px}.studio-app .node.data-node>header{padding:0 12px}.node .video-output-ports{gap:4px;padding-right:26px}.node .video-output-port{font-size:11px;line-height:17px}svg[data-icon]{flex-shrink:0;vertical-align:middle}.media-tool-title,.media-tool-actions>button,.tool-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}.media-tool-title{justify-content:flex-start}.compare-tools{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.compare-tools button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.compare-names{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.compare-names span{max-width:48%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compare-stage.is-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare-stage.is-side-by-side .compare-layer{position:relative;inset:auto;min-width:0;min-height:0}.tool-input-guide{display:grid;gap:8px;padding:10px;margin-bottom:10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px}.tool-input-guide label{display:grid;gap:6px;font-size:12px}.tool-input-guide small,.settings-tier-hint{color:var(--muted);line-height:1.6}.image-format-switch{display:grid;gap:6px;margin-top:-4px}.image-format-switch>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:28px;font-size:12px;white-space:nowrap;color:var(--text);background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.image-format-switch>button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface)}.image-format-switch>button:disabled{opacity:.55}.image-format-switch small{color:var(--muted);line-height:1.6}.task-locate{display:flex;gap:8px;justify-content:space-between;text-align:left;padding:0;border:0;background:transparent;font-weight:600;min-width:0;font-size:12px}.task-card>.task-dot{padding:0;margin:5px 0 0;border:0;width:6px;height:6px;min-width:0;border-radius:50%;box-shadow:none}.task-locate span{font-size:11px;font-weight:400;color:var(--muted);flex-shrink:0}.task-card>.error-notice{grid-column:2 / -1;min-width:0;margin:6px 0 0}.asset-preview-dialog{width:min(1000px,94vw)}.asset-preview-stage{height:min(55vh,600px);display:flex;align-items:center;justify-content:center;overflow:auto;background:var(--canvas-bg);border-radius:12px}.asset-preview-stage img,.asset-preview-stage video{max-width:100%;max-height:100%;object-fit:contain}.asset-preview-stage audio{width:min(480px,90%)}.asset-preview-stage.actual-size{display:block}.asset-preview-stage.actual-size img{max-width:none;max-height:none}.asset-preview-meta{color:var(--muted);font-size:12px}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.field,.dialog-field,.inspector-label,.workbench-filter,.mark-settings label)>:is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select):not(:where(.node *)){height:var(--control-height);min-height:var(--control-height);padding:0 var(--control-padding-inline);font-size:var(--control-font-size);line-height:1.5}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.field,.dialog-field,.inspector-label,.mark-settings label)>textarea:not(:where(.node *)){padding:8px var(--control-padding-inline);font-size:var(--control-font-size);line-height:1.55}:is(.catalog-filters,.task-filters,.library-filters){flex-wrap:wrap}:is(.catalog-filters,.task-filters,.library-filters)>button{min-inline-size:max-content;white-space:nowrap}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.dialog-footer,.workbench-actions,.trace-options,.list-pagination,.media-tool-actions,.mark-footer)>button:not(.icon-button):not(:where(.node *)){min-height:var(--control-height);padding:6px var(--control-padding-inline);font-size:var(--control-font-size);line-height:1.5}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.segmented-tabs,.catalog-filters,.task-filters,.library-filters,.panel-tabs,.workbench-tabs,.view-toggle,.compare-tools,.mark-tools)>button:not(.icon-button):not(:where(.node *)){min-height:var(--control-tab-height);height:auto;align-self:center;padding:6px 8px;font-size:var(--control-font-size);line-height:1.5}.production-flow-dialog{width:min(880px,calc(100vw - 32px))}.flow-summary{padding:16px;border:1px solid var(--line);border-radius:12px}.coordinator-jobs{display:grid;gap:14px;padding-left:22px}.coordinator-jobs li>span{margin-left:12px}.coordinator-jobs dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px}.coordinator-jobs dd{margin:0;overflow-wrap:anywhere}.flow-steps{padding-left:28px;display:grid;gap:16px}.flow-step{padding:16px;border:1px solid var(--line);border-radius:12px}.flow-step-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.flow-step-heading h3{margin:0}.flow-state{flex-shrink:0;font-size:12px}.flow-step p,.flow-disclosure{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.flow-step label{display:grid;gap:6px;margin:10px 0}.flow-step textarea,.flow-step input:not([type=checkbox]){width:100%;box-sizing:border-box}.flow-step textarea{min-height:64px}.flow-step fieldset label{display:flex;align-items:center}.flow-step label:has(input[type=checkbox]){display:flex;align-items:center}.flow-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.flow-checks{padding-left:20px;line-height:1.8}.flow-checks small{display:block;opacity:.75}.flow-edit,.flow-step details{margin-top:12px}.flow-step[data-state=review],.flow-step[data-state=unknown],.flow-step[data-state=stale]{border-color:var(--accent)}@media (max-width: 680px){.flow-step-heading{display:block}}.flow-frame-info{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.flow-frame-info p{flex-basis:100%;margin:0}.flow-frame-info label{display:flex;flex-direction:column;gap:6px}.flow-review-node{width:100%;height:100%;overflow:hidden}.flow-review-node>header{padding:12px 16px}.flow-review-content{overflow:auto;padding:12px 16px;height:calc(100% - 48px);box-sizing:border-box}.flow-review-content p{margin:10px 0;overflow-wrap:anywhere}.flow-review-content ul{padding-left:20px}.flow-review-content li{margin:8px 0}.flow-board-filters{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.flow-board-filters label{display:grid;gap:6px}.flow-board-section>ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}.flow-board-card{border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0;overflow-wrap:anywhere}.flow-board-card details{margin-top:8px}.flow-board-card li{overflow-wrap:anywhere}.flow-feedback{border-left:3px solid var(--line);padding:8px 12px;margin:8px 0}.flow-scope small{display:block;opacity:.8}.flow-sync-diagnostics{margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:12px}.flow-sync-diagnostics article{padding:10px 0}.flow-sync-diagnostics p{margin:6px 0}.flow-sync-diagnostics small{display:block;margin-top:8px;overflow-wrap:anywhere}.flow-handoff{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px}.flow-handoff-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.flow-handoff-previews article{min-width:0}.flow-handoff-previews img{display:block;max-width:100%;max-height:480px;object-fit:contain;margin:8px 0}.flow-handoff-previews pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto}:root{--control-on-accent: #ffffff;--control-disabled-opacity: .48;--control-radius-compact: 8px;--control-selected-bg: var(--accent-soft);--control-selected-border: var(--accent-border);--control-selected-text: var(--accent);--control-error-ring: color-mix(in srgb, var(--error) 20%, transparent)}:root[data-theme=dark]{--control-on-accent: #241b17}.setup-shell{display:contents}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(button,.file-button,.import-project):not(:where(.goal-card,.catalog-item,.asset-card,.fragment-card,.library-item)){border-radius:var(--ctrl-radius, var(--radius-control))}.studio-dialog .dialog-header button.icon-button{border-radius:var(--radius-control)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea):not(:where(.tui-image-editor-container *)){border-radius:var(--ctrl-radius, var(--radius-control))}.image-mark-editor button{font-weight:500}.image-mark-editor button.primary-button{font-weight:600}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.field,.dialog-field,.inspector-label,.workbench-filter) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){border-radius:var(--ctrl-radius, var(--radius-control))}.studio-app .selection-layout-card .inspector-label :is(input,select){border-radius:var(--radius-control);background-color:var(--surface-soft)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input,select,textarea):not(:where(.tui-image-editor-container *)):not(:where([type=range],[type=file],:disabled)):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--selection-ring);outline:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(button,summary,a,[role=tab]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input[type=checkbox],input[type=radio],input[type=range]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--accent)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) input[type=radio]:not(:where(.tui-image-editor-container *)){width:16px;height:16px;padding:0;border-radius:50%;flex-shrink:0}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(option,optgroup){color:var(--ink);background-color:var(--surface)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input,select,textarea):not(:where(.tui-image-editor-container *))[aria-invalid=true]{border-color:var(--error)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input,select,textarea):not(:where(.tui-image-editor-container *))[aria-invalid=true]:focus{border-color:var(--error);box-shadow:0 0 0 3px var(--control-error-ring)}.studio-app .project-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input,select,textarea):not(:where(.tui-image-editor-container *)):not(:where([type=checkbox],[type=radio],[type=range],[type=file])):focus:focus-visible{outline:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(button.primary-button,button.tool-primary,.generate-actions>button){background-color:var(--accent);border-color:var(--accent);color:var(--control-on-accent)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(button.primary-button,button.tool-primary,.generate-actions>button):hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--control-on-accent)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) button.danger-button{background-color:var(--error-soft);border-color:var(--error);color:var(--error)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(button,input,select,textarea):disabled{cursor:not-allowed;opacity:var(--control-disabled-opacity)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) button:disabled:not(:where(.tui-image-editor-container *)){background-color:var(--surface);border-color:var(--line);color:var(--muted)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input,select,textarea):not(:where(.tui-image-editor-container *)):disabled{border-color:var(--line);box-shadow:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.file-button,.import-project):is(.disabled,.is-disabled,:has(input:disabled)){opacity:var(--control-disabled-opacity);cursor:not-allowed;background-color:var(--surface);border-color:var(--line);transform:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(button.primary-button,button.tool-primary,.generate-actions>button):disabled{background-color:var(--accent);border-color:transparent;color:var(--control-on-accent)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) button.danger-button:disabled{background-color:var(--error-soft);border-color:var(--error);color:var(--error)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) button.icon-button:disabled{background-color:transparent;border-color:transparent;color:var(--muted)}.studio-dialog .dialog-header button.icon-button:disabled{background-color:var(--surface-soft)}.studio-app[data-motion=gentle] :is(button:disabled,button[aria-disabled=true],.file-button.disabled,.file-button.is-disabled),.studio-app[data-motion=gentle] :is(button:disabled,button[aria-disabled=true],.file-button.disabled,.file-button.is-disabled):is(:hover,:active){transform:none;translate:none;filter:none}.media-tool-backdrop .media-tool-actions>.primary-button{color:var(--control-on-accent)}:is(.quality-options,.action-choice-grid)>button[aria-pressed=true]{border-color:var(--accent-border);background-color:var(--accent-soft);color:var(--accent)}:is(.catalog-filters,.task-filters,.library-filters)>button{line-height:1.5}.project-menu[open]>summary{border-color:var(--accent-border);background-color:var(--accent-soft);color:var(--accent)}.project-menu[open]>summary [data-icon=down]{rotate:180deg}.structured-row>summary:focus-visible,.structured-optional>summary:focus-visible{outline-offset:2px}.structured-row[open]>summary,.structured-optional[open]>summary{color:var(--ink)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(button.tool-secondary,button.subtle-button){background-color:var(--surface-soft);border-color:var(--line);color:var(--ink)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(button.tool-secondary,button.subtle-button):hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--line-strong)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(button.tool-secondary,button.subtle-button):disabled{background-color:var(--surface-soft);border-color:var(--line);color:var(--muted)}:where(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.workbench-actions,.workbench-pane,.trace-options,.list-pagination,.workbench-issue,.mark-history,.mark-zoom,.mark-footer,.media-tool-actions)>button:hover:not(:disabled):not(:where(.primary-button,.tool-primary,.danger-button)){background-color:var(--surface-hover);border-color:var(--line-strong);color:var(--ink)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) button.danger-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--error) 16%,var(--surface));border-color:var(--error);color:var(--error)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.file-button,.import-project):has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input,select,textarea):disabled:not(:where(.tui-image-editor-container *)){color:var(--muted);box-shadow:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.segmented-tabs,.catalog-filters,.task-filters,.library-filters,.panel-tabs,.workbench-tabs,.view-toggle,.compare-tools,.mark-tools)>button:not(.icon-button){border-radius:var(--control-radius-compact);border-color:transparent;background-color:transparent;color:var(--muted);box-shadow:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.segmented-tabs,.catalog-filters,.task-filters,.library-filters,.panel-tabs,.workbench-tabs,.view-toggle,.compare-tools,.mark-tools)>button:hover:not(:disabled):not(.icon-button):not(:where([aria-pressed=true],[aria-selected=true])){background-color:var(--surface-hover);color:var(--ink)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.segmented-tabs,.catalog-filters,.task-filters,.library-filters,.panel-tabs,.workbench-tabs,.view-toggle,.compare-tools,.mark-tools)>button:is([aria-pressed=true],[aria-selected=true]):not(.icon-button){background-color:var(--surface);color:var(--ink);border-color:transparent;box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 8%,transparent)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) .segmented-tabs>button[aria-selected=true]:not(.icon-button){background-color:transparent;box-shadow:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.quality-options,.action-choice-grid)>button[aria-pressed=true]{background-color:var(--control-selected-bg);border-color:var(--control-selected-border);color:var(--control-selected-text)}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(.segmented-tabs,.catalog-filters,.task-filters,.library-filters,.panel-tabs,.workbench-tabs,.view-toggle,.compare-tools,.mark-tools)>button:disabled:not(.icon-button){color:var(--muted);cursor:not-allowed}.agent-entry>b{color:var(--control-on-accent)}@media (prefers-reduced-motion: no-preference){.setup-shell[data-motion=gentle] :is(button,.file-button,summary),body:has(.studio-app[data-motion=gentle]) .media-tool-backdrop :is(button,summary){transition:background-color var(--ui-fast) var(--ui-ease),border-color var(--ui-fast) var(--ui-ease),color var(--ui-fast) var(--ui-ease),box-shadow var(--ui-fast) var(--ui-ease),transform var(--ui-fast) var(--ui-ease)}.setup-shell[data-motion=gentle] button:not(:disabled):active,body:has(.studio-app[data-motion=gentle]) .media-tool-backdrop button:not(:disabled):active{transform:scale(.97)}.setup-shell[data-motion=gentle] .studio-dialog{animation:ui-panel-in var(--ui-panel) var(--ui-ease) both}.setup-shell[data-motion=gentle] .studio-dialog::backdrop,body:has(.studio-app[data-motion=gentle]) .media-tool-backdrop{animation:ui-fade-in var(--ui-fast) ease-out both}.setup-shell[data-motion=gentle] .segmented-tabs:before{transition:transform .28s var(--ui-ease)}:is(.studio-app,.setup-shell)[data-motion=gentle] :is(.project-menu>summary [data-icon=down],.quality-options>button,.action-choice-grid>button){transition:rotate var(--ui-fast) var(--ui-ease),background-color var(--ui-fast) var(--ui-ease),border-color var(--ui-fast) var(--ui-ease),color var(--ui-fast) var(--ui-ease)}:is(.studio-app,.setup-shell)[data-motion=gentle] :is(.error-notice,.library-message,.workbench-empty){animation:ui-fade-in var(--ui-fast) ease-out both}@supports not (interpolate-size: allow-keywords){:is(.studio-app,.setup-shell)[data-motion=gentle] :is(.settings-details,.structured-row,.structured-optional)[open]>:not(summary){animation:ui-fade-in var(--ui-fast) ease-out both}}}.setup-shell[data-motion=off] *,.setup-shell[data-motion=off] *:before,.setup-shell[data-motion=off] *:after,.setup-shell[data-motion=off] .studio-dialog::backdrop,body:has(.studio-app[data-motion=off]) .media-tool-backdrop,body:has(.studio-app[data-motion=off]) .media-tool-backdrop *,body:has(.studio-app[data-motion=off]) .media-tool-backdrop *:before,body:has(.studio-app[data-motion=off]) .media-tool-backdrop *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media (prefers-reduced-motion: reduce){.setup-shell *,.setup-shell *:before,.setup-shell *:after,.media-tool-backdrop,.media-tool-backdrop *,.media-tool-backdrop *:before,.media-tool-backdrop *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (forced-colors: active){:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input,textarea,select):focus:focus-visible{outline:2px solid Highlight;outline-offset:2px;box-shadow:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(button,input,select,textarea):disabled{opacity:1;color:GrayText}:is(.quality-options,.action-choice-grid)>button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-2px}}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) button.tool-primary{box-shadow:none}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input,textarea):not(:where(.tui-image-editor-container *))::placeholder{color:var(--muted);opacity:1}:is(.studio-app,.setup-shell,.setup-page,.studio-dialog,.media-tool-backdrop) :is(input,select,textarea)[aria-invalid=true]:disabled{border-color:var(--line);box-shadow:none}.shortcut-settings{width:min(860px,calc(100vw - 24px))}.shortcut-settings p{line-height:1.6;color:var(--muted)}.shortcut-setting-list{max-height:48vh;overflow-y:auto;margin:12px 0}.shortcut-setting-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(150px,2fr) auto auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.shortcut-setting-row button{min-height:36px}.shortcut-setting-row button[aria-pressed=true]{outline:2px solid var(--accent)}.canvas-grab-hint{position:fixed;bottom:82px;left:50%;transform:translate(-50%);z-index:150;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);pointer-events:none;max-width:calc(100vw - 32px)}.node:not(.is-locked)>header{cursor:grab}@media (max-width: 620px){.shortcut-setting-row{grid-template-columns:1fr auto auto}.shortcut-setting-row>span{grid-column:1 / -1}}.save-diagnostics-table{overflow:auto;max-height:55vh}.save-diagnostics-table table{width:100%;border-collapse:collapse;text-align:left}.save-diagnostics-table th,.save-diagnostics-table td{padding:8px;border-bottom:1px solid var(--line)}.workflow-summary{display:grid;gap:5px;padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.workflow-summary strong{color:var(--accent)}.connection-check .connection-status{min-width:0;max-width:100%;flex:1 1 160px;white-space:normal;overflow-wrap:anywhere}
/*! Bundled license information:

tui-image-editor/dist/tui-image-editor.css:
  (*!
   * TOAST UI ImageEditor
   * @version 3.15.3
   * @license MIT
   *)
*/