html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button,[type=button],[type=reset],[type=submit],input,textarea,select{-webkit-appearance:none;appearance:none}:where(button,input,textarea,select,a,[tabindex]):focus{outline:none}.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{--ui-bg: #fff;--ui-muted: #f5f5f3;--ui-text: #303030;--ui-secondary: #83837c;--ui-border: #e4e4e0;--ui-focus: #73736f;--ui-radius: 8px;--ui-radius-panel: 12px;--ui-shadow: 0 8px 28px #00000014, 0 2px 5px #00000006}.ui-button{appearance:none;font:inherit;cursor:pointer;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,transform .15s}.ui-button:hover{background:var(--ui-muted)}.ui-button:disabled{opacity:.38;cursor:not-allowed}.ui-button[data-size=md]{min-height:34px;padding:7px 13px;border-radius:var(--ui-radius);font-size:12px;gap:6px}.ui-button[data-size=sm]{min-height:28px;padding:5px 9px;border-radius:6px;font-size:11px}.ui-button[data-size=icon]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--ui-radius)}.ui-button[data-variant=primary]{background:#303230;color:#fff;border:1px solid #303230}.ui-button[data-variant=secondary]{background:#fff;color:var(--ui-text);border:1px solid var(--ui-border)}.ui-button[data-variant=ghost]{background:transparent;color:var(--ui-text);border:1px solid transparent}.ui-button[data-variant=danger]{background:#fff1ef;color:#b14034;border:1px solid #f2d4d0}.ui-button[data-variant]:disabled{opacity:.45}.ui-link{color:inherit;text-decoration:none}.ui-link:hover{text-decoration:underline}:root[data-ui-input=keyboard] :is(.ui-link,.ui-button,.ui-input,.ui-textarea,.ui-checkbox,.ui-radio,.ui-slider-thumb,.ui-select-trigger):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.ui-input,.ui-textarea{appearance:none;font:inherit;color:var(--ui-text);background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius)}.ui-input{min-width:0;padding:8px 10px}.ui-textarea{padding:10px;resize:vertical}.ui-number-input{appearance:textfield}.ui-number-input::-webkit-inner-spin-button,.ui-number-input::-webkit-outer-spin-button{appearance:none;margin:0}.ui-tooltip{z-index:500;max-width:min(280px,calc(100vw - 16px));padding:7px 10px;border-radius:7px;background:#292b2c;color:#fff;font-size:11px;line-height:17px;box-shadow:var(--ui-shadow);pointer-events:none}.ui-spinner{animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-checkbox{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;padding:0;border:1px solid #cfcfca;border-radius:4px;background:#fff;color:#fff;cursor:pointer}.ui-checkbox[data-state=checked]{background:#303230;border-color:transparent;color:#fff}.ui-checkbox>span{display:flex}.ui-checkbox[data-disabled]{opacity:.4;cursor:not-allowed}.ui-radio{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #aaa;border-radius:50%;background:#fff;padding:3px;cursor:pointer}.ui-radio[data-state=checked]{border-color:transparent;background:var(--ui-muted)}.ui-radio-dot{width:100%;height:100%;border-radius:50%;background:#303230}.ui-radio[data-disabled]{cursor:not-allowed}.ui-slider{position:relative;display:flex;align-items:center;width:100%;height:24px;touch-action:none;-webkit-user-select:none;user-select:none}.ui-slider-track{position:relative;flex:1;height:4px;border-radius:3px;background:#e5e5e0;overflow:hidden}.ui-slider-range{position:absolute;height:100%;background:#565a56;border-radius:3px}.ui-slider-thumb{display:block;width:14px;height:14px;border:1px solid #dadad5;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002}.ui-slider[data-disabled]{opacity:.4}.ui-disclosure-heading{display:flex;align-items:center;gap:7px}.ui-disclosure-heading>.ui-disclosure-trigger{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:0;color:inherit;font:inherit;text-align:left;background:transparent;border:0}.ui-disclosure-content[hidden]{display:none}.ui-dialog-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#15151266;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:250}.ui-popover{z-index:320;max-width:calc(100vw - 16px);outline:none}.ui-dialog-overlay>[role=dialog]{outline:none}.ui-panel{border-radius:var(--ui-radius-panel)}.ui-color-popover{width:220px;padding:12px;background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);box-shadow:var(--ui-shadow);z-index:220}.ui-color-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:12px}.ui-color-swatch{width:25px;height:25px;border-radius:50%;border:1px solid #0002;padding:0!important}.ui-color-popover input{width:100%;font-size:12px}.ui-color-trigger{display:flex;align-items:center;gap:6px;min-height:30px;padding:4px 6px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff;font-size:11px}.ui-color-trigger>i{width:18px;height:18px;border:1px solid #0002;border-radius:4px}.ui-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;height:32px;padding:0 10px;border:1px solid #e5e5e2;border-radius:8px;background:#fff;color:#303030;font:inherit;font-size:12px;cursor:pointer}.ui-select-trigger:hover:not(:disabled){background:#f5f5f3}.ui-select-trigger:disabled{opacity:.45;cursor:not-allowed}.ui-select-value{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ui-select-leading,.ui-select-chevron{display:flex;align-items:center;flex-shrink:0}.ui-select-chevron{color:#80807b}.ui-select-trigger[data-state=open] .ui-select-chevron{transform:rotate(180deg)}.ui-select-content{z-index:400;min-width:max(160px,var(--radix-select-trigger-width));max-width:calc(100vw - 16px);max-height:min(360px,var(--radix-select-content-available-height));padding:5px;border:1px solid #e4e4e1;border-radius:12px;background:#fff;color:#303030;box-shadow:0 8px 28px #00000014,0 2px 5px #00000006;overflow:hidden;font-family:inherit}.ui-select-option{display:flex;align-items:center;gap:9px;min-height:36px;padding:8px 10px;border-radius:7px;outline:none;font-size:12px;line-height:18px;cursor:pointer;-webkit-user-select:none;user-select:none}.ui-select-option[data-highlighted]{background:#f3f3f0}.ui-select-option[data-state=checked]{font-weight:500}.ui-select-option[data-disabled]{opacity:.4;cursor:not-allowed}.ui-select-option-icon{display:flex;flex-shrink:0;color:#454545}.ui-select-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-select-copy small{font-size:11px;line-height:16px;font-weight:400;color:#8b8b85}.ui-select-check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:15px;margin-left:auto}.ui-select-check>span{display:flex}.ui-select-scroll{display:flex;align-items:center;justify-content:center;height:22px;background:#fff;color:#777}.react-flow__node-generation{border:1px solid transparent;border-radius:1px}.generation-slot{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;border-radius:1px;background:#eeefeb;color:#71776f;box-shadow:0 4px 18px #00000007}.slot-glow{position:absolute;inset:-45%;pointer-events:none;background:radial-gradient(ellipse at 28% 32%,#e1e9e4 0,transparent 48%),radial-gradient(ellipse at 72% 68%,#ede5db 0,transparent 48%),radial-gradient(ellipse at 60% 22%,#fafbf7 0,transparent 42%);animation:slot-drift 7s ease-in-out infinite alternate}.slot-loading:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff70 48%,transparent 76%);transform:translate(-110%);animation:slot-sweep 3.6s ease-in-out infinite}.slot-progress{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;text-align:center}.slot-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffffff60;color:#7c887c;box-shadow:0 2px 16px #ffffff38;animation:slot-breathe 2.8s ease-in-out infinite}.slot-status{display:inline-flex;align-items:center;justify-content:center;gap:3px;font-size:12px;line-height:18px;font-weight:400;letter-spacing:.04em}.slot-corner-action{position:absolute;z-index:2;top:8px;right:8px;width:28px;height:28px;padding:0;border-radius:50%;background:#ffffffb3;color:#70766f;opacity:0;transition:opacity .16s,background .16s}.generation-slot:hover .slot-corner-action,.generation-slot:focus-within .slot-corner-action{opacity:1}.slot-corner-action:hover{background:#fff}.slot-failed{background:#f2efeb;color:#8b796b}.slot-failure-trigger{flex-direction:column;gap:10px;padding:8px 12px;border-radius:8px}.slot-failure-trigger:hover,.slot-failure-trigger[data-state=open]{background:#ffffff70}.slot-error-details{padding:12px;color:#606660;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.slot-error-details strong{color:#292d2a;font-weight:500}.slot-error-details p{margin:8px 0}.slot-error-details small{display:block;font-size:11px;color:#757c75}.slot-error-details .job-inline-actions{gap:8px;margin-top:14px}.slot-error-details .job-inline-actions button{font-size:11px;padding:6px 8px;background:#f5f6f3;border:0}@media(hover:none){.slot-corner-action{opacity:1}}@keyframes slot-drift{0%{transform:translate(-4%,-3%) rotate(-8deg)}to{transform:translate(4%,3%) rotate(8deg)}}@keyframes slot-sweep{65%,to{transform:translate(110%)}}@keyframes slot-breathe{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#26362f;background:#f3f5f1;font-synthesis:none}.app{height:100dvh;min-height:620px;display:flex;flex-direction:column}header{height:76px;flex-shrink:0;border-bottom:1px solid #dfe4db;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#fafbf8;z-index:5}.brand{display:flex;gap:12px;align-items:center;min-width:220px}.logo{width:36px;height:36px;border-radius:11px;background:#394d38;color:#f0f4e9;display:grid;place-items:center}.brand b{font-size:24px;font-weight:650;letter-spacing:-1px}.brand b span{display:block;font-size:10px;color:#7b877a;letter-spacing:2px;font-weight:400;margin-top:2px}.project{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.project input{border:0;background:transparent;text-align:center;width:210px;font-size:14px;font-weight:550;outline:0}.project span{font-size:10px;color:#90978b;display:flex;align-items:center;gap:5px}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#88a569}.header-actions{display:flex;gap:8px}.header-actions button{padding:10px 12px;border-radius:7px;font-size:12px}.header-actions .dark{background:#354a34;color:#fff;padding:11px 17px}.dark:hover{background:#496045}main{display:flex;min-height:0;flex:1}.rail{width:68px;background:#fafbf8;border-right:1px solid #dfe4db;display:flex;flex-direction:column;align-items:center;padding:22px 0;gap:12px;z-index:3}.rail button{width:40px;height:40px;border-radius:9px;color:#697767}.rail button.active{color:#425b35;background:#e8eddf}.divider{height:1px;width:25px;background:#e0e5db;margin:6px 0}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;gap:5px}.canvas{flex:1;position:relative;min-width:0;background:#f0f3ed;overflow:hidden}.canvas-heading{position:absolute;top:25px;left:27px;z-index:3;pointer-events:none;display:flex;gap:13px;align-items:center;font-size:12px;color:#6d7968}.canvas-heading small{font-size:10px;color:#99a290;border-left:1px solid #cbd3c4;padding-left:13px}.react-flow{position:absolute!important;inset:0}.react-flow__minimap{bottom:68px!important;background:#fafbf7!important;border:1px solid #dfe4d8;border-radius:9px;overflow:hidden;box-shadow:0 3px 18px #23371d08!important;width:130px!important;height:85px!important}.react-flow__node-image{border:1px solid transparent;border-radius:3px}.picture{width:100%;height:100%;position:relative;border-radius:3px;background:#e4e9df;box-shadow:0 12px 35px #23331e12}.picture img{width:100%;height:100%;object-fit:fill;display:block;border-radius:3px;pointer-events:none}.caption{position:absolute;bottom:-29px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#74816e;gap:8px;pointer-events:none}.caption span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caption em{font-style:normal;letter-spacing:1px;font-size:8px;flex-shrink:0;background:#e2e8d9;padding:3px 5px;border-radius:3px}.selected .caption{color:#405735}.react-flow__resize-control{border-color:#779464!important}.react-flow__resize-control.handle{background:#f8fbf4!important;width:8px!important;height:8px!important;border-radius:1px!important}.react-flow__selection{background:#8ca97520!important;border:1px solid #829c6f!important}.empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-51%);text-align:center;pointer-events:none;width:430px}.empty button{pointer-events:auto}.empty-art{width:94px;height:100px;margin:auto auto 28px;position:relative;color:#738a64;display:grid;place-items:center;transform:rotate(-9deg);background:linear-gradient(135deg,#e8eddf,#dce5ce);border-radius:20px;box-shadow:0 15px 35px #4c652015,inset 0 0 0 1px #cad5bf}.empty-art span{position:absolute;right:-16px;top:-10px;background:#f8faf4;border:1px solid #dce3d2;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;transform:rotate(9deg)}.eyebrow{font-size:9px;letter-spacing:3px;color:#8a9880;margin-bottom:16px}.empty h1{font-size:27px;font-weight:500;letter-spacing:1px;margin:0 0 17px}.empty p{font-size:12px;color:#88947f;line-height:2;margin:0 0 26px}.primary{background:#4b633e;color:#fafbf7;border-radius:8px;padding:13px 22px;font-size:12px;box-shadow:0 3px 10px #35442912}.primary:hover{background:#5d744e}.empty small{display:block;margin-top:17px;font-size:10px;color:#99a28f}.canvas-footer{position:absolute;bottom:20px;left:25px;right:22px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.canvas-footer>span{display:flex;align-items:center;gap:7px;color:#939e8a;font-size:10px}.zoom{display:flex;background:#fafbf7;border:1px solid #dbe1d4;padding:4px;border-radius:8px;pointer-events:auto;box-shadow:0 3px 12px #23371d05}.zoom button{width:28px;height:28px;border-radius:5px;color:#6e7c65}.zoom span{font-size:11px;width:43px;display:grid;place-items:center;color:#708065}.zoom button:last-child{border-left:1px solid #e3e8dc;margin-left:4px;border-radius:0;padding-left:6px}.selection-bar{position:absolute;z-index:6;top:60px;left:50%;transform:translate(-50%);display:flex;background:#fff;border:1px solid #dce4d6;border-radius:10px;padding:6px;box-shadow:0 5px 20px #26331b10;white-space:nowrap}.selection-bar span{font-size:11px;padding:0 10px;border-right:1px solid #e3e8dd;margin-right:4px;display:flex;align-items:center;color:#738067}.selection-bar button{width:34px;height:31px;border-radius:5px}aside{width:330px;flex-shrink:0;background:#fafbf8;border-left:1px solid #dfe4db;display:flex;flex-direction:column;z-index:4;overflow:hidden}.aside-title{display:flex;align-items:center;justify-content:space-between;padding:23px 20px 20px}.aside-title>div{display:flex;align-items:center;gap:9px;color:#526c42}.aside-title h2{font-size:14px;font-weight:600;color:#35472e;margin:0}.demo-badge,.live-badge{font-size:8px;letter-spacing:.5px;padding:5px 7px;border-radius:4px;background:#f0eadd;color:#9b8860}.live-badge{background:#e6eddf;color:#597349}.tabs{display:flex;margin:0 20px 22px;border-bottom:1px solid #e2e6dc}.tabs button{width:50%;font-size:12px;padding:12px 0;color:#929c87;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.chosen{border-color:transparent;color:#4a6439}.tabs em{font-size:9px;font-style:normal;border-radius:10px;background:#e5ecdb;padding:1px 5px}.create-panel{padding:0 20px;flex:1;overflow:auto}.model-card{display:flex;align-items:center;padding:13px 11px;border:1px solid #e1e7d9;border-radius:9px;background:#f2f5ec;gap:10px;margin-bottom:23px}.model-icon{width:33px;height:33px;display:grid;place-items:center;background:#e4ebd9;border-radius:7px;color:#647d4e}.model-card>div:nth-child(2){flex:1}.model-card b{font-size:12px;font-weight:550;display:block}.model-card span{font-size:9px;color:#93a084;display:block;margin-top:4px}.model-card>svg{color:#96a288}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#566b48;margin-bottom:10px}.field-label span{font-size:9px;color:#a0aa95}textarea{width:100%;height:134px;resize:vertical;border:1px solid #dce4d4;border-radius:8px;background:#fff;padding:13px;font-size:12px;line-height:1.8;min-height:90px;max-height:220px}textarea::placeholder{color:#b0b8a7}.prompt-hints{display:flex;gap:7px;margin:10px 0 22px}.prompt-hints button{border:1px solid #e3e8db;border-radius:5px;font-size:9px;color:#8c9c7f;padding:5px 8px}.reference-box{border:1px dashed #d8e0ce;border-radius:8px;background:#f6f8f1;padding:15px 10px;text-align:center;color:#a3b193}.reference-box p{font-size:10px;margin:8px 0}.reference-box button{font-size:10px;color:#748e5d;border:1px solid #dee7d3;background:#fcfdf9;border-radius:5px;padding:6px 10px}.url-row{display:flex;gap:4px;margin-top:9px}.url-row input{width:100%;min-width:0;border:1px solid #e0e6d8;padding:8px;background:#fff;border-radius:5px;font-size:10px}.url-row input::placeholder{color:#a9b29e}.url-row button{border:1px solid #e0e6d8;border-radius:5px;width:30px;flex-shrink:0}.ref-row{font-size:9px;display:flex;align-items:center;justify-content:space-between;margin-top:6px;background:#eaf0e1;border-radius:4px;padding:6px}.ref-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:235px}.hint{display:block;font-size:9px;line-height:1.6;color:#9da891;margin-top:8px}.settings{display:flex;gap:12px;margin:21px 0}.settings>div{width:50%}.settings .ui-select-trigger{width:100%;font-size:10px;border:1px solid #dfe5d6;background:#fff;border-radius:6px;padding:10px 5px}.mode-note{font-size:9px;line-height:1.7;color:#9a8e6f;background:#f4f0e6;border:1px solid #ede6d5;border-radius:6px;padding:9px 10px;margin-bottom:14px}.mode-note i{background:#b5a06e;margin-right:6px}.generate{background:#4a623d;color:#fff;width:100%;font-size:12px;border-radius:7px;padding:14px 13px;box-shadow:0 4px 13px #3d502017}.generate:hover{background:#5e764f}.generate svg:last-child{margin-left:auto}.generate svg:first-child{margin-right:auto}.aside-bottom{border-top:1px solid #e2e7dc;padding:16px 20px;font-size:9px;display:flex;justify-content:space-between;gap:5px;color:#9aa78e}.aside-bottom i{margin-right:5px}.aside-bottom a{text-decoration:none}.task-panel{flex:1;padding:0 20px 20px;overflow:auto}.no-tasks{text-align:center;color:#a1ae95;margin:75px 0 50px}.no-tasks p{font-size:12px}.no-tasks small{font-size:9px}.task{padding:14px;border:1px solid #e1e7d9;border-radius:9px;background:#fff;margin-bottom:12px}.task-top{display:flex;justify-content:space-between;align-items:center}.task-top b{font-size:11px;font-weight:550}.task-top span{font-size:8px;color:#9ba88f}.task p{font-size:11px;line-height:1.7;margin:10px 0;color:#7e8b71;overflow-wrap:anywhere}.task>small{font-size:9px;color:#abb69e}.task-bottom{display:flex;gap:6px;align-items:center;border-top:1px solid #edf0e8;margin-top:10px;padding-top:10px;font-size:10px;color:#8a9b7c}.task-bottom button{margin-left:auto;color:#a79074;font-size:10px}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success{display:flex;gap:5px;align-items:center;font-size:10px;color:#81966f;margin-top:12px}.error{font-size:10px;color:#b07a62;margin-top:10px}.retry{font-size:10px;color:#8b8f68;margin-top:8px;padding:5px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#31412b;color:#fff;padding:13px 23px;border-radius:9px;z-index:50;font-size:12px;box-shadow:0 6px 20px #24351b20;max-width:80vw}.modal{position:fixed;inset:0;background:#18241399;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;display:grid;place-items:center}.compare{background:#fafbf7;padding:24px;border-radius:15px;max-width:1000px;width:85vw}.compare-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.compare h2{font-size:17px;margin:0}.compare-images{display:flex;gap:20px}.compare figure{margin:0;flex:1;min-width:0}.compare img{width:100%;height:52vh;object-fit:contain;background:#eef2e8;border-radius:7px}.compare figcaption{font-size:11px;margin-top:10px;color:#788c69}.compare p{font-size:10px;color:#9aa88e;margin-top:20px}@media(max-width:1050px){aside{width:300px}.header-actions button{padding:10px 8px}.header-actions button:not(.dark){font-size:0;gap:0}.brand{min-width:160px}.canvas-footer>span{display:none}}@media(max-width:750px){header{padding:0 12px}.brand{min-width:0}.brand b span,.project span{display:none}.project input{width:130px}.brand b{font-size:20px}.rail{width:48px}.canvas-heading{left:15px}.empty{width:230px}.empty h1{font-size:19px}.empty small,.eyebrow{display:none}.empty-art{width:65px;height:70px}.empty button{font-size:10px;padding:10px}.react-flow__minimap{display:none}aside{width:270px}.header-actions{gap:2px}.header-actions .dark{font-size:0;gap:0;padding:10px}.canvas-footer{left:10px;right:10px}.app{min-width:650px}}.studio{color:#27332d}.studio header{height:68px;padding:0 22px}.studio .brand{min-width:170px}.brand b span{font-size:8px;letter-spacing:2.2px}.project-switch{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.switch{font-size:13px;padding:4px 10px;border-radius:5px}.switch span{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-state{font-size:9px;color:#8c9784;display:flex;gap:5px;align-items:center}.project-popover{position:absolute;top:48px;background:#fff;border:1px solid #dfe5d8;box-shadow:0 8px 30px #25321a15;border-radius:9px;min-width:240px;padding:7px;z-index:20;max-height:350px;overflow:auto}.project-popover button{width:100%;padding:12px;text-align:left;justify-content:flex-start;font-size:12px;border-radius:5px}.connection{font-size:10px;color:#778e65;display:flex;align-items:center;gap:5px;margin-right:10px}.connection.offline{color:#98a18c}.connection.offline i{background:#b6b99f}.studio .rail{width:58px;padding-top:17px;gap:9px}.library-drawer{width:210px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #dfe4db;background:#f8faf5;overflow:hidden}.drawer-title{display:flex;align-items:center;justify-content:space-between;padding:23px 15px 15px}.drawer-title h2{font-size:12px;margin:0;font-weight:550}.drawer-title button{color:#99a28f}.import-button{border:1px solid #dce4d2;background:#fff;border-radius:7px;margin:0 14px;padding:9px;font-size:11px;color:#758765}.drawer-hint{font-size:9px;color:#a0ab94;line-height:1.8;padding:0 15px;margin:14px 0}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 13px 20px;overflow:auto}.asset-tile{min-width:0;flex-direction:column;align-items:flex-start;padding:0;gap:4px;border-radius:4px;text-align:left}.asset-tile img{width:100%;aspect-ratio:1;object-fit:cover;background:#e9eee2;border-radius:5px}.asset-tile span{font-size:9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7d8b71}.asset-tile small{font-size:8px;color:#a9b59c}.drawer-empty{text-align:center;font-size:11px;color:#a4b198;margin:60px 0}.drawer-empty small{font-size:9px}.layer-list{overflow:auto;padding:0 10px}.layer{display:flex;align-items:center;padding:6px 3px;border-radius:7px;margin-bottom:5px}.layer.chosen{background:#e8efdd}.layer-select{justify-content:flex-start;flex:1;min-width:0;padding:0 3px}.layer-select img{width:28px;height:28px;object-fit:cover;border-radius:3px}.layer-select span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer>button:not(.layer-select){width:22px;padding:2px;color:#91a07e}.studio aside{width:330px}.studio .canvas-heading{top:20px;left:22px;pointer-events:auto}.canvas-heading input{border:0;background:transparent;color:#76866a;font-size:11px;width:140px;outline:0}.studio .aside-title{padding:22px 20px 15px}.backend-badge{font-size:8px;border:1px solid #dbe5ce;padding:4px 6px;border-radius:5px;color:#829568}.studio .tabs{margin-bottom:18px}.studio .tabs button{width:33.333%}.studio .model-card{margin-bottom:20px}.intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:21px}.intent-grid button{padding:8px 5px;font-size:10px;border:1px solid #e0e7d7;border-radius:6px;color:#87997a}.intent-grid button.chosen{background:#e8efde;border-color:transparent;color:#55733f}.studio textarea{height:145px}.mention-row{display:flex;align-items:center;justify-content:space-between;margin:9px 0 16px;gap:5px}.mention-row button{padding:4px 5px;font-size:9px;color:#7f956d;background:#eef3e7;border-radius:4px}.mention-row small{font-size:8px;color:#a5b19b}.ref-cards{display:flex;flex-direction:column;gap:7px}.ref-card{display:flex;align-items:center;background:#eff4e8;border:1px solid #dfe8d2;border-radius:6px;padding:6px;gap:7px}.ref-card img{width:33px;height:33px;object-fit:cover;border-radius:4px}.ref-card>div{flex:1;min-width:0}.ref-card b{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#6d8659}.ref-card small{display:block;font-size:8px;color:#97a985;margin-top:4px}.image-panel{overflow:auto;flex:1;padding:0 20px 22px}.inspector-preview{width:100%;height:150px;object-fit:contain;background:repeating-conic-gradient(#f2f5ed 0% 25%,#e8edde 0% 50%) 50%/16px 16px;border-radius:7px;margin-bottom:13px}.image-title{width:100%;font-size:12px;border:1px solid #dde5d4;border-radius:6px;padding:8px;background:#fff}.image-stats{font-size:9px;color:#9aab8d;display:flex;justify-content:space-between;margin:10px 0 18px}.full{width:100%;font-size:11px;padding:11px}.download-original{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 0;color:#849976;font-size:10px;text-decoration:none}.slider-label{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:10px;color:#7f916e;margin:20px 0;gap:9px}.slider-label span{font-size:9px;color:#a1b08e}.slider-label input{width:100%;accent-color:#6e8e50;height:4px}.order-buttons{display:flex;gap:8px;margin-bottom:22px}.order-buttons button{border:1px solid #dfe6d4;border-radius:6px;padding:8px;flex:1;font-size:10px}.version-list{display:flex;flex-direction:column;gap:6px;margin-top:5px}.version-list>div{display:flex;background:#f0f4e9;border-radius:6px;padding:5px}.version-list>div>button:first-child{justify-content:flex-start;flex:1;gap:9px;text-align:left}.version-list img{width:38px;height:38px;object-fit:cover;border-radius:4px}.version-list span{font-size:10px;color:#758c60}.version-list small{display:block;font-size:8px;color:#a1b18e;margin-top:4px}.source-prompt{font-size:10px;margin-top:25px}.source-prompt label{color:#789164}.source-prompt p{color:#94a782;line-height:1.8;background:#f1f5ea;border-radius:6px;padding:10px}.source-prompt button{font-size:10px;padding:7px 10px;border:1px solid #dce7cd;border-radius:5px}.job-result{display:flex;gap:10px;width:100%;justify-content:flex-start;text-align:left;background:#f2f6ed;border-radius:6px;margin-top:10px;padding:7px}.job-result img{width:45px;height:45px;object-fit:cover;border-radius:4px}.job-result span{font-size:10px;color:#82996e}.job-result small{display:block;font-size:8px;color:#a3b590;margin-top:6px}.help-modal{width:440px;max-width:90vw;border-radius:13px;padding:24px;background:#fafbf7;box-shadow:0 15px 70px #20301330}.help-modal p,.help-modal li{font-size:11px;line-height:1.9;color:#849774}.help-modal li{margin-bottom:10px}.help-modal ol{padding-left:18px}.help-modal h2{font-size:15px}.help-modal .settings label{font-size:11px;color:#8ba277}.help-modal .settings .ui-select-trigger{margin-top:10px}.editor{width:1000px;max-width:92vw;border-radius:13px;background:#fafbf7;padding:23px;box-shadow:0 15px 70px #20301330}.editor-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.editor-title>div{display:flex;gap:10px;align-items:center;color:#728863}.editor-title h2{font-size:16px;margin:0;color:#465d39}.editor-title span{font-size:10px;color:#9bac8d;margin-left:5px}.editor-body{display:flex;gap:25px}.editor-stage{flex:1;min-width:0;background:#eef2e7;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow:hidden}.crop-image{width:100%;max-width:500px;max-height:520px;position:relative;cursor:crosshair;touch-action:none;overflow:hidden}.crop-image img{width:100%;height:100%;object-fit:fill;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-rect{position:absolute;border:1px solid white;box-shadow:0 0 0 1000px #15271166;pointer-events:none;background:linear-gradient(90deg,transparent 33%,#ffffff66 33.3%,transparent 33.6%,transparent 66%,#ffffff66 66.3%,transparent 66.6%),linear-gradient(transparent 33%,#ffffff66 33.3%,transparent 33.6%,transparent 66%,#ffffff66 66.3%,transparent 66.6%)}.editor-stage p{font-size:9px;color:#a2b291;margin-top:18px}.editor-controls{width:245px;flex-shrink:0}.editor-controls>label{font-size:10px;color:#799362;display:block;margin-bottom:10px}.ratio-buttons{display:flex;gap:6px;margin-bottom:10px}.ratio-buttons button{font-size:10px;border:1px solid #dce7cf;border-radius:5px;padding:7px;flex:1}.editor-controls>small{font-size:9px;color:#9eb38a;line-height:1.8}.editor-controls .slider-label{display:flex;margin:22px 0}.editor-rotate{display:flex;gap:6px;margin-bottom:9px}.editor-rotate button{border:1px solid #dde8d0;padding:7px;font-size:10px;border-radius:5px}.editor-rotate .chosen{background:#e8f1dc}.editor-controls>label:last-of-type{margin-top:20px}.dimension-inputs{display:flex;gap:7px;align-items:center}.dimension-inputs input{width:100px;min-width:0;border:1px solid #dce6d0;border-radius:5px;padding:8px;font-size:11px;background:#fff}.dimension-inputs span{color:#98ab86;font-size:11px}.reset{font-size:10px;margin-top:17px;color:#a1af91}.editor footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.editor footer span{font-size:10px;color:#99ac85}.editor footer button{font-size:11px;padding:12px 20px}.conflict-banner{font-size:11px;color:#9c7e56;background:#f6eddc;display:flex;align-items:center;justify-content:center;gap:12px;padding:9px}.conflict-banner button{font-size:10px;border:1px solid #decbac;border-radius:4px;padding:5px 9px}.studio .caption{font-size:10px}.studio .empty{width:360px}.studio .empty h1{font-size:24px}.studio .canvas-footer>span{font-size:9px;color:#99a88b}.studio .empty p{font-size:11px}.studio .no-tasks{margin-top:60px}@media(max-width:1200px){.library-drawer{width:180px}.studio aside{width:300px}.connection{display:none}.studio .empty{width:270px}.studio .empty h1{font-size:21px}.editor{width:900px}}@media(max-width:960px){.library-drawer{width:160px}.asset-grid{grid-template-columns:1fr}.studio .canvas-footer>span{display:none}.studio .empty{width:210px}.studio .empty h1{font-size:18px}.editor-body{gap:15px}.editor-controls{width:210px}.editor-title span{display:none}.dimension-inputs input{width:85px}}:root{--motion-short: .14s;--motion-panel: .18s;--motion-ease: cubic-bezier(.2, .7, .2, 1)}button{transition:background var(--motion-short),color var(--motion-short),transform .1s var(--motion-ease)}button:active:not(:disabled){transform:translateY(1px) scale(.98)}.library-drawer,.project-popover,.selection-bar{animation:panel-enter var(--motion-panel) var(--motion-ease) both}.create-panel,.image-panel,.task-panel{animation:content-enter var(--motion-short) ease-out both}.modal{animation:veil-enter var(--motion-short) ease-out both}.modal>.editor,.modal>.help-modal,.modal>.compare{animation:dialog-enter var(--motion-panel) var(--motion-ease) both}.toast{animation:content-enter var(--motion-panel) var(--motion-ease) both}.picture .canvas-image{transition:opacity var(--motion-short) ease-out}.picture.image-loading:after,.asset-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff55 45%,transparent 70%);transform:translate(-100%);animation:image-shimmer 1.25s ease-in-out infinite;pointer-events:none}.picture{contain:layout style}.picture.image-loading{overflow:hidden}.image-error{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#8b967e;background:#eef1e8}.asset-tile{content-visibility:auto;contain-intrinsic-size:auto 138px}.asset-tile img{height:auto;aspect-ratio:1;object-fit:cover}.asset-placeholder{height:115px;border-radius:7px;background:#e9eee2;position:relative;overflow:hidden}.canvas-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:#f0f3eddd;z-index:7;color:#839476}.canvas-loading b{font-size:13px;font-weight:500}.canvas-loading span{font-size:10px;color:#9aaa8e}.canvas-loading .primary{margin-top:10px}.editor-loading{display:flex;align-items:center;gap:12px;background:#fafbf7;border-radius:12px;padding:28px 34px;font-size:12px;color:#778d62}.import-progress{position:absolute;bottom:66px;left:50%;transform:translate(-50%);width:245px;padding:12px 15px;border-radius:9px;background:#fbfcf8ed;box-shadow:0 4px 20px #29402613;border:1px solid #dce5d1;z-index:8;animation:content-enter var(--motion-panel) ease-out}.import-progress>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#70895b}.import-progress>div{margin-top:9px;height:3px;border-radius:4px;overflow:hidden;background:#e3ebda}.import-progress i{display:block;width:100%;height:100%;border-radius:0;background:#8ea873;transform-origin:left;transition:transform .18s ease-out}@keyframes panel-enter{0%{opacity:0;translate:-7px 0}to{opacity:1;translate:0 0}}@keyframes content-enter{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes veil-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-enter{0%{opacity:0;translate:0 7px;scale:.985}to{opacity:1;translate:0 0;scale:1}}@keyframes image-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.studio header{position:relative;z-index:12}.studio aside{width:382px;flex-shrink:0}.composer{padding:0 22px 8px}.composer-lead{margin:2px 0 18px}.composer-lead .eyebrow{font-size:9px;letter-spacing:1.7px;color:#839773}.composer-lead h3{font-size:21px;letter-spacing:-.6px;margin:7px 0;color:#394f32;font-weight:550}.composer-lead p{font-size:11px;line-height:1.7;color:#8c9b80;margin:0}.recipe-row{display:flex;gap:6px;margin-bottom:21px;flex-wrap:wrap}.recipe-row button{font-size:10px;background:#edf2e6;border-radius:6px;padding:7px 8px;color:#70875f}.composer .intent-grid{margin-bottom:18px}.composer .field-label{font-size:11px;color:#657d56}.composer .intent-grid button{font-size:11px}.prompt-input-wrap{position:relative}.composer textarea{height:156px;font-size:12px;line-height:1.8;background:#fdfefb;padding:12px;border-color:#d8e3cd}.composer textarea::placeholder{color:#a1ae96}.composer .mention-row{margin:9px 0 15px}.composer .mention-row button{font-size:10px}.composer .mention-row small{font-size:9px}.mention-picker{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:15;padding:5px;border:1px solid #d2dfc3;border-radius:9px;background:#fafcf6;box-shadow:0 10px 30px #263a2522;max-height:285px;overflow:auto}.mention-picker button{width:100%;padding:7px;text-align:left;justify-content:flex-start;border-radius:5px}.mention-picker button.chosen{background:#e8f0dd}.mention-picker img{width:30px;height:30px;object-fit:cover;border-radius:4px}.mention-picker span{flex:1;min-width:0;font-size:11px;color:#567147;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-picker small{display:block;font-size:9px;color:#95a584;margin-top:3px}.composer-warning{font-size:10px;line-height:1.7;color:#927441;padding:9px 11px;border-radius:6px;background:#f5efdf;margin:10px 0 15px}.brief-toggle{border-top:1px solid #e2e9d9;border-bottom:1px solid #e2e9d9;margin-bottom:17px}.brief-toggle button{justify-content:flex-start;width:100%;padding:12px 1px;font-size:11px;color:#6b825b}.brief-toggle span{margin-left:auto;font-size:9px;color:#98a88b}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px;animation:content-enter var(--motion-short) ease-out}.brief-fields label{font-size:10px;color:#859a70;display:block;min-width:0}.composer .brief-fields textarea{display:block;width:100%;height:68px;min-height:0;padding:7px;font-size:10px;resize:vertical;margin-top:6px;border:1px solid #dbe5cf;border-radius:6px}.brief-fields label:nth-last-child(-n+3){grid-column:1/-1}.reference-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.reference-heading label{flex:1;margin:0}.reference-heading button{color:#7b926a;padding:5px}.creative-ref{display:flex;gap:10px;padding:10px;background:#eef3e7;border:1px solid #dde7d0;border-radius:8px}.creative-ref>img,.ref-link-icon{width:40px;height:48px;object-fit:cover;border-radius:4px;flex-shrink:0}.ref-link-icon{display:grid;place-items:center;background:#e2ebd6;color:#80976a}.ref-details{flex:1;min-width:0}.ref-alias{display:flex;align-items:center;gap:1px}.ref-alias>span{color:#809c67;font-size:12px}.ref-alias input{width:75px;min-width:0;font-size:11px;background:transparent;border:0;padding:3px 1px;color:#587441}.ref-alias .ui-select-trigger{font-size:9px;padding:3px 4px;border:1px solid #d3dfc7;border-radius:4px;background:#f8faf3;margin-left:auto;color:#7a9463}.ref-details>small{display:block;font-size:9px;line-height:1.6;color:#97a785;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:3px 0}.ref-order{display:flex;gap:4px}.ref-order button{font-size:8px;padding:2px 4px;border-radius:3px;color:#8ca376}.ref-order button:last-child{margin-left:auto}.reference-search{padding:9px;background:#f0f5e8;border:1px solid #d7e2cc;border-radius:8px;margin-bottom:9px}.reference-search>div:first-child{display:flex;align-items:center;gap:6px;padding:5px;background:#fff;border-radius:5px;color:#92a67d}.reference-search input{border:0;min-width:0;width:100%;font-size:10px;outline-offset:0;background:transparent}.reference-search-results{max-height:220px;overflow:auto;margin-top:6px}.reference-search-results>button{width:100%;padding:5px;justify-content:flex-start;font-size:10px;text-align:left}.reference-search-results img{width:32px;height:32px;object-fit:cover;border-radius:3px}.reference-search-results span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-search-results p{font-size:10px;color:#93a783}.link-target{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding-top:8px;color:#7c9664}.revision-context{display:flex;align-items:center;gap:7px;font-size:10px;background:#e9f0de;color:#718d57;padding:9px;border-radius:6px;margin:14px 0}.revision-context span{flex:1}.prompt-preview{border:1px solid #dfe8d3;border-radius:7px;margin:15px 0}.prompt-preview .ui-disclosure-heading{font-size:10px;cursor:pointer;padding:10px;color:#7b9466}.prompt-preview .ui-disclosure-heading span{float:right;color:#a1b18e;font-size:9px}.prompt-preview pre{margin:0 10px 10px;padding:10px;background:#eef3e5;border-radius:5px;font-family:inherit;font-size:10px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto;color:#6f885a;-webkit-user-select:text;user-select:text}.prompt-preview button{font-size:9px;padding:6px 10px;margin:0 10px 9px;color:#7c9667}.composer .settings{margin-top:18px}.composer-submit{position:sticky;bottom:-8px;z-index:3;padding:17px 0 4px;background:linear-gradient(#fafbf700,#fafbf7 12px);margin-top:7px}.composer-submit .generate{height:43px;font-size:12px}.composer-submit .selection-bar .arrange-menu{font-size:10px;padding:6px;border:1px solid #dbe5ce;border-radius:5px;background:#f7faf1;color:#809767;width:65px}.job-actions{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.job-actions button{font-size:9px;padding:6px 9px;border:1px solid #dbe6ce;border-radius:5px;color:#7e9768}.compare-heading small{display:block;margin-top:7px;color:#96a884;font-size:11px}.compare-tools{display:flex;gap:7px;margin-bottom:16px}.compare-tools button{font-size:11px;padding:8px 11px;border:1px solid #dde6d3;border-radius:6px;color:#869e70}.compare-tools button.chosen{background:#e4edd9;color:#5f7d47}.compare-tools button:last-child{margin-left:auto}.compare-wipe{position:relative;width:auto;max-width:100%;max-height:52vh;margin:auto;overflow:hidden;background:repeating-conic-gradient(#f2f5ed 0% 25%,#e5ecdd 0% 50%) 50%/16px 16px;border-radius:7px}.compare .compare-wipe img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border-radius:0;background:transparent}.compare-wipe .wipe-before{z-index:1}.wipe-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;z-index:2;box-shadow:0 0 5px #0004;pointer-events:none}.wipe-divider span{position:absolute;left:50%;top:50%;translate:-50% -50%;background:#fafdf4;border:1px solid #d6e3c9;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#7e965f;font-size:16px}.wipe-control{display:block;text-align:center;font-size:10px;color:#8ea478;margin:15px 0}.wipe-control input{display:block;width:100%;accent-color:#809961;margin-top:12px}.compare-actions{display:flex;justify-content:center;gap:14px;margin-top:20px}.compare-actions button{background:#e8f0dd;color:#6e8b55;border:1px solid #d4e2c6;border-radius:6px;padding:10px 20px;font-size:11px}.compare{max-height:92vh;overflow:auto}.compare p{line-height:1.7}@media(max-width:1200px){.studio aside{width:340px}.composer{padding-left:16px;padding-right:16px}}@media(max-width:960px){.studio aside{width:300px}.composer-lead h3{font-size:18px}.recipe-row button{font-size:9px}.studio .library-drawer{width:144px}.studio .selection-bar{gap:4px}.studio .brand{min-width:140px}}.conversation-panel{display:flex;flex:1;min-height:0;overflow:hidden}.conversation-panel[hidden]{display:none}.agent-plan{margin-top:8px}.agent-person{border-bottom:1px solid #eeede9}.agent-person>.ui-disclosure-heading{display:flex;gap:8px;align-items:center;list-style:none;padding:8px 0;cursor:pointer;font-size:12px}.agent-person>.ui-disclosure-heading::-webkit-details-marker{display:none}.agent-person>.ui-disclosure-heading span{flex:1;min-width:0;overflow-wrap:anywhere}.agent-person>.ui-disclosure-heading input{margin:0;accent-color:#26251d}.agent-person>.ui-disclosure-heading svg{color:#9c9c96}.agent-person[data-state=open]>.ui-disclosure-heading .ui-disclosure-chevron{transform:rotate(180deg)}.agent-person-editor{padding:8px;background:#f8f8f6;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.agent-person-editor>div{display:flex;gap:8px}.agent-person-editor input{flex:1;min-width:0;border:1px solid #e5e4df;border-radius:6px;padding:7px;font-size:12px;background:#fff}.agent-person-editor textarea{min-height:68px;width:100%;resize:vertical;border:1px solid #e5e4df;border-radius:6px;padding:8px;font-size:12px;line-height:1.6;background:#fff}.agent-evidence{font-size:11px;color:#777}.agent-evidence .ui-disclosure-heading{cursor:pointer}.agent-evidence p,.agent-evidence blockquote{line-height:1.65;margin:7px 0}.agent-evidence blockquote{padding-left:8px;border-left:2px solid #ddd}.agent-plan-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.agent-plan-actions button{display:flex;align-items:center;gap:4px;font-size:11px}.agent-plan-actions .primary{padding:8px 11px;margin:0}.agent-plan-actions .primary:hover{background:#2d2c25}.agent-script .ui-disclosure-heading{list-style:none;cursor:pointer;white-space:pre-wrap;overflow-wrap:anywhere}.agent-script .ui-disclosure-heading::-webkit-details-marker{display:none}.agent-script pre{white-space:pre-wrap;max-height:240px;overflow:auto;line-height:1.65;font-family:inherit;font-size:12px;margin:10px 0 0}.agent-settings label{display:flex;flex-direction:column;gap:7px;font-size:12px}.agent-settings textarea{min-height:72px;padding:9px;border:1px solid #ddd;border-radius:8px;line-height:1.6;font-size:12px;resize:vertical}.agent-settings small{font-size:10px;color:#888;line-height:1.6}.agent-results{display:flex;gap:8px;overflow:auto;margin:9px 0}.agent-results button{padding:0;display:flex;flex-direction:column;gap:4px;font-size:10px;flex-shrink:0}.agent-results img{width:55px;height:55px;object-fit:cover;border-radius:7px}.agent-job-details{font-size:11px;color:#888;margin-top:7px}.agent-job-details>.ui-disclosure-heading{cursor:pointer}.agent-job-details>div{padding:8px 0;border-bottom:1px solid #eee}.agent-job-details>div>span{margin-right:8px;color:#333}.agent-job-details p{font-size:11px;line-height:1.6}.composer-dock{position:relative}.skill-picker{position:absolute;left:0;right:0;bottom:100%;max-height:min(480px,65vh);overflow:auto;background:#fff;border:1px solid #e6e4e9;border-radius:14px;box-shadow:0 10px 40px #0002;padding:12px;z-index:80}.skill-picker>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-picker>input{width:100%;padding:8px;border:1px solid #eee;border-radius:8px;margin-bottom:6px}.skill-picker .skill-choice{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;width:100%;min-width:0;padding:10px 12px;border-radius:8px}.skill-choice b{font-size:12px;line-height:18px;font-weight:600}.skill-picker small{color:#888;font-size:11px;line-height:1.5}.skill-picker .skill-choice:hover,.skill-picker .chosen{background:#f6f4fa}.skill-task>.ui-disclosure-heading small{font-size:10px;color:#999;white-space:nowrap}.skill-task-settings{display:flex;gap:8px;margin-top:8px}.skill-task-settings label{display:flex;align-items:center;gap:4px;font-size:11px}.skill-task-settings .ui-select-trigger{padding:4px;max-width:130px}.skill-variants{display:flex;gap:8px;overflow:auto;padding:8px}.skill-variants>div{flex:0 0 76px;display:flex;flex-direction:column;gap:4px}.skill-variants img{width:76px;height:76px;object-fit:cover;border-radius:7px}.skill-variants button{font-size:11px;padding:3px;display:flex;justify-content:center;align-items:center;gap:3px}.skill-variants .chosen{background:#e9e6f3;color:#53427c;border-radius:5px}.save-skill{display:flex;gap:4px;margin-top:8px}.save-skill input{min-width:0;flex:1;padding:6px}.canvas-text-layer{width:100%;height:100%;white-space:pre-wrap;overflow:hidden;line-height:1.25;font-weight:400;text-shadow:1px 0 #333,-1px 0 #333,0 1px #333,0 -1px #333;cursor:move}.canvas-text-layer.selected{outline:1px solid #9384bc}.canvas-text-editor{position:absolute;right:18px;top:130px;width:230px;padding:14px;background:#fffffff5;border:1px solid #e6e6e6;box-shadow:0 8px 24px #0001;border-radius:12px;z-index:25;display:flex;flex-direction:column;gap:8px}.canvas-text-editor b{font-size:12px}.canvas-text-editor textarea{width:100%;min-height:75px;resize:vertical;border:1px solid #eee;border-radius:6px;padding:8px}.canvas-text-editor>div{display:flex;gap:8px}.canvas-text-editor label{display:flex;flex-direction:column;gap:4px;font-size:11px;flex:1;min-width:0}.canvas-text-editor input{width:100%;min-width:0}.canvas-text-editor .ui-select-trigger{font-size:12px;max-width:100%;flex:1;padding:5px}.canvas-text-editor small{color:#888;font-size:10px;line-height:1.6}@media(max-width:750px){.canvas-text-editor{top:auto;bottom:80px;right:10px;width:210px}.skill-picker{max-height:50vh}.composer-controls{gap:4px}.skill-task-settings{flex-wrap:wrap}}.workflow-status{font-size:11px;color:#777;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.workflow-status .ui-disclosure{width:100%}.workflow-status .ui-disclosure-heading{cursor:pointer}.workflow-status p{font-size:11px!important}.skill-plan-details>.ui-disclosure-heading{cursor:pointer;font-size:12px;color:#666;padding:8px 0}.canvas-skill-actions{position:absolute;bottom:55px;left:50%;transform:translate(-50%);z-index:35;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:8px 12px;max-width:calc(100% - 40px);box-shadow:0 4px 15px #00000008}.canvas-skill-actions span{font-size:11px;white-space:nowrap;color:#777}.canvas-skill-actions button{white-space:nowrap;font-size:12px}.skill-picker-item{display:flex;align-items:center}.skill-picker-item>button:first-child{flex:1}.skill-picker .skill-edit-button{width:auto;font-size:11px;padding:6px;color:#777}.skill-editor label{display:block;font-size:12px;margin:12px 0}.skill-editor input,.skill-editor textarea{display:block;width:100%;margin-top:7px;border:1px solid #ddd;border-radius:8px;padding:8px;resize:vertical}.skill-editor .ui-disclosure{margin:10px 0}.asset-group-frame{height:100%;border:1px solid #dcded9;border-radius:14px;background:#fafbf830;pointer-events:none}.asset-group-frame>button{position:absolute;top:8px;left:14px;display:flex;gap:12px;align-items:center;max-width:calc(100% - 28px);pointer-events:auto;text-align:left;font-size:12px}.asset-group-frame b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-group-frame span{font-size:10px;color:#888;white-space:nowrap}.canvas-skill-actions{flex-wrap:wrap;justify-content:center}.canvas-skill-actions>span{max-width:160px;overflow:hidden;text-overflow:ellipsis}.canvas-version-picker,.canvas-entity-editor{position:absolute;bottom:calc(100% + 8px);width:min(480px,calc(100vw - 40px));max-height:50vh;overflow:auto;background:#fff;border:1px solid #e4e4e4;border-radius:14px;padding:12px;box-shadow:0 8px 30px #00000012}.canvas-group-tools{display:flex;gap:14px;font-size:12px;margin-bottom:12px}.canvas-version-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.canvas-version-grid button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}.canvas-version-grid img{width:100%;height:110px;object-fit:contain;background:#f7f7f7;border-radius:8px}.canvas-version-grid span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px}.canvas-entity-editor{width:min(340px,calc(100vw - 40px));text-align:left}.canvas-entity-editor label{display:block;font-size:12px;margin-bottom:12px}.canvas-entity-editor input,.canvas-entity-editor textarea{width:100%;display:block;margin-top:6px;padding:8px;border:1px solid #ddd;border-radius:7px;font-size:12px}.canvas-entity-editor textarea{height:110px;resize:vertical}.plan-quantity{width:100%;font-size:10px!important;line-height:1.6;color:#888}.derivative-update{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.derivative-update small{font-size:11px;color:#8b704c}.derivative-update button,.edit-history-action{font-size:12px;color:#567352}.edit-history-action{margin:8px 0}.stale-action{color:#8b704c}.skill-variants small{display:block;font-size:10px;color:#8b704c}@media(max-width:600px){.canvas-skill-actions{bottom:68px;gap:8px;padding:9px 10px}.canvas-skill-actions>span{flex-basis:100%;max-width:100%;text-align:center}.canvas-skill-actions button{font-size:11px}.canvas-version-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{color:#100f09;background:#f5f5f5;font-size:13px;--studio-text: #100f09;--studio-secondary: #7c7c79;--studio-border: rgba(26, 26, 25, .12);--studio-accent: #29a3d7}.lovart-layout{color:var(--studio-text);min-height:540px}.lovart-layout button,.lovart-layout input,.lovart-layout textarea{color:inherit}.lovart-layout button:hover{background:#f1f1f0}.lovart-layout i{background:#777772}.lovart-layout header{height:56px;padding:0 20px;gap:18px;background:#fff;border-color:var(--studio-border);justify-content:flex-start}.lovart-layout .brand{min-width:0;gap:8px}.lovart-layout .logo{width:28px;height:28px;background:#100f09;color:#fff;border-radius:50%}.lovart-layout .logo svg{width:17px;height:17px}.lovart-layout .brand b{font-size:19px;letter-spacing:-.7px}.lovart-layout .brand b span{display:none}.lovart-layout .project-switch{flex-direction:row;gap:14px;min-width:0}.lovart-layout .switch{font-size:12px;padding:7px 8px;gap:6px}.lovart-layout .save-state{font-size:10px;color:#7c7c79;white-space:nowrap}.lovart-layout .project-popover{left:0;top:37px;border-color:var(--studio-border);box-shadow:0 8px 28px #00000012}.lovart-layout .header-actions{margin-left:auto;gap:6px;align-items:center}.lovart-layout .header-actions button{font-size:12px;padding:8px 11px;border-radius:8px}.lovart-layout .header-actions .dark{color:#fff;background:#100f09;padding:9px 15px}.lovart-layout .header-actions .dark:hover{background:#33332f}.lovart-layout .connection,.lovart-layout .connection.offline{color:#7c7c79;font-size:10px}.lovart-layout .connection i{background:#969692}.lovart-layout main{position:relative}.lovart-layout aside{width:360px;min-width:300px;border-left:0;border-right:1px solid var(--studio-border);background:#fff;z-index:5}.lovart-layout .aside-title{padding:20px 18px 12px}.lovart-layout .aside-title>div{color:#100f09;gap:8px}.lovart-layout .aside-title h2{color:#100f09;font-size:13px;font-weight:600}.lovart-layout .studio-tag{font-size:9px;letter-spacing:1.2px;color:#92928d}.lovart-layout .tabs{margin:0 16px 17px;gap:4px;border:0;background:#f5f5f4;padding:3px;border-radius:9px}.lovart-layout .tabs button{color:#7c7c79;font-size:12px;padding:8px 0;border:0;margin:0;border-radius:7px}.lovart-layout .tabs button.chosen{color:#100f09;background:#fff;box-shadow:0 1px 4px #0000000d}.lovart-layout .tabs em{background:#e8e8e5;color:#525251}.lovart-layout .aside-bottom{padding:12px 18px;border-color:#efefed;color:#7c7c79;font-size:10px}.lovart-layout .composer{padding:0 14px 8px;scrollbar-width:thin;scrollbar-color:#d9d9d6 transparent}.lovart-layout .composer-lead{margin:2px 4px 22px}.lovart-layout .composer-lead .eyebrow{color:#93938e;font-size:9px;letter-spacing:1.4px}.lovart-layout .composer-lead h3{color:#100f09;font-size:19px;letter-spacing:-.5px;margin:8px 0;font-weight:550}.lovart-layout .composer-lead p{color:#7c7c79;font-size:13px;line-height:19.5px}.lovart-layout .recipe-row{gap:5px;margin:0 3px 18px}.lovart-layout .recipe-row button{background:#f5f5f4;color:#525251;font-size:11px;padding:7px 8px;border-radius:8px}.lovart-layout .field-label,.lovart-layout .composer .field-label{color:#525251;font-size:12px;margin-bottom:8px}.lovart-layout .field-label span{color:#92928d;font-size:10px}.lovart-layout .intent-grid{gap:5px;margin-bottom:18px}.lovart-layout .intent-grid button{color:#7c7c79;font-size:11px;border-color:#e8e8e5;background:#fff;border-radius:8px;padding:7px 4px}.lovart-layout .intent-grid button.chosen{color:#100f09;border-color:transparent;background:#f5f5f3}.lovart-layout .composer textarea{height:104px;min-height:104px;background:#fff;border:1px solid var(--studio-border);border-radius:22px;padding:12px 14px;font-size:13px;line-height:19.5px}.lovart-layout textarea::placeholder{color:#9b9b96}.lovart-layout .mention-row{margin:8px 3px 15px}.lovart-layout .mention-row button{font-size:11px;color:#525251;background:#f5f5f4;border-radius:7px;padding:5px 7px}.lovart-layout .mention-row small{font-size:9px;color:#92928d}.lovart-layout .mention-picker{background:#fff;border-color:var(--studio-border);box-shadow:0 8px 24px #00000016}.lovart-layout .mention-picker button.chosen{background:#f2f2f0}.lovart-layout .mention-picker span{font-size:12px;color:#100f09}.lovart-layout .mention-picker small{font-size:10px;color:#7c7c79}.lovart-layout .brief-toggle{border-color:#efefec;margin-bottom:14px}.lovart-layout .brief-toggle button{font-size:12px;color:#525251;padding:11px 3px}.lovart-layout .brief-toggle span{color:#7c7c79;font-size:10px}.lovart-layout .brief-fields label{color:#525251;font-size:11px}.lovart-layout .composer .brief-fields textarea{min-height:60px;height:60px;font-size:12px;line-height:18px;padding:8px;border-radius:9px;border-color:var(--studio-border)}.lovart-layout .reference-heading button{color:#525251}.lovart-layout .creative-ref{padding:9px;gap:8px;background:#fafaf9;border-color:#e8e8e5;border-radius:10px}.lovart-layout .ref-alias>span,.lovart-layout .ref-alias input{color:#100f09;font-size:12px}.lovart-layout .ref-alias .ui-select-trigger{color:#525251;background:#fff;border-color:#dededa;font-size:10px;border-radius:5px}.lovart-layout .ref-details>small{color:#7c7c79;font-size:10px}.lovart-layout .ref-order button{color:#7c7c79;font-size:9px}.lovart-layout .ref-link-icon{background:#ecece9;color:#7c7c79}.lovart-layout .reference-search{background:#fafaf9;border-color:var(--studio-border)}.lovart-layout .reference-search>div:first-child{color:#7c7c79}.lovart-layout .reference-search input,.lovart-layout .reference-search-results button{font-size:12px}.lovart-layout .reference-search-results p,.lovart-layout .link-target{color:#7c7c79;font-size:11px}.lovart-layout .url-row input{border-color:var(--studio-border);border-radius:8px;padding:9px;font-size:11px}.lovart-layout .url-row input::placeholder{color:#92928d}.lovart-layout .url-row button{border-color:var(--studio-border);border-radius:8px}.lovart-layout .composer-warning,.lovart-layout .mode-note{background:#faf8f1;border-color:#eae5d7;color:#8c784e;font-size:10px;line-height:16px;padding:8px 10px}.lovart-layout .revision-context{color:#525251;background:#f4f4f1;font-size:11px;border-radius:8px}.lovart-layout .prompt-preview{border-color:#e6e6e2;border-radius:9px;margin:12px 0}.lovart-layout .prompt-preview .ui-disclosure-heading{color:#525251;font-size:11px}.lovart-layout .prompt-preview .ui-disclosure-heading span{color:#92928d}.lovart-layout .prompt-preview pre{color:#525251;background:#f6f6f4;font-size:12px;line-height:18px}.lovart-layout .prompt-preview button{color:#525251;font-size:11px}.lovart-layout .settings{gap:10px;margin:15px 0}.lovart-layout .settings .ui-select-trigger{color:#525251;font-size:12px;border-color:var(--studio-border);border-radius:8px;padding:9px}.lovart-layout .composer-submit{bottom:-8px;background:linear-gradient(#fff0,#fff 12px);padding:17px 0 5px}.lovart-layout .generate,.lovart-layout .primary{background:#100f09;color:#fff;box-shadow:none;border-radius:10px}.lovart-layout .generate:hover,.lovart-layout .primary:hover{background:#33332f}.lovart-layout .composer-submit .generate{font-size:13px;height:42px}.lovart-layout .generate svg:first-child{margin-right:0}.lovart-layout .generate svg:last-child{margin-left:auto}.lovart-layout .canvas{background:#f5f5f5;min-width:400px}.lovart-layout .canvas-heading{top:19px;left:20px;color:#525251;gap:9px}.lovart-layout .canvas-heading input{color:#525251;width:170px;font-size:12px}.lovart-layout .canvas-heading small{font-size:10px;color:#92928d;border-color:#d8d8d5;padding-left:9px}.lovart-layout .canvas-top-right{position:absolute;right:18px;top:14px;z-index:6}.lovart-layout .zoom{background:#fff;border-color:#e6e6e3;border-radius:9px;padding:3px;box-shadow:0 2px 8px #00000004}.lovart-layout .zoom button,.lovart-layout .zoom span{color:#525251}.lovart-layout .zoom button:last-child{border-color:#e8e8e5}.lovart-layout .rail{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:42px;padding:5px;gap:3px;border:1px solid #e6e6e3;border-radius:12px;background:#fff;box-shadow:0 3px 14px #0000000b;z-index:7}.lovart-layout .rail button{width:30px;height:33px;border-radius:7px;color:#7c7c79}.lovart-layout .rail button svg{width:17px;height:17px}.lovart-layout .rail button.active{color:#100f09;background:#eeeeeb}.lovart-layout .rail .divider{width:22px;background:#e8e8e5;margin:4px 0}.lovart-layout .rail-bottom{margin-top:7px;padding-top:7px;border-top:1px solid #ececea;gap:2px}.lovart-layout .library-drawer{width:218px;background:#fff;border-color:var(--studio-border)}.lovart-layout .drawer-title{padding:20px 14px 14px;color:#525251}.lovart-layout .drawer-title button,.lovart-layout .drawer-hint,.lovart-layout .drawer-empty{color:#7c7c79}.lovart-layout .drawer-hint{font-size:10px}.lovart-layout .import-button{color:#525251;border-color:var(--studio-border);font-size:12px}.lovart-layout .asset-tile img{background:#f3f3f0;border-radius:7px}.lovart-layout .asset-tile span{color:#525251;font-size:10px}.lovart-layout .asset-tile small{color:#92928d;font-size:9px}.lovart-layout .layer.chosen{background:#f0f0ec}.lovart-layout .layer-select span{font-size:11px;color:#525251}.lovart-layout .layer>button:not(.layer-select){color:#7c7c79}.lovart-layout .picture{background:#ededeb;border-radius:1px;box-shadow:0 4px 18px #00000007}.lovart-layout .picture img{border-radius:1px}.lovart-layout .caption{color:#7c7c79;font-size:11px}.lovart-layout .caption em{background:#eaeae7;color:#92928d;letter-spacing:.4px;font-size:8px}.lovart-layout .selected .caption{color:#525251}.lovart-layout .react-flow__resize-control{border-color:#29a3d7!important}.lovart-layout .react-flow__resize-control.handle{background:#fff!important;border-color:#29a3d7!important;width:6px!important;height:6px!important}.lovart-layout .react-flow__selection{background:#29a3d716!important;border:1px solid #29a3d7!important}.lovart-layout .react-flow__minimap{bottom:20px!important;background:#fff!important;border-color:#e8e8e5;box-shadow:0 2px 8px #00000004!important;width:116px!important;height:75px!important}.lovart-layout .selection-overlay{position:absolute;inset:0;pointer-events:none;z-index:6}.lovart-layout .selection-anchor{position:absolute;transform:translate(-50%)}.lovart-layout .selection-bar{position:static;transform:none;border-color:#e7e7e4;border-radius:10px;padding:5px;box-shadow:0 3px 14px #0000000c;pointer-events:auto}.lovart-layout .selection-bar span{color:#7c7c79;border-color:#e8e8e5;font-size:11px}.lovart-layout .selection-bar button{color:#525251;height:30px;width:31px}.lovart-layout .selection-bar .arrange-menu{color:#525251;background:#fff;border-color:#e6e6e2;font-size:11px;width:67px}.lovart-layout .quick-edit{position:absolute;transform:translate(-50%);pointer-events:auto;background:#fff;border:1px solid #e6e6e3;border-radius:20px;box-shadow:0 2px 7px #00000008;font-size:11px;padding:6px 10px;white-space:nowrap;color:#525251}.lovart-layout .canvas-footer{left:20px;bottom:17px;right:160px}.lovart-layout .canvas-footer>span{color:#a0a09a;font-size:10px}.lovart-layout .empty{width:390px}.lovart-layout .empty-art{transform:none;width:68px;height:68px;background:#eaeae7;color:#7c7c79;border-radius:18px;box-shadow:none;margin-bottom:22px}.lovart-layout .empty-art span{transform:none;color:#525251;background:#fff;border-color:#e6e6e3;width:28px;height:28px;right:-8px;top:-7px}.lovart-layout .empty-art>svg{width:30px;height:30px}.lovart-layout .empty .eyebrow{color:#92928d;letter-spacing:1.8px}.lovart-layout .empty h1{font-size:22px;letter-spacing:-.3px;color:#525251}.lovart-layout .empty p{font-size:12px;line-height:21px;color:#92928d}.lovart-layout .empty small{color:#a0a09a}.lovart-layout .image-panel,.lovart-layout .task-panel{padding:0 16px 18px}.lovart-layout .image-title{border-color:var(--studio-border);color:#100f09}.lovart-layout .image-stats,.lovart-layout .slider-label,.lovart-layout .slider-label span,.lovart-layout .download-original{color:#7c7c79;font-size:11px}.lovart-layout .inspector-preview,.lovart-layout .compare-wipe{background:repeating-conic-gradient(#f7f7f5 0% 25%,#ebebe8 0% 50%) 50%/16px 16px}.lovart-layout .order-buttons button,.lovart-layout .source-prompt button{color:#525251;border-color:var(--studio-border);font-size:11px}.lovart-layout .version-list>div,.lovart-layout .source-prompt p,.lovart-layout .job-result{background:#f5f5f3}.lovart-layout .version-list span,.lovart-layout .source-prompt label,.lovart-layout .job-result span{color:#525251;font-size:11px}.lovart-layout .version-list small,.lovart-layout .source-prompt p,.lovart-layout .job-result small{color:#7c7c79;font-size:10px}.lovart-layout .no-tasks{color:#92928d}.lovart-layout .no-tasks p{font-size:13px;color:#525251}.lovart-layout .no-tasks small{font-size:11px}.lovart-layout .task{border-color:#e8e8e5;border-radius:12px;padding:13px}.lovart-layout .task-top b{font-size:12px;color:#525251}.lovart-layout .task-top span,.lovart-layout .task>small{color:#92928d;font-size:10px}.lovart-layout .task p{color:#525251;font-size:13px;line-height:19.5px}.lovart-layout .task-bottom{border-color:#ededeb;color:#7c7c79;font-size:11px}.lovart-layout .task-bottom button,.lovart-layout .retry{color:#525251;font-size:11px}.lovart-layout .job-actions button{color:#525251;border-color:#e3e3df;font-size:10px}.lovart-layout .task-panel .hint{font-size:10px;line-height:17px;color:#92928d}.lovart-layout .task p.error{color:#a45e42}.lovart-layout .toast{background:#292924;box-shadow:0 5px 20px #00000012;border-radius:10px;font-size:12px}.lovart-layout .modal{background:#15151266;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lovart-layout .compare,.lovart-layout .editor,.lovart-layout .help-modal{background:#fff;color:#100f09;box-shadow:0 14px 60px #00000019}.lovart-layout .compare img{background:#f5f5f3}.lovart-layout .compare figcaption,.lovart-layout .compare p,.lovart-layout .compare-heading small,.lovart-layout .help-modal p,.lovart-layout .help-modal li{color:#7c7c79;font-size:12px;line-height:19.5px}.lovart-layout .compare-tools button,.lovart-layout .compare-actions button{color:#525251;border-color:var(--studio-border);background:#fff;font-size:12px}.lovart-layout .compare-tools button.chosen,.lovart-layout .compare-actions button:hover{background:#f0f0ed;color:#100f09}.lovart-layout .wipe-divider span{background:#fff;border-color:#dededa;color:#525251}.lovart-layout .wipe-control{color:#7c7c79;font-size:11px}.lovart-layout .editor .editor-tools,.lovart-layout .editor input,.lovart-layout .editor .ui-select-trigger{color:#525251;border-color:var(--studio-border)}.lovart-layout .canvas-loading{background:#f5f5f5;color:#7c7c79}.lovart-layout .import-progress{background:#ffffffed;border-color:#e6e6e2;box-shadow:0 4px 16px #0000000c}.lovart-layout .import-progress>span{color:#525251;font-size:11px}.lovart-layout .import-progress>div{background:#e9e9e5}.lovart-layout .import-progress i{background:#7c7c79}@media(max-width:1200px){.lovart-layout aside{width:330px}.lovart-layout .save-state{display:none}.lovart-layout .library-drawer{width:185px}.lovart-layout .brand{min-width:0}}@media(max-width:960px){.lovart-layout aside{width:300px}.lovart-layout header{padding:0 14px;gap:9px}.lovart-layout .studio-tag{display:none}.lovart-layout .library-drawer{width:165px}.lovart-layout .connection,.lovart-layout .canvas-heading small{display:none}.lovart-layout .switch span{max-width:165px}}.lovart-layout .composer{display:flex;flex-direction:column;overflow:hidden;padding:0}.lovart-layout .composer-scroll{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;padding:0 16px 14px;scrollbar-width:thin;scrollbar-color:#d9d9d6 transparent}.lovart-layout .composer-dock{flex-shrink:0;padding:12px 12px 8px;border-top:1px solid #efefed;background:#fff;max-height:54%;overflow:auto}.lovart-layout .composer-dock>.field-label{font-size:11px;color:#7c7c79;margin:0 6px 8px}.lovart-layout .composer-dock .settings{margin:8px 4px 10px;gap:8px}.lovart-layout .composer-dock .settings label{display:flex;flex:1;flex-direction:column;gap:6px;font-size:11px}.lovart-layout .composer-dock .settings .ui-select-trigger{padding:6px 8px;font-size:11px;background:#fafaf9}.lovart-layout .composer-submit{position:static;background:#fff;margin:0;padding:0 4px}.lovart-layout .composer-dock .mention-row{margin:7px 4px}.lovart-layout .composer-dock .composer-warning{margin:7px 4px;font-size:10px}.lovart-layout .composer-dock .mention-picker{top:auto;bottom:calc(100% + 4px);max-height:220px}.lovart-layout .creative-conversation{margin:auto 0 20px;padding-top:10px;display:flex;flex-direction:column;flex-shrink:0;gap:20px}.lovart-layout .conversation-prompt{margin-left:25px;padding:11px 13px;background:#f4f4f2;border-radius:16px;font-size:13px;line-height:19.5px;color:#525251;max-height:105px;overflow:auto;overflow-wrap:anywhere}.lovart-layout .conversation-response{display:flex;align-items:flex-start;gap:10px;margin-top:14px;color:#525251;padding:0 3px}.lovart-layout .conversation-response>img{width:56px;height:56px;object-fit:cover;border-radius:8px}.lovart-layout .conversation-response>svg{margin-top:3px;flex-shrink:0}.lovart-layout .conversation-response p{font-size:12px;line-height:18px;margin:0 0 3px}.lovart-layout .conversation-response small{font-size:10px;color:#7c7c79}.lovart-layout .conversation-response button{display:flex;font-size:10px;color:#7c7c79;padding:3px 0;margin-top:3px}.lovart-layout .composer-dock{position:relative;z-index:10;overflow:visible;max-height:none}.compact-studio aside{width:312px;min-width:300px}.compact-studio .aside-title{height:52px;padding:12px 16px;flex-shrink:0}.compact-studio .aside-title .brand{gap:7px}.compact-studio .brand b{font-size:17px;letter-spacing:-.5px}.compact-studio .logo{width:24px;height:24px}.compact-studio .studio-tag{font-size:8px;letter-spacing:1px;color:#a0a09a}.compact-studio .test-mode{font-size:9px;color:#8b764b;background:#f7f4e9;border-radius:5px;padding:4px 6px}.compact-studio .tabs{margin:0 12px 10px;padding:2px;gap:3px}.compact-studio .tabs button{font-size:11px;padding:7px 0}.compact-studio .aside-bottom{padding:10px 14px;font-size:9px}.compact-studio .composer-scroll{padding:0 14px 12px}.compact-studio .composer-lead{margin:40px 3px 22px}.compact-studio .composer-lead h3{font-size:18px;line-height:26px;margin:9px 0}.compact-studio .composer-lead p{font-size:12px;line-height:19.5px}.compact-studio .composer-lead .eyebrow{font-size:8px;letter-spacing:1.2px}.compact-studio .recipe-row{margin:0 0 20px;gap:5px}.compact-studio .recipe-row button{font-size:10px;padding:6px 7px;background:#f6f6f4}.compact-studio .creative-conversation{margin:auto 0 18px;padding-top:20px;gap:22px}.compact-studio .conversation-prompt{margin-left:14px;font-size:13px;line-height:19.5px;max-height:125px}.compact-studio .conversation-response{padding:0 2px;gap:8px}.compact-studio .conversation-response>img{width:50px;height:50px}.compact-studio .creation-options{padding:13px 10px;border:1px solid #e9e9e5;border-radius:12px;background:#fff;margin:18px 0 4px}.compact-studio .options-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.compact-studio .options-heading b{font-size:12px;font-weight:550;color:#525251}.compact-studio .options-heading button{padding:4px;color:#92928d;border-radius:5px}.compact-studio .creation-options .field-label{font-size:11px}.compact-studio .creation-options .intent-grid{gap:4px;margin-bottom:14px}.compact-studio .creation-options .intent-grid button{font-size:10px}.compact-studio .creation-options .brief-fields{gap:8px}.compact-studio .creation-options .brief-fields label{font-size:10px}.compact-studio .creation-options .brief-fields textarea{font-size:11px;padding:7px}.compact-studio .creation-options .creative-ref{padding:7px;gap:6px}.compact-studio .creation-options .creative-ref>img{width:32px;height:40px}.compact-studio .creation-options .ref-alias input{width:64px;font-size:11px}.compact-studio .creation-options .ref-alias .ui-select-trigger{max-width:65px;font-size:9px}.compact-studio .creation-options .ref-details>small{font-size:9px}.compact-studio .creation-options .ref-order{gap:2px}.compact-studio .creation-options .ref-order button{font-size:8px;padding:2px 3px}.compact-studio .creation-options .revision-context{font-size:10px;line-height:16px;padding:7px}.compact-studio .composer-dock{padding:12px;border:0;position:relative;z-index:10;overflow:visible;background:#fff}.compact-studio .prompt-input-wrap{position:relative;display:flex;flex-direction:column;height:auto;min-height:186px;border:1px solid #dededc;border-radius:20px;background:#fff;box-shadow:0 2px 6px #00000003;transition:border-color .15s,box-shadow .15s}.compact-studio .composer .prompt-input-wrap textarea{display:block;width:100%;height:58px;min-height:58px;max-height:240px;border:0;border-radius:16px;padding:14px 12px 8px;resize:none;outline:none;font-size:14px;line-height:22px;background:transparent;box-shadow:none;scrollbar-width:thin}.compact-studio .composer .prompt-input-wrap textarea::placeholder{color:#a1a19c}.compact-studio .composer-context{display:flex;align-items:flex-start;gap:7px;min-height:76px;padding:8px 8px 0}.compact-studio .reference-add-tile{width:56px;height:68px;border:0;border-radius:18px;background:#f5f5f5;color:#a5a5a5;display:flex;flex-direction:column;gap:8px;padding:0;flex-shrink:0;font-size:11px}.compact-studio .reference-chips{display:flex;gap:6px;overflow-x:auto;margin:0;padding:0;min-width:0;max-width:100%;scrollbar-width:thin}.compact-studio .reference-chip{display:flex;flex-shrink:0;align-items:center;border:1px solid #e4e4e0;background:#fafaf9;border-radius:7px;overflow:hidden}.compact-studio .reference-chips button{border:0;background:transparent;margin:0;gap:5px;padding:4px;max-width:142px;font-size:11px;color:#525251;border-radius:0}.compact-studio .reference-chips img{width:22px;height:22px;object-fit:cover;border-radius:4px}.compact-studio .reference-chips span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:96px}.compact-studio .reference-chips .remove-reference{padding:4px 5px 4px 1px;color:#999990}.compact-studio .reference-chips .remove-reference:hover{color:#222;background:#ededeb}.compact-studio .composer-controls{position:static;margin-top:auto;height:auto;padding:8px 10px;background:transparent;border-radius:0 0 20px 20px}.compact-studio .composer-send-tools{display:grid;grid-template-columns:72px minmax(0,1fr) 104px 34px;align-items:center;gap:6px;min-width:0;width:100%}.compact-studio .composer-controls button[aria-expanded=true]{background:#f0efed;border-color:#d3d3ce;color:#222}.compact-studio .composer-mode.ui-select-trigger{display:flex;align-items:center;gap:5px;margin:0;height:28px;padding:0;border:0;background:transparent;font-size:12px;color:#242424;border-radius:6px}.compact-studio .composer-mode .ui-select-value{flex:1}.compact-studio .composer-mode .mode-icon{position:relative;width:18px;height:18px;color:#303030;flex-shrink:0}.compact-studio .composer-mode .mode-sparkles{position:absolute;right:-2px;top:-2px;background:#fff}.compact-studio .parameters-toggle{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;white-space:nowrap;border:0;border-radius:30px;background:#f1f1f1;color:#272727;height:32px;padding:0 10px;font-size:12px}.compact-studio .composer-controls .settings-toggle{height:28px;width:100%;min-width:0;gap:6px;padding:0;border:0;border-radius:6px;font-size:12px;color:#5c5c55;background:transparent;white-space:nowrap;overflow:hidden}.compact-studio .parameters-toggle span,.compact-studio .settings-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-studio .settings-toggle span{flex:1;text-align:left}.compact-studio .parameters-toggle svg,.compact-studio .settings-toggle svg{flex-shrink:0}.compact-studio .reference-heading>button{font-size:11px;gap:4px}.compact-studio .creation-options .settings{margin:2px 0 14px}.compact-studio .model-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 15px}.compact-studio .model-options label{position:relative;display:flex;align-items:center;gap:6px;height:38px;padding:0 10px;border:1px solid #e7e7e3;border-radius:8px;color:#777770;font-size:12px;cursor:pointer}.compact-studio .model-options .ui-radio{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.compact-studio .model-options label.chosen{border-color:transparent;background:#f7f7f5;color:#292b2c}:root[data-ui-input=keyboard] .compact-studio .model-options label:has(.ui-radio:focus-visible){outline:2px solid var(--ui-focus);outline-offset:2px}.compact-studio .model-options svg{margin-left:auto;flex-shrink:0}.compact-studio .composer-dock .image-parameters label{flex-direction:row;align-items:center;justify-content:space-between;font-size:12px}.compact-studio .image-parameters .ui-select-trigger{width:96px}.compact-studio .composer-controls .generate{height:34px;width:34px;min-width:34px;padding:0;border-radius:50%;margin:0;box-shadow:none;flex-shrink:0;gap:0;background:#292b2c;color:#fff}.compact-studio .composer-controls .generate:disabled{background:#f5f5f5;color:#b5b5b5;opacity:1}.compact-studio .composer-controls .generate:hover:not(:disabled){background:#454747}.compact-studio .composer-controls .generate svg{margin:0;flex-shrink:0}.compact-studio .composer-dock .composer-warning{font-size:10px;padding:6px 8px;margin:7px 3px 0;line-height:16px}.compact-studio .composer-dock .mention-picker{bottom:calc(100% + 7px);top:auto;left:0;right:0;max-height:min(330px,50vh);border-radius:13px;border-color:#e4e4e0;background:#fff;padding:6px;box-shadow:0 8px 30px #00000014}.compact-studio .mention-picker button{padding:8px;border-radius:7px;color:#55554e}.compact-studio .mention-picker button.chosen{background:#f4f4f1}.compact-studio .mention-picker span{color:#52524b}.compact-studio .mention-picker small{color:#99998f}.compact-studio .canvas-heading{top:15px;left:18px;height:32px;gap:8px;display:flex;flex-direction:row;align-items:center;pointer-events:auto;z-index:12}.compact-studio .canvas-heading>.switch{padding:6px 4px;gap:4px;color:#525251;border-radius:7px}.compact-studio .canvas-heading>input{font-size:12px;width:200px;color:#525251;padding:6px 3px;border-radius:5px;line-height:20px}.compact-studio .canvas-heading>small{font-size:10px;color:#92928d;border-color:#d8d8d3;padding-left:9px}.compact-studio .save-state{font-size:9px;color:#92928d}.compact-studio .project-popover{top:38px;left:0;z-index:15}.compact-studio .canvas-top-right{top:15px;right:18px;height:32px;display:flex;gap:7px;align-items:center}.compact-studio .workspace-menu{position:relative}.compact-studio .workspace-menu-trigger{height:32px;width:32px;background:#fff;border:1px solid #e6e6e3;border-radius:9px;color:#525251;box-shadow:0 2px 8px #00000004}.compact-studio .workspace-popover{position:absolute;top:39px;right:0;min-width:185px;padding:6px;background:#fff;border:1px solid #e6e6e3;border-radius:11px;box-shadow:0 6px 24px #00000014;z-index:15}.compact-studio .workspace-popover .connection{font-size:10px;padding:7px 9px;margin:0;color:#92928d;white-space:nowrap}.compact-studio .workspace-popover button{width:100%;justify-content:flex-start;border-radius:6px;padding:9px;font-size:12px;color:#525251}@media(max-width:1050px){.compact-studio aside{width:300px}.compact-studio .canvas-heading>input{width:155px}.compact-studio .save-state,.compact-studio .studio-tag{display:none}.compact-studio .canvas-heading>small{display:none}}@media(max-width:750px){.compact-studio .canvas-heading>input{width:110px}.compact-studio .canvas-heading{left:12px}.compact-studio .canvas-top-right{right:12px}.compact-studio .canvas{min-width:350px}}.compact-studio .canvas-heading{position:absolute;width:max-content;max-width:calc(100% - 220px)}.lovart-layout .precision-editor{display:flex;flex-direction:column;max-height:94vh}.precision-editor .editor-body{min-height:0;flex:1}.precision-editor .editor-stage{position:relative;justify-content:center;min-height:310px;background:#f5f5f3}.precision-editor .crop-image,.precision-editor .editor-result{width:min(100%,calc(49vh * var(--image-ratio)));max-width:none;max-height:none;flex-shrink:0;position:relative}.precision-editor .crop-image img{object-fit:contain}.precision-editor .crop-rect{pointer-events:auto;cursor:move;touch-action:none}:root[data-ui-input=keyboard] .precision-editor .crop-rect:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.precision-editor .crop-handle{position:absolute;width:24px;height:24px;background:transparent!important;border:0;box-shadow:none;z-index:2;padding:0;touch-action:none}.precision-editor .crop-handle:after{content:"";position:absolute;width:13px;height:13px;left:1px;top:1px;box-sizing:border-box;border-radius:3px;background:#fff;border:2px solid #299cd1;box-shadow:0 1px 4px #0003}.precision-editor .crop-handle.nw{left:0;top:0;cursor:nwse-resize}.precision-editor .crop-handle.ne{right:0;top:0;cursor:nesw-resize}.precision-editor .crop-handle.sw{left:0;bottom:0;cursor:nesw-resize}.precision-editor .crop-handle.se{right:0;bottom:0;cursor:nwse-resize}.precision-editor .crop-handle.ne:after,.precision-editor .crop-handle.se:after{left:auto;right:1px}.precision-editor .crop-handle.sw:after,.precision-editor .crop-handle.se:after{top:auto;bottom:1px}.composer .review-toggle{width:100%;justify-content:flex-start;gap:7px;padding:10px 0;color:#525251;font-size:11px;border-bottom:1px solid #e9e9e6;margin-top:10px}.review-toggle span{margin-left:auto;font-size:10px;color:#7c7c79}.creative-check{margin:10px 0 14px;padding:12px;background:#fafaf9;border:1px solid #e6e6e2;border-radius:12px;font-size:11px;line-height:1.6;color:#525251}.review-heading{display:flex;flex-direction:column;gap:3px}.review-heading b{display:flex;align-items:center;gap:5px;font-weight:500;color:#100f09}.review-heading small{font-size:10px;color:#7c7c79}.creative-check ul{list-style:none;padding:0;margin:8px 0}.creative-check li{display:flex;align-items:flex-start;gap:5px;margin:8px 0}.creative-check li>span{flex:1;min-width:0;overflow-wrap:anywhere}.creative-check li button{flex-shrink:0;width:24px;height:24px;padding:0;color:#7c7c79;border-radius:5px}.creative-check .review-error{color:#9b5a45}.creative-check .review-note{font-size:10px;color:#7c7c79;line-height:1.6;margin:7px 0;overflow-wrap:anywhere}.review-reference-map{display:flex;flex-direction:column;gap:4px;margin:10px 0}.review-reference-map>span{display:flex;justify-content:space-between;gap:4px;font-size:10px}.review-reference-map small{font-size:10px;color:#7c7c79}.creative-check .ui-disclosure{border-top:1px solid #e6e6e2;padding-top:8px}.creative-check .ui-disclosure-heading{cursor:pointer;color:#100f09}.creative-check .ui-disclosure-heading>span{float:right;font-size:10px;color:#7c7c79}.creative-check pre{max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:10px;line-height:1.7;color:#525251;padding:8px;background:#fff;border-radius:6px}.creative-check .ui-disclosure>button{padding:6px 0;font-size:10px;color:#525251;gap:5px}.download-recovery-note{font-size:11px!important;line-height:1.7!important;padding:10px;border-radius:8px;background:#f7f5ef;color:#706a57!important;overflow-wrap:anywhere}.pending-result-actions{display:flex;gap:8px;align-items:center;margin:9px 0 4px}.pending-result-actions .preview-result{gap:6px;font-size:11px;padding:7px 9px;border:1px solid #e4e4df;border-radius:8px;background:#fff;color:#100f09}.generated-preview{width:min(860px,92vw);max-height:90vh;background:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 80px #0002}.generated-preview header{display:flex;justify-content:space-between;align-items:center;gap:20px}.generated-preview h2{font-size:16px;margin:0;font-weight:500}.generated-preview header button{padding:6px;flex-shrink:0;border-radius:6px}.generated-preview .preview-notice{font-size:12px;line-height:1.7;color:#706a57;margin:0;padding:10px 12px;border-radius:8px;background:#f7f5ef}.generated-preview .remote-image-stage{min-height:240px;flex:1;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:9px}.generated-preview img{display:block;max-width:100%;max-height:65vh;object-fit:contain;min-height:1px}.generated-preview .remote-image-status{padding:26px;font-size:12px;color:#7c7c79;text-align:center;display:flex;gap:8px;align-items:center;justify-content:center}.generated-preview footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:#7c7c79;line-height:1.7}.generated-preview footer a{display:flex;align-items:center;gap:5px;color:#100f09;text-decoration:underline;white-space:nowrap}.precision-editor .editor-view-tabs{display:flex;gap:4px;margin:0 0 15px;background:#fff;padding:4px;border:1px solid #e6e6e2;border-radius:9px;flex-shrink:0}.precision-editor .editor-view-tabs button{font-size:11px;border-radius:6px;padding:7px 10px;color:#7c7c79}.precision-editor .editor-view-tabs button.chosen{background:#ededeb;color:#100f09}.precision-editor .editor-result{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:5px;overflow:hidden;min-height:1px}.precision-editor .editor-result img{display:block;width:100%;height:100%;object-fit:contain}.precision-editor .preview-processing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;background:#ffffffa8;color:#525251;text-align:center;padding:12px}.precision-editor .editor-stage p{text-align:center;line-height:1.8;flex-shrink:0;color:#7c7c79}.precision-editor .editor-controls{overflow-y:auto;max-height:67vh;padding-right:4px;scrollbar-width:thin}.precision-editor fieldset{border:0;margin:0;padding:0;min-width:0}.precision-editor legend{font-size:11px;color:#525251;margin-bottom:10px;padding:0}.precision-editor .crop-summary,.precision-editor .output-summary{font-size:10px;color:#7c7c79;display:flex;align-items:center;gap:6px;justify-content:space-between;line-height:1.7}.precision-editor .crop-summary button,.precision-editor .output-summary button{font-size:10px;padding:3px 4px;color:#525251;text-decoration:underline;flex-shrink:0}.precision-editor .output-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px;font-size:11px;color:#525251}.precision-editor .output-heading button{padding:5px;border-radius:5px}.precision-editor .output-summary{margin-top:8px;flex-wrap:wrap}.precision-editor .ratio-buttons button.chosen{background:#eeeeeb;border-color:transparent}.precision-editor footer{flex-shrink:0}@media(max-height:720px){.precision-editor .editor-controls{max-height:59vh}.precision-editor .editor-stage{padding:12px;min-height:250px}.precision-editor .editor-view-tabs{margin-bottom:8px}.precision-editor .editor-stage p{font-size:9px;margin-top:9px}}.canvas>.react-flow{z-index:0;isolation:isolate}.canvas-panning .react-flow__nodesselection-rect{pointer-events:none}.lovart-layout .canvas .modal{position:absolute;inset:0;padding:24px;container-type:size;overflow:hidden}.canvas .modal>.editor,.canvas .modal>.compare,.canvas .modal>.help-modal,.canvas .modal>.generated-preview{max-width:100%;max-height:calc(100cqh - 48px);margin:0;min-height:0}.canvas .modal>.editor{width:min(1000px,calc(100cqw - 48px));padding:20px}.canvas .modal>.compare{width:min(1000px,calc(100cqw - 48px))}.canvas .modal>.help-modal{width:min(520px,calc(100cqw - 48px))}.canvas .modal>.generated-preview{width:min(860px,calc(100cqw - 48px))}.canvas .precision-editor .editor-body{max-height:calc(100cqh - 184px)}.canvas .precision-editor .editor-stage{min-height:220px;padding:16px}.canvas .precision-editor .crop-image,.canvas .precision-editor .editor-result{width:min(100%,calc(45cqh * var(--image-ratio)))}.canvas .precision-editor .editor-controls{max-height:none;min-height:0}.canvas .compare img{height:45cqh}.canvas .compare-wipe{max-height:45cqh}.canvas .help-modal{overflow:auto}.canvas .generated-preview .remote-image-stage{min-height:160px}.canvas .generated-preview img{max-height:55cqh}.canvas-revision{width:460px;max-width:100%;max-height:calc(100cqh - 48px);overflow:auto;border-radius:16px;padding:24px;background:#fff;box-shadow:0 16px 60px #0002;color:#100f09}.canvas-revision h2{font-size:16px;font-weight:500;margin:0}.canvas-revision .compare-heading button{padding:5px}.revision-source{display:flex;align-items:center;gap:12px;margin-bottom:22px}.revision-source img{width:64px;height:64px;border-radius:8px;object-fit:cover}.revision-source div{min-width:0;display:flex;flex-direction:column;gap:7px}.revision-source b{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revision-source span{font-size:11px;line-height:1.6;color:#7c7c79}.canvas-revision label{display:block;font-size:12px;margin-bottom:9px}.canvas-revision textarea{width:100%;border:1px solid #deded8;border-radius:9px;resize:vertical;min-height:110px;padding:12px;font:inherit;font-size:12px;line-height:1.7;background:#fafaf8}.canvas-revision p{font-size:11px;color:#a45e42;line-height:1.7}.canvas-revision footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.canvas-revision footer>span{font-size:11px;color:#7c7c79}.canvas-revision .primary{font-size:12px;padding:10px 14px}@container (max-width:720px){.canvas .modal>.editor{padding:16px}.canvas .editor-body{gap:12px}.canvas .editor-controls{width:210px}.canvas .editor-title span{display:none}.canvas .precision-editor .editor-stage{padding:12px}.canvas .modal>.compare,.canvas .modal>.generated-preview{padding:18px}}@container (max-width:520px){.canvas .precision-editor .editor-body{flex-direction:column;overflow:auto}.canvas .precision-editor .editor-stage{flex:none;min-height:180px}.canvas .precision-editor .crop-image,.canvas .precision-editor .editor-result{width:min(100%,calc(28cqh * var(--image-ratio)))}.canvas .precision-editor .editor-controls{width:100%;overflow:visible;flex:none}.canvas .editor footer>span{display:none}.canvas .compare-images{gap:10px}.canvas .compare-actions{gap:8px}.canvas .compare-actions button{padding:8px}.canvas-revision{padding:18px}}.compact-studio .conversation-prompt{max-height:none;overflow-wrap:anywhere}.job-details{font-size:11px;line-height:1.7}.job-details p{margin:6px 0!important;white-space:pre-wrap}.job-details small{display:block;overflow-wrap:anywhere}.job-inline-actions{display:flex;flex-wrap:wrap;justify-content:inherit;gap:4px;margin-top:7px}.job-inline-actions button{border:1px solid #deded8;border-radius:6px;padding:5px 7px;font-size:10px;background:#fff;color:#525251}.job-elapsed{display:block;margin-top:5px;color:#7c7c79}.new-messages{font-size:11px;margin:0 auto 8px;padding:5px 12px;border-radius:20px;background:#eee!important}.sync-warning{position:absolute;z-index:14;top:58px;left:72px;right:14px;background:#fff4df;border:1px solid #e5cfaa;border-radius:8px;padding:9px 12px;font-size:11px;display:flex;gap:10px;align-items:center;justify-content:space-between}.sync-warning button{padding:4px 6px;background:#fff;border-radius:5px;white-space:nowrap}.canvas>.floating-revision{position:absolute;z-index:16;width:350px;max-width:calc(100% - 16px);max-height:calc(100% - 80px);padding:16px;border:1px solid #e2e2dc;box-shadow:0 6px 24px #0002}.floating-revision .compare-heading{margin-bottom:13px}.floating-revision h2{font-size:14px;flex:1}.floating-revision .revision-source{margin-bottom:14px;gap:9px}.floating-revision .revision-source img{height:40px;width:40px}.floating-revision textarea{min-height:90px;font-size:12px}.floating-revision footer{margin-top:12px;gap:6px}.floating-revision footer>span{font-size:10px}.floating-revision footer .primary{padding:9px 10px;white-space:nowrap}.revision-drag{cursor:grab;touch-action:none}.floating-revision.collapsed{width:260px}.floating-revision.collapsed .compare-heading{margin:0}.mention-picker .mention-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 7px;font-size:11px;color:#525251}.mention-picker .mention-hint span{flex:none;font-size:9px;color:#92928d}.mention-picker .mention-empty{padding:18px 8px;font-size:11px;color:#7c7c79;text-align:center}.mention-picker button:disabled{opacity:.45;cursor:default}.floating-revision .mention-picker{position:relative;inset:auto;max-height:190px;margin-top:6px;box-shadow:none}.revision-mention-tools{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.revision-mention-tools button{font-size:11px;padding:4px 2px;gap:4px;color:#525251}.revision-mention-tools>span{font-size:10px;color:#92928d}.revision-references{display:flex;gap:5px;overflow-x:auto;margin-top:6px;padding-bottom:2px}.revision-references>span{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border:1px solid #e8e8e4;border-radius:6px;padding:3px 5px;font-size:10px;color:#525251}.revision-references img{width:20px;height:20px;border-radius:3px;object-fit:cover}.gallery-filters{padding:0 14px 13px}.gallery-filters label{display:flex;align-items:center;gap:6px;border:1px solid #ddd;border-radius:7px;padding:7px;background:#fff}.gallery-filters input{width:100%;min-width:0;border:0;font-size:11px;background:transparent;outline:none}.gallery-filters>div{display:flex;gap:7px;margin:8px 0}.gallery-filters .ui-select-trigger{width:50%;min-width:0;padding:5px;font-size:10px;border:1px solid #e2e2dc;background:#fff;border-radius:6px}.gallery-filters>small{font-size:10px;color:#888}.asset-entry{min-width:0}.asset-entry .asset-tile{width:100%}.asset-entry .asset-tile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-copy{width:100%;font-size:10px;padding:4px!important;color:#7c7c79!important}.version-list>div>button:first-child{flex:1;min-width:0}.version-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:155px}.selection-anchor{max-width:calc(100% - 20px)}.selection-bar{overflow-x:auto;scrollbar-width:thin;max-width:100%}.selection-bar>*{flex-shrink:0}.mobile-view-tabs{display:none}@media(max-width:750px){html,body,#root{width:100%;min-width:0;overflow:hidden}.lovart-layout.compact-studio{width:100%;min-width:0;min-height:0;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.mobile-view-tabs{display:flex;flex-shrink:0;height:42px;background:#fff;border-bottom:1px solid #e4e4df;align-items:center;justify-content:center;gap:8px;padding:5px}.mobile-view-tabs button{padding:6px 28px;font-size:12px;border-radius:7px;color:#888}.mobile-view-tabs button.chosen{background:#eeeee9;color:#100f09}.compact-studio main{flex:1;min-height:0;width:100%;overflow:hidden}.lovart-layout.compact-studio aside{width:100%;min-width:0;flex:1}.lovart-layout.compact-studio .canvas{min-width:0;width:100%;flex:1}.compact-studio.mobile-canvas aside{display:none}.compact-studio.mobile-chat .canvas,.compact-studio.mobile-chat .library-drawer{display:none}.compact-studio .library-drawer{position:absolute;left:58px;top:56px;bottom:8px;width:min(290px,calc(100% - 70px));z-index:15;box-shadow:0 4px 20px #0002;border:1px solid #ddd;border-radius:10px}.compact-studio .canvas-heading{max-width:calc(100% - 150px);left:8px;gap:4px}.compact-studio .canvas-heading>input{width:100%;min-width:0}.compact-studio .canvas-top-right{right:8px;gap:4px}.compact-studio .zoom{padding:4px;gap:3px;font-size:10px}.compact-studio .zoom button{padding:3px;width:20px}.compact-studio .workspace-menu-trigger{width:28px}.compact-studio .rail{left:7px}.compact-studio .canvas-footer{display:none}.compact-studio .empty{max-width:calc(100% - 80px);left:calc(50% + 20px);transform:translate(-50%,-50%)}.compact-studio .empty h1{font-size:21px}.compact-studio .empty p{font-size:12px;line-height:1.8}.compact-studio .empty small{font-size:9px}.compact-studio .canvas .modal{padding:12px}.canvas .modal>.editor,.canvas .modal>.compare,.canvas .modal>.help-modal{max-height:calc(100cqh - 24px);width:calc(100cqw - 24px)}.canvas .precision-editor .editor-body{max-height:calc(100cqh - 155px)}.canvas .compare img{height:30cqh}.canvas .compare-wipe{max-height:30cqh}.canvas .compare-title span{display:none}.compact-studio .sync-warning{left:8px;right:8px;top:56px;font-size:10px}.compact-studio .selection-bar{padding:5px;gap:5px}.compact-studio .selection-bar button{padding:5px}.compact-studio .selection-bar>span{display:none}.compact-studio .composer-scroll{padding:0 20px 12px}.compact-studio .composer-dock{padding-left:20px;padding-right:20px}}.compact-studio .agent-turn .conversation-response>div,.compact-studio .agent-batch .conversation-response>div{flex:1;min-width:0}.compact-studio .agent-person>.ui-disclosure-heading{min-height:36px}.compact-studio .agent-plan-actions .primary{font-size:11px;padding:8px 12px;min-height:32px;line-height:16px;color:#fff;background:#100f09;margin:0;justify-content:center}.compact-studio .agent-plan-actions .primary:hover:not(:disabled){background:#3c3c36}.compact-studio .agent-plan-actions .agent-add{font-size:11px;min-height:32px;line-height:16px;padding:8px 0;margin:0}.compact-studio .agent-plan-actions .primary:disabled{opacity:.45;cursor:not-allowed}@media(max-width:750px){.compact-studio .agent-person>.ui-disclosure-heading{min-height:42px}}.compact-studio .composer-dock>.skill-picker{max-height:min(480px,calc(100dvh - var(--composer-dock-height, 180px) - 110px))}.compact-studio aside{width:400px;min-width:320px}.compact-studio .prompt-options-link,.compact-studio .reference-mention-action{font-size:12px;color:#666;padding:8px 0}.compact-studio .lovart-image-settings{position:fixed;z-index:180;width:312px;max-width:calc(100vw - 16px);overflow:auto;background:#fff;border:1px solid #e4e4e4;border-radius:16px;padding:8px 16px;box-shadow:0 1px 3px #00000008;margin:0;scrollbar-width:thin;color:#1f1f1f}.compact-studio .lovart-image-settings .options-heading{height:20px;margin:0 0 16px;font-size:14px;line-height:20px}.compact-studio .lovart-image-settings .options-heading b{font-size:14px;font-weight:650;color:#222}.compact-studio .lovart-image-settings .options-heading button{padding:3px;opacity:0;color:#777}.compact-studio .lovart-image-settings:hover .options-heading button,.compact-studio .lovart-image-settings .options-heading button:focus-visible{opacity:1}.compact-studio .lovart-image-settings fieldset{border:0;padding:0;margin:0;min-width:0}.compact-studio .lovart-image-settings legend,.compact-studio .image-setting-label{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;line-height:20px;margin:0 0 8px;padding:0}.compact-studio .lovart-image-settings legend svg,.compact-studio .image-setting-label svg{color:#b8b8b8}.compact-studio .quality-options>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}.compact-studio .quality-options label{position:relative;display:flex;align-items:center;justify-content:center;height:32px;border:1px solid #e5e5e5;border-radius:20px;font-size:14px;cursor:pointer}.compact-studio .quality-options .ui-radio,.compact-studio .ratio-options .ui-radio{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.compact-studio .quality-options label.chosen,.compact-studio .ratio-options label.chosen{border-color:transparent;background:#efefed;color:#222}:root[data-ui-input=keyboard] .compact-studio .quality-options label:has(.ui-radio:focus-visible),:root[data-ui-input=keyboard] .compact-studio .ratio-options label:has(.ui-radio:focus-visible){outline:2px solid var(--ui-focus);outline-offset:2px}.compact-studio .image-dimensions{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:6px;margin-bottom:20px}.compact-studio .image-dimensions label{display:flex;gap:6px;align-items:center;min-width:0;border-radius:8px;background:#f5f5f5;padding:0 10px;height:32px;font-size:14px}.compact-studio .image-dimensions label>span{color:#777}.compact-studio .image-dimensions input{background:transparent;border:0;outline:none;min-width:0;width:100%;padding:0;font-size:14px;color:#222;appearance:textfield}.compact-studio .image-dimensions input::-webkit-inner-spin-button,.compact-studio .image-dimensions input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.compact-studio .image-dimensions button{padding:0;color:#999;border:0;background:transparent}.compact-studio .image-dimensions button[aria-pressed=true]{color:#222}.compact-studio .ratio-options>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.compact-studio .ratio-options label{position:relative;height:72px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid #e5e5e5;border-radius:12px;font-size:12px;cursor:pointer;white-space:nowrap}.compact-studio .ratio-options i{display:block;background:transparent;border:1.3px solid #383838;border-radius:3px;box-sizing:content-box}.compact-studio .image-size-error{font-size:10px;line-height:16px;color:#a44d36;margin:-12px 0 12px}@media(max-width:1050px){.compact-studio aside{width:360px}.compact-studio .composer-send-tools{grid-template-columns:72px minmax(0,1fr) 89px 34px;gap:4px}.compact-studio .parameters-toggle{font-size:11px;padding:0 8px}.compact-studio .composer-controls .settings-toggle{font-size:11px}}.compact-studio .lovart-image-settings label:has(.ui-radio[data-disabled]){opacity:.35;cursor:not-allowed}.compact-studio .lovart-image-settings input:disabled{cursor:not-allowed}.compact-studio .image-settings-notice{font-size:11px;line-height:16px;color:#888;margin:8px 0 0}.compact-studio .ui-popover>.creation-options,.compact-studio .ui-popover>.skill-picker{position:relative;inset:auto;margin:0;max-height:min(520px,calc(var(--radix-popover-content-available-height) - 96px));overflow:auto}.compact-studio .ui-popover>.creation-options:not(.lovart-image-settings){padding:16px;background:#fff;border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);box-shadow:var(--ui-shadow)}.compact-studio .ui-popover>.project-popover,.compact-studio .ui-popover>.workspace-popover{position:relative;inset:auto;margin:0;max-height:var(--radix-popover-content-available-height);overflow:auto}.ui-select-option .mode-icon{position:relative;display:flex;width:18px;height:18px}.ui-select-option .mode-sparkles{position:absolute;right:-2px;top:-2px;background:#fff}.compact-studio .selection-bar .arrange-menu{width:auto;min-width:67px}.compact-studio .ref-alias .ui-select-trigger{padding:0 6px;gap:3px;font-size:10px}.compact-studio .skill-task-settings .ui-select-trigger{max-width:130px}.ui-disclosure-heading>.ui-disclosure-trigger>.ui-disclosure-chevron{margin-left:auto;flex-shrink:0}.ui-disclosure[data-state=open]>.ui-disclosure-heading>.ui-disclosure-trigger>.ui-disclosure-chevron{transform:rotate(180deg)}.lovart-layout{--chat-text: #292d2a;--chat-secondary: #606660;--chat-muted: #757c75;--chat-surface: #f5f6f3;--chat-border: #e6e9e3;--chat-action: #2d332e;--chat-error: #a44036;--chat-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}.compact-studio .conversation-sidebar{font-family:var(--chat-font);color:var(--chat-text);background:#fff}.compact-studio .conversation-header{display:flex;align-items:center;flex-shrink:0;gap:4px;padding:20px 18px 18px 24px;border:0;background:#fff}.conversation-header>div:first-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.conversation-heading{font-size:14px;line-height:22px;font-weight:500;color:var(--chat-text)}.conversation-title{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;color:var(--chat-muted)}.compact-studio .conversation-header .ui-button{color:var(--chat-secondary)}.compact-studio .conversation-header .ui-button:hover{background:var(--chat-surface)}.conversation-history{width:292px;max-width:calc(100vw - 24px);padding:8px;border:1px solid var(--chat-border);border-radius:14px;background:#fff;box-shadow:var(--ui-shadow)}.conversation-popover-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px 8px;font-size:12px;color:var(--chat-muted)}.conversation-history-list{max-height:340px;overflow:auto;scrollbar-width:thin}.conversation-history-list .ui-button{width:100%;justify-content:space-between;padding:10px;font-size:13px;line-height:20px;border-radius:8px;text-align:left}.conversation-history-list .ui-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-history-list .is-current{background:var(--chat-surface)}.conversation-history .conversation-history-records{margin-top:8px;padding:12px 10px 8px;border-top:1px solid var(--chat-border);width:100%;justify-content:space-between;color:var(--chat-secondary);font-size:12px}.compact-studio .composer-scroll{padding:4px 24px 16px;overscroll-behavior:contain;overflow-anchor:none;scrollbar-color:#d9ded6 transparent}.compact-studio .creative-conversation{gap:32px;margin:auto 0 0;padding:20px 0 0}.compact-studio .creative-conversation>article{flex-shrink:0}.compact-studio .conversation-prompt{margin-left:24px;padding:12px 14px;background:var(--chat-surface);color:var(--chat-text);border-radius:16px 16px 5px;max-height:none;overflow:visible;font-size:14px;line-height:23px}.compact-studio .conversation-prompt>p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.compact-studio .conversation-prompt>.message-clamped{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.compact-studio .conversation-prompt .message-expand{color:var(--chat-secondary);padding:4px 0 0;min-height:26px;font-size:12px;line-height:18px}.compact-studio .conversation-response{display:block;margin-top:20px;padding:0;color:var(--chat-text)}.assistant-identity{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--chat-text);font-size:13px;font-weight:500;line-height:20px}.assistant-identity svg{flex-shrink:0}.assistant-content{min-width:0}.compact-studio .conversation-response p,.message-text{font-size:14px;line-height:23px;color:var(--chat-text);overflow-wrap:anywhere}.compact-studio .message-text p{margin:0 0 10px}.compact-studio .message-text p:last-child{margin-bottom:0}.message-text strong{font-weight:600}.message-text code{font-size:12px;font-family:inherit;background:var(--chat-surface);padding:2px 4px;border-radius:4px}.message-text ul{padding-left:20px;margin:8px 0 12px}.message-text li{padding-left:2px;margin:4px 0}.compact-studio .turn-progress{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:var(--chat-muted);font-size:12px;line-height:19px}.turn-progress svg{flex-shrink:0}.compact-studio .conversation-response .turn-error,.turn-error{color:var(--chat-error);font-size:12px;line-height:20px;margin:10px 0 0}.compact-studio .conversation-response .plan-summary{margin:12px 0 0;color:var(--chat-secondary);font-size:12px}.compact-studio .turn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px}.compact-studio .turn-actions .ui-button,.compact-studio .turn-notice .ui-button{display:inline-flex;margin:0;border:0;padding:6px 10px;min-height:32px;border-radius:8px;font-size:12px;line-height:18px;color:var(--chat-secondary);gap:5px}.compact-studio .turn-actions .ui-button:hover{background:var(--chat-surface)}.compact-studio .turn-actions .ui-button[data-variant=primary]{background:var(--chat-action);color:#fff;border:0}.compact-studio .turn-actions .ui-button[data-variant=primary]:hover{background:#414a42}.compact-studio .turn-actions .job-inline-actions{display:flex;flex-wrap:wrap;gap:4px}.compact-studio .turn-actions .ui-select-trigger{width:auto;border:0;background:none;padding:6px;font-size:12px;color:var(--chat-muted)}.turn-details{max-width:min(340px,calc(100vw - 24px));padding:16px;border:1px solid var(--chat-border);border-radius:12px;background:#fff;box-shadow:var(--ui-shadow);font-size:12px;line-height:20px;color:var(--chat-secondary)}.turn-details p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}.turn-details>*+*{margin-top:10px}.compact-studio .approval-decisions{margin-top:16px}.compact-studio .approval-decisions>p{font-size:12px;color:var(--chat-secondary)}.approval-choice{margin-top:12px;font-size:12px;line-height:20px}.approval-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.compact-studio .approval-options .ui-button{display:flex;flex-direction:column;gap:6px;width:calc(50% - 4px);padding:6px;margin:0;background:var(--chat-surface);border-radius:10px;font-size:12px;line-height:20px;color:var(--chat-text)}.approval-options img{width:100%;height:108px;object-fit:contain;border-radius:6px;background:#fff}.turn-notice{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:12px;color:var(--chat-secondary)}.compact-studio .composer-dock{padding:12px 12px 14px;max-height:none}.compact-studio .prompt-input-wrap{min-height:152px;border-color:var(--chat-border);border-radius:20px;box-shadow:0 2px 5px #25322705}.compact-studio .composer .prompt-input-wrap textarea{color:var(--chat-text);font-family:var(--chat-font);font-size:14px;line-height:23px;padding:14px 14px 6px}.compact-studio .composer .prompt-input-wrap textarea::placeholder{color:var(--chat-muted)}.compact-studio .composer-context{min-height:0;padding:10px 12px 0}.compact-studio .composer-context[hidden]{display:none}.compact-studio .reference-chip{border:0;background:var(--chat-surface);border-radius:8px}.compact-studio .reference-chips button{font-size:12px;color:var(--chat-secondary)}.composer-utilities{display:flex;gap:8px;align-items:center;margin:0 10px}.composer-utilities>span{margin-left:auto;padding-right:4px;color:var(--chat-muted);font-size:11px;line-height:18px}.compact-studio .composer-utilities .ui-button{color:var(--chat-secondary)}.compact-studio .composer-controls{padding:6px 10px 10px}.compact-studio .composer-send-tools{grid-template-columns:84px minmax(0,1fr) 92px 34px}.compact-studio .composer-controls .generate{background:var(--chat-action);color:#fff;opacity:1}.compact-studio .composer-controls .generate:disabled{background:#ecefea;color:#a0a69e;opacity:1}.compact-studio .new-messages{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:2;width:max-content;margin:0;padding:7px 12px;border:1px solid var(--chat-border);border-radius:20px;background:#fff;box-shadow:0 3px 12px #2532270d;font-size:12px;line-height:18px;color:var(--chat-secondary)}.compact-studio .load-earlier{align-self:center;flex-shrink:0;padding:8px 12px;color:var(--chat-muted);font-size:12px}.conversation-load-error{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--chat-secondary)}.compact-studio .composer-lead{padding:36px 0 0}.compact-studio .composer-lead .eyebrow{display:none}.compact-studio .composer-lead h3{font-size:20px;line-height:30px;font-weight:500;color:var(--chat-text);margin:0 0 10px}.compact-studio .composer-lead p{font-size:13px;line-height:22px;color:var(--chat-secondary)}.compact-studio .recipe-row{margin-top:20px;gap:8px}.compact-studio .recipe-row .ui-button{padding:10px 12px;font-size:12px;color:var(--chat-secondary);border-color:var(--chat-border)}.conversation-sheet-overlay{place-items:stretch end;background:#2532271c;-webkit-backdrop-filter:none;backdrop-filter:none}.compact-studio .conversation-sheet-overlay,.compact-studio .canvas .conversation-sheet-overlay{padding:0;background:#2532271c;-webkit-backdrop-filter:none;backdrop-filter:none}.compact-studio .conversation-sheet>header,.compact-studio .canvas-inspector>header{height:auto;position:static;width:auto;min-height:72px}.compact-studio .conversation-sheet>header{min-height:90px}.conversation-sheet{width:min(440px,100%);height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;color:var(--chat-text);font-family:var(--chat-font);border-left:1px solid var(--chat-border);box-shadow:-8px 0 32px #2532270a}.conversation-sheet>header,.canvas-inspector>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 18px;flex-shrink:0;border-bottom:1px solid var(--chat-border)}.conversation-sheet h2,.canvas-inspector h2{margin:0;font-size:16px;line-height:24px;font-weight:500}.conversation-sheet header p{font-size:12px;line-height:20px;color:var(--chat-muted);margin:6px 0 0;overflow-wrap:anywhere}.conversation-sheet-body{padding:0 24px 24px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.conversation-sheet-body>section,.plan-editor-task{padding:20px 0;border-bottom:1px solid var(--chat-border)}.conversation-sheet-body>.message-text{padding:20px 0}.conversation-sheet-body h3{margin:0 0 12px;font-size:14px;font-weight:500;line-height:22px}.conversation-sheet-body p{font-size:13px;line-height:22px;color:var(--chat-secondary)}.plan-task-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.plan-task-heading .ui-input{flex:1;min-width:0}.plan-task-heading>span{font-size:12px;color:var(--chat-muted)}.plan-editor-task .ui-input,.plan-editor-task .ui-textarea,.save-skill-field .ui-input{font-size:13px;line-height:22px;color:var(--chat-text);border-color:var(--chat-border);background:#fff}.plan-editor-task .ui-textarea{width:100%;min-height:100px;resize:vertical}.plan-task-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.plan-task-settings label,.plan-cover-text,.save-skill-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--chat-secondary)}.plan-task-settings .ui-select-trigger{margin:0;width:100%;font-size:13px;border-color:var(--chat-border)}.plan-cover-text{margin-top:12px}.plan-editor-task .ui-disclosure{margin-top:14px;font-size:12px;color:var(--chat-muted)}.plan-editor-task .ui-disclosure-trigger{font-size:12px}.conversation-sheet>footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--chat-border);gap:12px;font-size:12px;color:var(--chat-secondary)}.conversation-sheet .ui-button[data-variant=primary]{background:var(--chat-action);border:0}.save-skill-field{margin-top:24px}.task-result-group h3{display:flex;align-items:center;justify-content:space-between}.task-result-group h3>span{font-size:12px;color:var(--chat-muted);font-weight:400}.task-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.task-result-grid>div{min-width:0}.task-result-grid>div>.ui-button:first-child{width:100%;padding:0;background:var(--chat-surface);border-radius:10px}.task-result-grid img{width:100%;height:160px;object-fit:contain;border-radius:10px}.task-result-grid>div>div{display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;align-items:center;font-size:12px;color:var(--chat-secondary);margin-top:6px}.turn-metadata{padding-top:18px}.turn-metadata>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:12px;line-height:20px;color:var(--chat-secondary)}.compact-studio .canvas-inspector{position:absolute;top:66px;bottom:16px;right:16px;width:min(352px,calc(100% - 32px));display:flex;flex-direction:column;z-index:65;overflow:hidden;background:#fff;color:var(--chat-text);border:1px solid var(--chat-border);border-radius:16px;box-shadow:0 8px 32px #25322712}.canvas-inspector>header{padding:16px 18px;align-items:center}.canvas-inspector .image-panel,.canvas-inspector .task-panel{flex:1;min-height:0;overflow:auto;padding:18px;scrollbar-width:thin}.canvas-inspector .image-title{width:100%;font-size:14px}.canvas-inspector .inspector-preview{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}.canvas-inspector .task p,.canvas-inspector .source-prompt p{font-size:13px;line-height:21px}@media(max-width:750px){.compact-studio .conversation-header{padding:16px 16px 12px}.compact-studio .composer-scroll{padding:4px 20px 16px}.compact-studio .composer-dock{padding:10px 10px max(12px,env(safe-area-inset-bottom))}.compact-studio .composer-send-tools{grid-template-columns:84px minmax(0,1fr) 80px 34px;gap:4px}.compact-studio .composer .prompt-input-wrap textarea{font-size:16px;line-height:24px}.conversation-sheet>header,.conversation-sheet>footer{padding:16px 20px}.conversation-sheet-body{padding:0 20px 20px}.compact-studio .canvas-inspector{top:64px;right:8px;bottom:8px;width:calc(100% - 16px)}}.session-loading{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#faf9f6;color:#787970}.site-page{height:100dvh;overflow:auto;background:#faf9f6;color:#292b27;font-size:14px;--site-muted: #7e8078;--site-line: #e9e8e1;--site-accent: #dee5b8;scroll-behavior:smooth}.site-page *,.personal-skill-editor *{box-sizing:border-box}.site-page .site-header{height:84px;max-width:1320px;margin:auto;padding:0 56px;position:relative;border:0;background:transparent;z-index:2}.frame-wordmark{display:inline-flex;gap:10px;align-items:center;color:#252723!important;text-decoration:none!important;letter-spacing:-1.8px;font-size:34px;font-weight:620}.brand-period{color:#8f9c5c}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav>.ui-link{color:#60635a;text-decoration:none;font-size:13px}.site-button.ui-button,.site-button.ui-link{background:#292d26;color:#fff!important;padding:16px 25px;border:0;border-radius:100px;font-weight:500;line-height:20px;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:background .18s,transform .18s;white-space:nowrap}.site-button.small{padding:11px 18px;font-size:13px;gap:12px}.site-button:hover{background:#424b37!important;transform:translateY(-1px)}.site-button:disabled{opacity:.45;transform:none}.landing-main{display:block;max-width:1200px;margin:auto;padding:0 32px}.landing-hero{text-align:center;padding:78px 0 55px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:550;color:#8a8c80;line-height:1.6}.landing-hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:9px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#969f6a}.landing-hero h1{font-size:clamp(42px,5.2vw,66px);line-height:1.28;letter-spacing:-2.5px;font-weight:500;margin:24px 0 22px}.landing-hero h1>span{color:#9ba678}.landing-hero p{font-size:15px;color:#82847b;line-height:1.9;letter-spacing:.3px;margin:0 0 30px}.hero-gift{display:block;font-size:11px;color:#989b91;margin-top:16px}.art-stage{padding:25px 30px 30px;background:#f0efe9;border-radius:16px;position:relative;overflow:hidden}.art-caption{display:flex;justify-content:space-between;gap:20px;color:#96998e;font-size:9px;letter-spacing:1.1px}.art-triptych{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:24px;align-items:center;max-width:1050px;margin:35px auto 30px;padding:0 5px}.art-sheet{padding:9px 9px 12px;background:#fffefb;box-shadow:0 10px 30px #44382b0b;transform:rotate(-5deg)}.art-sheet:last-child{transform:rotate(5deg)}.art-sheet.featured{transform:rotate(-1deg);box-shadow:0 20px 45px #51483315;z-index:1}.paper-art{width:100%;height:auto;display:block}.art-sheet>span{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:#9c9b8e;margin-top:11px}.stage-skill{width:max-content;display:flex;align-items:center;gap:10px;margin:0 auto;color:#686e58;font-size:11px}.stage-pill{background:#e2e5d5;border-radius:6px;padding:4px 6px;font-size:9px;margin-left:8px}.landing-features{padding:112px 20px 95px;scroll-margin-top:24px}.section-intro h2,.credits-invitation h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin:15px 0}.section-intro>p,.credits-invitation p{color:#878a7f;font-size:14px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px}.feature-grid article{border-top:1px solid #dedfd5;padding-top:25px;position:relative}.feature-grid article>svg{color:#676d56}.feature-grid article>span{float:right;font-size:10px;color:#a4a697}.feature-grid h3{font-weight:550;font-size:17px;margin:23px 0 12px}.feature-grid p{color:#878a7f;font-size:12px;line-height:1.9;margin:0;max-width:270px}.credits-invitation{background:#eeefe6;border-radius:16px;padding:60px 65px;display:flex;justify-content:space-between;align-items:center;gap:55px;margin-bottom:90px;scroll-margin-top:30px}.credits-invitation h2{font-size:31px;line-height:1.5}.credits-invitation .site-button{margin-top:17px}.credit-ticket{width:275px;padding:38px 30px;background:#fbfcf7;border:1px solid #e2e6d3;border-radius:12px;box-shadow:9px 9px #d9dfc4;transform:rotate(4deg);display:flex;flex-direction:column;align-items:center;color:#838e62;flex-shrink:0}.credit-ticket strong{font-weight:450;letter-spacing:-5px;font-size:65px;color:#464e38;line-height:1.2;margin:20px 0 5px}.credit-ticket>span{font-size:12px}.credit-ticket>div{border-top:1px dashed #d8ddca;display:flex;gap:8px;align-items:center;margin-top:30px;padding-top:18px;font-size:10px;width:100%;justify-content:center}.site-footer{max-width:1136px;margin:auto;padding:25px 0 35px;border-top:1px solid #e5e5dd;display:flex;justify-content:space-between;gap:20px;color:#94978a;font-size:10px;letter-spacing:.5px}.site-footer .ui-link{color:#777e67;display:flex;align-items:center;gap:8px;text-decoration:none}.auth-layout{max-width:1100px;min-height:calc(100dvh - 100px);padding:48px 38px 80px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.auth-story h1{font-size:36px;font-weight:450;line-height:1.5;letter-spacing:-1px;margin:16px 0 28px}.auth-art{max-width:350px;transform:rotate(-4deg);padding:9px;background:#fff;box-shadow:0 10px 40px #373d2610}.auth-story p{color:#94988a;font-size:12px;line-height:1.9;margin:30px 0 0}.auth-form-wrap{background:#fff;padding:42px 38px;border:1px solid #eceee5;border-radius:18px}.auth-form h2{font-size:24px;font-weight:550;margin:10px 0 8px;letter-spacing:-.5px}.auth-form>p{font-size:12px;color:#93978c;line-height:1.8;margin:0 0 29px}.account-form{display:flex;flex-direction:column;gap:19px}.account-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:500;color:#686b62}.account-form .ui-input,.account-form .ui-textarea{width:100%;background:#f5f6f1;border:1px solid transparent!important;border-radius:9px;padding:13px 14px;box-shadow:none!important;outline:none;color:#30362b;font:inherit;font-weight:400;line-height:1.5}.account-form .ui-input:focus,.account-form .ui-textarea:focus{background:#f0f2e9}.account-form .ui-input::placeholder,.account-form .ui-textarea::placeholder{color:#a3a69b;font-size:12px}.account-form .ui-textarea{resize:vertical;min-height:80px}.account-form .ui-input[readonly]{color:#9b9e94}.account-form .site-button{margin-top:5px}.auth-switch{font-size:12px;text-align:center;color:#95998d;margin-top:5px}.auth-switch .ui-link{margin-left:8px;color:#596542;font-weight:500;text-decoration:none}.form-error{font-size:12px!important;line-height:1.7;color:#a45142!important;margin:0!important;background:#fff4ef;padding:10px 12px;border-radius:7px;overflow-wrap:anywhere}.form-success{display:flex;align-items:center;gap:8px;font-size:12px;color:#758149;margin-top:20px}.field-hint{font-size:11px;font-weight:400;color:#929689;line-height:1.6}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-two .ui-select-trigger{background:#f5f6f1;padding:12px 14px;border:0;border-radius:9px;min-height:42px}.account-layout{display:grid;grid-template-columns:190px 1fr;gap:70px;max-width:1140px;margin:0 auto;padding:40px 38px 80px;min-height:calc(100dvh - 84px)}.account-sidebar{width:auto;border:0;padding:0;background:transparent;overflow:visible;display:flex;flex-direction:column;gap:32px}.back-to-canvas{display:flex;gap:9px;align-items:center;color:#858b79!important;text-decoration:none!important;font-size:12px}.account-nav{display:flex;flex-direction:column;gap:5px}.account-nav .ui-button{padding:13px 15px;text-align:left;justify-content:flex-start;background:transparent;color:#8c9083;font-size:13px;border-radius:9px;border:0}.account-nav .ui-button.active{background:#e9eddd;color:#55603f;font-weight:550}.account-sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:15px;font-size:12px;color:#979b8c}.account-sidebar-footer>.ui-button{justify-content:flex-start;font-size:11px;color:#979b8c;padding:0}.account-content{min-width:0}.page-section-title{margin-bottom:30px}.page-section-title h2{font-size:25px;font-weight:500;letter-spacing:-.5px;margin:0 0 10px}.page-section-title p{font-size:12px;color:#93998a;line-height:1.7;margin:0}.page-section-title.inline{display:flex;justify-content:space-between;align-items:center;gap:20px}.profile-form{max-width:430px}.profile-identity{display:flex;align-items:center;gap:16px;margin-bottom:10px}.profile-identity>div{display:flex;flex-direction:column;gap:8px}.profile-identity b{font-weight:500;font-size:14px}.profile-identity small{font-size:10px;color:#9b9f91}.profile-actions{display:flex;align-items:center;gap:23px}.profile-actions>.ui-button:not(.site-button){font-size:12px;color:#979d8b}.user-avatar{width:28px;height:28px;border-radius:50%;background:#e5e9d8;color:#747e5a;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.user-avatar.large{width:58px;height:58px;font-size:23px}.balance-card{background:#eef1e4;border:1px solid #e5e9d9;border-radius:13px;padding:27px 30px;display:grid;grid-template-columns:1fr auto;color:#8b9673;gap:10px}.balance-card>svg{grid-column:2;grid-row:1}.balance-card>span{grid-column:1;grid-row:1;font-size:12px}.balance-card strong{grid-column:1;letter-spacing:-2px;font-size:46px;font-weight:450;color:#525e3f}.balance-card>small{grid-column:1;font-size:11px;color:#939d7f}.list-title{font-weight:500;font-size:13px;margin:30px 0 12px}.credit-entry{display:flex;justify-content:space-between;gap:20px;padding:19px 2px;border-bottom:1px solid #e9ece0}.credit-entry>div{display:flex;flex-direction:column;gap:6px}.credit-entry b,.credit-entry strong{font-size:12px;font-weight:500}.credit-entry small{font-size:10px;color:#a1a695}.credit-entry>div:last-child{text-align:right}.credit-positive{color:#85934f}.empty-copy{color:#9ba28e;font-size:12px;padding:30px 0;line-height:1.8}.load-more{margin:20px auto;font-size:12px;color:#8a927a}.my-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.my-skill-card{border:1px solid #e8ecdf;background:#fffefb;border-radius:13px;padding:23px;display:flex;flex-direction:column;position:relative;min-height:230px}.skill-card-icon{width:40px;height:40px;display:grid;place-items:center;background:#f0f2e8;border-radius:10px;color:#949f72}.skill-privacy{position:absolute;right:22px;top:32px;font-size:10px;color:#aab09c}.my-skill-card h3{font-size:15px;font-weight:550;margin:20px 0 8px}.my-skill-card p{font-size:11px;line-height:1.8;color:#9ca38e;margin:0 0 12px;overflow-wrap:anywhere}.my-skill-card>small{font-size:10px;color:#adb49f;margin-bottom:20px}.my-skill-card>div{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e7;padding-top:14px}.my-skill-card .ui-button,.my-skill-card .ui-link{padding:0;font-size:11px;color:#818d6a;display:inline-flex;gap:5px;align-items:center;text-decoration:none}.account-dialog{padding:29px;width:440px;max-width:calc(100vw - 32px);max-height:85dvh;overflow:auto;background:#fffefb;border:1px solid #e9ecdf;border-radius:16px;box-shadow:0 20px 80px #34411a15;color:#3c4630}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-heading h2{font-size:20px;font-weight:550;margin:0}.dialog-heading small{font-size:11px;color:#9ca68d;display:block;margin-top:7px}.dialog-heading>.ui-button{color:#959e86}.account-dialog .credit-entry{padding:13px 0}.admin-user-dialog{width:540px}.user-search{display:flex;gap:10px;align-items:center;background:#f0f2e9;padding:9px 13px;border-radius:9px;color:#9ba789;margin-bottom:16px}.user-search .ui-input{background:transparent;border:0;box-shadow:none;flex:1;min-width:0;font-size:12px}.user-search .ui-button{font-size:11px;color:#85946d}.admin-user-row.ui-button{display:flex;align-items:center;gap:15px;width:100%;padding:19px 0;background:transparent;border-bottom:1px solid #e9edde;text-align:left;border-radius:0;color:#727e60}.admin-user-row .admin-user-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.admin-user-row b{font-size:12px;font-weight:500;display:flex;align-items:center;gap:7px}.admin-user-row small{font-size:10px;font-weight:400;color:#a0aa90}.admin-user-row>span:nth-last-child(2){text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.admin-user-meta{font-size:10px;color:#a0aa90}.admin-user-summary{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px}.admin-user-summary strong{font-size:27px;font-weight:450}.admin-user-summary small{font-size:11px;font-weight:400;margin-left:6px;color:#9da88d}.admin-user-summary .ui-button{font-size:11px;color:#919f7a}.account-trigger.ui-button{height:34px!important;min-width:0!important;gap:7px!important;padding:3px 4px 3px 10px!important;background:#ffffffeb!important;border-radius:22px!important;font-size:11px!important;color:#858d75!important;border:1px solid #eceee8!important}.account-trigger .user-avatar{width:26px;height:26px;margin-left:3px}.account-popover{width:232px;padding:8px;color:#596445}.account-identity{display:flex;gap:11px;padding:10px 9px 16px;align-items:center}.account-identity>div{min-width:0;display:flex;flex-direction:column;gap:5px}.account-identity b{font-size:12px;font-weight:550}.account-identity small{font-size:10px;color:#a0a992;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-balance{padding:14px;margin:0 0 8px;background:#f0f3e6;border-radius:9px;display:grid;grid-template-columns:1fr auto;gap:7px}.account-balance>span{font-size:11px}.account-balance>b{font-size:16px;font-weight:500}.account-balance>small{font-size:10px;color:#9aa786;grid-column:1/3}.account-popover>.ui-button{width:100%;padding:11px 10px;display:flex;align-items:center;gap:9px;font-size:11px;justify-content:flex-start;background:transparent;color:#899773}.account-popover>.ui-button>svg:last-child:not(:first-child){margin-left:auto}.account-popover>p{font-size:11px;color:#a35e4b}.personal-skill-editor.help-modal{width:580px!important;max-width:calc(100% - 32px);padding:28px!important;background:#fffefb;max-height:calc(100dvh - 60px)}.personal-skill-editor .compare-heading{margin-bottom:8px;align-items:flex-start}.personal-skill-editor h2{margin:6px 0!important;font-size:21px!important;font-weight:550!important}.skill-editor-intro{font-size:11px;color:#969e89;line-height:1.7;margin:0 0 22px}.personal-skill-editor .account-form{gap:18px}.personal-skill-editor .ui-textarea{font-size:12px;line-height:1.9;max-height:330px}.field-count{text-align:right;font-size:10px;font-weight:400;color:#acb39c;margin-top:-3px}.skill-template.ui-button{display:flex;width:100%;align-items:center;gap:10px;font-size:11px;color:#87976a;background:#f0f3e7;padding:14px;border-radius:9px}.skill-template>span:last-child{margin-left:auto;font-size:10px;color:#a0af86}.skill-editor-footer{display:flex;gap:12px;align-items:center}.skill-editor-footer>small{color:#a9b19b;font-size:10px}.skill-editor-footer .site-button{margin-left:auto}.muted-action{color:#a9b19b}.delete-confirm{padding:12px;background:#fff4ed;border-radius:9px;font-size:12px;color:#9c654e}.delete-confirm .ui-button{margin-right:15px;font-size:12px}.skill-create.ui-button{margin-left:auto;font-size:11px;gap:3px;color:#8e9b78}.skill-picker>div:first-child{gap:10px}.site-page .ui-dialog-overlay{position:fixed}@media(max-width:800px){.site-page .site-header{padding:0 24px;height:72px}.site-header nav{gap:18px}.frame-wordmark{font-size:29px}.landing-main{padding:0 20px}.landing-hero{padding:55px 0 45px}.art-stage{padding:22px 18px}.art-triptych{gap:10px;margin-top:25px}.art-sheet{padding:5px 5px 8px}.art-caption{font-size:7px}.art-sheet>span{font-size:7px;letter-spacing:1px;margin-top:8px}.landing-features{padding:70px 6px}.feature-grid{gap:25px}.credits-invitation{padding:40px 30px;gap:25px}.credit-ticket{width:210px}.credits-invitation h2{font-size:24px}.site-footer{margin:0 24px;flex-wrap:wrap}.auth-layout{gap:35px;padding:35px 24px 60px}.auth-story h1{font-size:29px}.auth-form-wrap{padding:30px 25px}.account-layout{grid-template-columns:145px 1fr;gap:30px;padding:30px 24px 60px}.my-skill-grid{grid-template-columns:1fr}.page-section-title.inline{align-items:flex-start}.page-section-title h2{font-size:23px}.admin-user-meta{display:none}}@media(max-width:550px){.site-header nav>.ui-link:not(.site-button){display:none}.landing-hero h1{font-size:43px;letter-spacing:-2px}.landing-hero p{font-size:13px}.art-triptych{grid-template-columns:1fr 1.35fr 1fr;gap:8px;margin-bottom:23px}.stage-skill{font-size:9px;gap:6px}.stage-pill{margin-left:1px;font-size:8px}.section-intro h2{font-size:27px}.section-intro>p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.feature-grid article{display:grid;grid-template-columns:30px 1fr;column-gap:18px;padding-top:22px}.feature-grid article>span{position:absolute;right:0;top:22px}.feature-grid h3{margin:0 0 10px;font-size:16px}.feature-grid p{grid-column:2;max-width:unset}.credits-invitation{padding:35px 26px;display:block;margin-bottom:55px}.credits-invitation h2{font-size:26px}.credit-ticket{margin:45px auto 10px;width:240px}.site-footer{font-size:9px;gap:14px}.auth-layout{display:block;min-height:auto;padding-top:25px}.auth-story{display:none}.auth-form-wrap{padding:30px 25px}.auth-form h2{font-size:23px}.account-layout{display:flex;flex-direction:column;gap:25px;padding:20px 24px 50px}.account-sidebar{gap:20px}.account-nav{flex-direction:row;gap:2px;overflow:auto;white-space:nowrap}.account-nav .ui-button{font-size:11px;padding:10px 12px}.account-sidebar-footer{display:none}.page-section-title.inline{gap:10px}.page-section-title.inline .site-button{padding:10px 12px;font-size:11px}.page-section-title p{font-size:11px}.personal-skill-editor.help-modal{padding:22px!important}.skill-template.ui-button{font-size:10px}.skill-template>span:last-child{display:none}.form-two{gap:10px}.form-two .ui-select-trigger{font-size:11px}.canvas-top-right{gap:5px!important}.account-trigger.ui-button{padding-left:6px!important;font-size:10px!important}.account-trigger>svg{display:none}}@media(prefers-reduced-motion:reduce){.site-page{scroll-behavior:auto}.site-button.ui-button,.site-button.ui-link{transition:none}}.personal-skill-editor .account-form label{margin:0;gap:7px}.personal-skill-editor .account-form .ui-input,.personal-skill-editor .account-form .ui-textarea{margin-top:0}.personal-skill-editor .account-form{gap:15px}.personal-skill-editor .account-form .ui-textarea{min-height:145px;height:145px}.personal-skill-editor .skill-editor-footer{position:sticky;bottom:0;background:#fffefb;padding:12px 0 6px;margin-top:-5px;z-index:1}.account-content .page-section-title p,.my-skill-card p,.my-skill-card>small,.account-form .field-hint,.skill-editor-intro{color:#7b826f}@media(max-width:550px){.account-sidebar-footer{display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0 12px}}