@property --gb-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.gradient-btn{--gb-pink: #fe53bb;--gb-violet: #8f51ea;--gb-blue: #2b6bff;--gb-cyan: #22d3ee;position:relative;display:inline-flex;justify-content:center;align-items:center;min-width:120px;padding:0 24px;height:44px;overflow:hidden;cursor:pointer;border:none;border-radius:12px;isolation:isolate;background-color:#1a1030;background-image:linear-gradient(120deg,var(--gb-pink) 0%,var(--gb-violet) 34%,var(--gb-blue) 68%,var(--gb-cyan) 100%);background-size:220% 220%;animation:gradient-btn-flow 6s ease infinite,gradient-btn-breath 3.2s ease-in-out infinite;color:#fff;font-family:inherit;font-weight:600;letter-spacing:.5px;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s ease}.gradient-btn--sm{height:32px;min-width:auto;padding:0 16px;font-size:12px;border-radius:9px}.gradient-btn--md{height:44px;min-width:120px;padding:0 24px;font-size:14px}.gradient-btn--lg{height:52px;min-width:152px;padding:0 32px;font-size:16px;border-radius:14px}.header-generate-action{flex:0 0 auto;height:32px;min-width:148px;padding:0 14px;border-radius:9px;font-size:11px;letter-spacing:.2px}.header-generate-action .gradient-btn__content{gap:6px}.gradient-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--gb-angle),rgba(254,83,187,.9),rgba(143,81,234,.35),rgba(34,211,238,.9),rgba(34,211,238,.15),rgba(254,83,187,.9));filter:blur(6px);opacity:.28;animation:gradient-btn-rotate 3.5s linear infinite;transition:opacity .25s ease}.gradient-btn:hover:before{opacity:.55}.gradient-btn:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-80%;width:55%;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%);transform:skew(-22deg);transition:left .55s cubic-bezier(.25,.9,.3,1)}.gradient-btn:hover:after{left:130%}.gradient-btn:hover:not(:disabled):not(.is-disabled){transform:translateY(-1px) scale(1.03);box-shadow:0 0 12px #fe53bb4d,0 0 26px #8f51ea38,0 0 44px #22d3ee1f}.gradient-btn:active:not(:disabled):not(.is-disabled){transform:translateY(0) scale(.98)}.gradient-btn:disabled,.gradient-btn.is-disabled{opacity:.45;cursor:not-allowed;animation:none;transform:none;box-shadow:none}.gradient-btn:disabled:before,.gradient-btn.is-disabled:before{animation:none;opacity:0}.gradient-btn__glow,.gradient-btn__stars{display:none}.gradient-btn__content{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:600;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.25);background:transparent!important;box-shadow:none!important;filter:none!important}.gradient-btn__content>svg{flex:0 0 auto;width:1em;height:1em;filter:drop-shadow(0 0 4px rgba(255,255,255,.25))}.gradient-btn__label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:transparent!important;box-shadow:none!important;text-shadow:0 1px 2px rgba(0,0,0,.25);filter:none!important}.gradient-btn__label svg{display:inline-block;vertical-align:middle}.gradient-btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:gradient-btn-spin .8s linear infinite}@keyframes gradient-btn-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradient-btn-breath{0%,to{box-shadow:0 0 8px #fe53bb29,0 0 18px #8f51ea1f,0 0 30px #22d3ee0d}50%{box-shadow:0 0 12px #fe53bb42,0 0 26px #8f51ea2e,0 0 42px #22d3ee14}}@keyframes gradient-btn-rotate{to{--gb-angle: 360deg}}@keyframes gradient-btn-spin{to{transform:rotate(360deg)}}.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{--bg-base: #141414;--bg-surface: #2b2b2b;--bg-input: #1f1f1f;--bg-hover: #353535;--bg-active: #1a1a1a;--bg-disabled: #252525;--text-primary: #e5e5e5;--text-secondary: #a3a3a3;--text-muted: #737373;--text-disabled: #525252;--text-inverse: #141414;--accent-primary: #7dd3fc;--accent-hover: #bae6fd;--accent-active: #38bdf8;--accent-bg: rgba(125, 211, 252, .1);--accent-lime: #c3dd72;--accent-lime-dim: rgba(195, 221, 114, .16);--success: #4ade80;--warning: #fbbf24;--error: #f87171;--info: #60a5fa;--success-bg: rgba(74, 222, 128, .1);--warning-bg: rgba(251, 191, 36, .1);--error-bg: rgba(248, 113, 113, .1);--info-bg: rgba(96, 165, 250, .1);--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--border-active: rgba(125, 211, 252, .5);--border-focus: rgba(125, 211, 252, .8);--border-disabled: rgba(255, 255, 255, .04);--divider: rgba(255, 255, 255, .06);--divider-strong: rgba(255, 255, 255, .1);--overlay: rgba(0, 0, 0, .6);--overlay-light: rgba(0, 0, 0, .4);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .4);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .5);--shadow-accent: 0 0 0 4px rgba(125, 211, 252, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--focus-ring: 2px solid var(--accent-primary);--focus-ring-offset: 2px;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 20px;--icon-xl: 24px;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--text-xs: var(--font-size-xs);--text-sm: var(--font-size-sm);--text-base: var(--font-size-base);--text-lg: var(--font-size-lg);--accent-success: var(--success);--accent-success-dim: var(--success-bg);--accent-warning: var(--warning);--accent-warning-dim: var(--warning-bg);--accent-danger: var(--error);--accent-danger-dim: var(--error-bg);--shadow-glow: 0 0 20px rgba(125, 211, 252, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;min-width:0;min-height:100vh;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{margin:0;color:var(--text-primary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}strong,b{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}small{font-size:var(--font-size-xs);color:var(--text-secondary)}code,pre{font-family:var(--font-mono);font-size:var(--font-size-sm)}code{background:var(--bg-input);padding:2px 6px;border-radius:var(--radius-xs)}pre{background:var(--bg-input);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}ul,ol{list-style:none;padding:0;margin:0}table{width:100%;border-collapse:collapse;border-spacing:0}th,td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--divider)}th{font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--bg-input)}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed}input,textarea,select{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-accent)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}textarea{resize:vertical;min-height:80px}img{max-width:100%;height:auto;display:block}svg{display:block;flex-shrink:0}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}*{scrollbar-width:thin;scrollbar-color:var(--bg-surface) var(--bg-base)}::selection{background:var(--accent-primary);color:var(--text-inverse)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.w-full{width:100%}.h-full{height:100%}.page-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:240px;color:var(--text-muted);font-size:var(--font-size-sm)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:60vh;padding:var(--space-8);text-align:center;color:var(--text-secondary)}.error-boundary h2{margin:0;color:var(--text-primary);font-size:var(--font-size-xl)}.error-boundary p{margin:0;max-width:420px;font-size:var(--font-size-sm)}.error-boundary-detail{max-width:640px;max-height:200px;overflow:auto;padding:var(--space-3);font-size:var(--font-size-xs);color:var(--error);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);text-align:left;white-space:pre-wrap}.error-boundary-actions{display:flex;gap:var(--space-2)}.error-boundary-actions button{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.error-boundary-actions button:hover{background:var(--bg-hover)}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-base);color:var(--text-primary)}.app-shell.home-shell{background:var(--bg-base)}.global-header{position:sticky;top:0;z-index:var(--z-sticky);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--divider);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.global-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);min-width:0}.app-main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.workspace-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:var(--space-3);padding:var(--space-3);height:calc(100vh - 56px);overflow:hidden}.slot-column{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-3)}.workspace-main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.editor-column{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-base);border-radius:var(--radius-lg);padding:var(--space-3)}.editor-card{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.result-workbench{display:grid;grid-template-columns:minmax(0,75%) minmax(0,25%);gap:var(--space-2);min-height:0;overflow:hidden}.editor-grid{display:grid;grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--space-2);height:330px;min-height:0;overflow:hidden}.editor-grid-row-1{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);min-height:0;overflow:hidden}.editor-grid-row-2{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-fluid{width:100%;padding:0 var(--space-4)}.field-block{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md)}.module-frame,.resource-module-frame{display:flex;flex-direction:column;min-height:0;overflow:hidden}.section-label{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.module-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.module-content{flex:1;padding:var(--space-3);overflow-y:auto;overflow-x:hidden;background:var(--bg-input);min-height:0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}@media (max-width: 1280px){.workspace-layout{grid-template-columns:240px minmax(0,1fr) 280px}}@media (max-width: 1024px){.workspace-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;overflow:visible}.result-workbench{grid-template-columns:1fr;grid-template-rows:auto auto}}@media (max-width: 768px){.global-header{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-3)}.global-actions{justify-content:flex-start;flex-wrap:wrap}.editor-grid{grid-template-rows:auto auto;height:auto}.editor-grid-row-1{grid-template-columns:1fr}}:root{color-scheme:dark;font-family:var(--font-sans);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);background:var(--bg-base);color:var(--text-primary)}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;background:var(--bg-base)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:none}#root,.app-shell{min-height:100vh}.page-header h2,.editor-header h3{margin:0}.muted-text,.slot-group-head p,.slot-item p,.panel-card p,.page-header p{color:#94a3b8}.eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-primary)}.nav-item,.library-item,.slot-item,.secondary-button{background:var(--bg-input);color:#e2e8f0;border:1px solid rgba(148,163,184,.14)}.top-nav{display:flex;align-items:center;gap:8px}.nav-item{padding:8px 13px;border-radius:999px;color:#94a3b8;white-space:nowrap;transition:.2s ease}.nav-item.active,.slot-item.active,.library-item.active{border-color:#60a5fa80}.summary-card,.panel-card,.dropzone-card{border:1px solid rgba(148,163,184,.14);border-radius:24px;background:var(--bg-input);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #0f172a3d}.summary-card{padding:18px}.summary-card span{display:block;font-size:13px;color:var(--accent-primary)}.summary-card strong{display:block;margin:8px 0;font-size:24px}.main-panel{padding:28px}.page{display:grid;gap:24px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-header.compact{align-items:center}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.import-column{display:grid;gap:16px}.dropzone-card{padding:24px;min-height:360px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.dropzone-card.dragging{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 0 0 4px var(--accent-bg),0 24px 60px #0ea5e933}.dropzone-card.dragging .dropzone-inner{background:#0e749024}.dropzone-inner{height:100%;border:1.5px dashed rgba(125,211,252,.3);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;background:linear-gradient(180deg,#0f172a80,#080f1dd1)}.dropzone-title{margin:0;font-size:28px;font-weight:700}.dropzone-copy{max-width:540px}.hidden-input{display:none}.upload-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border-radius:18px;background:linear-gradient(135deg,#7dd3fc33,#a78bfa33);border:1px solid rgba(125,211,252,.34);color:var(--accent-primary);font-size:32px}.upload-actions{display:flex;gap:10px;margin-top:14px}.path-import{display:grid;gap:12px}.path-import p{margin-bottom:0}.path-input-row{display:grid;grid-template-columns:1fr auto;gap:10px}.imported-panel,.product-image-pool{padding:18px 20px}.product-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px;margin-top:18px}.product-image-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--bg-input)}.product-image-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block;background:var(--bg-base)}.product-image-card div{display:grid;gap:3px;padding:9px}.product-image-card span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.imported-head,.imported-item{display:flex;align-items:center;justify-content:space-between;gap:14px}.imported-head p{margin-bottom:0}.imported-list{display:grid;gap:8px;margin-top:14px;max-height:330px;overflow:auto}.imported-item{padding:11px 12px;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:var(--bg-base)}.file-kind{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;border-radius:11px;background:#1e40af40;color:#93c5fd;font-weight:700}.file-info{display:grid;min-width:0;flex:1}.file-info strong,.file-info code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info span,.file-info code{color:#64748b;font-size:11px}.text-button,.remove-button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;background:transparent;color:#94a3b8}.text-button svg,.remove-button svg,.primary-button svg,.secondary-button svg,.nav-item svg,.composer-assets-head>span svg{flex:0 0 auto}.text-button:hover,.remove-button:hover{color:var(--accent)}.primary-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.style-picker-locked{margin-top:8px;padding:8px 12px;border:1px dashed rgba(127,143,199,.38);border-radius:10px;background:#7f8fc717;color:var(--accent);font-size:12px;line-height:1.5}.style-picker-lock-hint{color:var(--accent);font-size:12px}.chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.chip,.status-badge{padding:8px 12px;border-radius:999px;background:var(--bg-surface);border:1px solid rgba(148,163,184,.18);color:#dbeafe;font-size:13px}.stack-gap{display:grid;gap:18px;padding:22px}.card-title{margin:0 0 12px;font-size:15px;color:#e2e8f0;font-weight:700}.ordered-list,.bullet-list{margin:0;padding-left:18px;display:grid;gap:10px}.primary-button,.secondary-button{padding:12px 18px;border-radius:14px;transition:transform .18s ease,box-shadow .18s ease}.primary-button{color:#06111f;background:linear-gradient(135deg,var(--accent-primary),var(--info) 55%,#a78bfa);font-weight:700;box-shadow:0 14px 30px #60a5fa3d}.primary-button:hover,.secondary-button:hover,.library-item:hover,.slot-item:hover,.nav-item:hover{transform:translateY(-1px)}.status-row,.action-row{display:flex;gap:12px;align-items:center}button:disabled{cursor:not-allowed;opacity:.58}.run-feedback{display:grid;gap:10px;margin-bottom:16px;padding:16px 18px;border:1px solid rgba(96,165,250,.35);border-radius:16px;background:#1e40af24}.run-feedback.error{border-color:#f8717173;background:#7f1d1d2e}.run-feedback div{display:flex;justify-content:space-between;gap:16px}.run-feedback p{margin:0;color:#fca5a5}.run-feedback details{padding-top:10px;border-top:1px solid var(--line)}.run-feedback pre{max-height:240px;overflow:auto;white-space:pre-wrap}.workspace-page{overflow:visible}.workspace-layout{display:grid;grid-template-columns:248px minmax(720px,1fr) 48px 320px;gap:12px;align-items:stretch;min-height:calc(100vh - 170px)}.workspace-main{display:block;min-width:0;overflow:auto;padding:0 4px 12px;scrollbar-width:thin;scrollbar-color:rgba(151,166,196,.42) transparent}.workspace-main::-webkit-scrollbar{width:8px;height:8px}.workspace-main::-webkit-scrollbar-track{background:var(--bg-input)}.workspace-main::-webkit-scrollbar-thumb{background:#485064;border-radius:0}.slot-column,.editor-card,.panel-card{padding:20px}.slot-column{min-height:0}.slot-structure-section{padding:12px;border:1px solid rgba(127,143,199,.16);border-radius:8px;background:var(--bg-input)}.slot-group{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.12)}.slot-column-header+.slot-group{border-top:0}.slot-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.slot-group-toggle{min-width:0;flex:1;display:flex;align-items:center;gap:9px;padding:3px 0;border:0;background:transparent;color:var(--text);text-align:left}.slot-group-toggle>span:last-child{min-width:0;display:grid;gap:2px}.slot-group-toggle strong{display:block;font-size:14px}.slot-group-toggle small{overflow:hidden;color:#94a3b8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.slot-group.has-selection .slot-group-toggle small{color:#93c5fd}.slot-group-chevron{color:#94a3b8;font-size:22px;line-height:1;transition:transform .18s ease}.slot-group.expanded .slot-group-chevron{transform:rotate(90deg)}.slot-group-actions{display:flex;align-items:center;gap:6px}.slot-group-actions>span{height:fit-content;padding:4px 8px;border:1px solid rgba(148,163,184,.14);border-radius:999px;background:var(--bg-surface);color:#bfdbfe;font-size:12px}.slot-group-actions button{padding:4px 8px;border:1px solid rgba(96,165,250,.3);border-radius:999px;background:#1e40af33;color:#93c5fd;font-size:12px;transition:border-color .18s ease,background .18s ease,color .18s ease}.slot-group-actions button:hover{border-color:#7dd3fc8c;background:#1e40af57;color:#dbeafe}.slot-item-row{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:11px;background:var(--bg-input);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .18s ease}.slot-item-row:hover{transform:translateY(-1px)}.slot-item-row.active{border-color:#60a5fa80}.slot-delete-button{position:absolute;right:8px;bottom:8px;width:38px;height:24px;padding:0;border:1px solid rgba(248,113,113,.24);border-radius:7px;background:#7f1d1d29;color:#fca5a5;font-size:10px;transition:border-color .18s ease,background .18s ease,color .18s ease}.slot-delete-button:hover{border-color:#f8717185;background:#7f1d1d52;color:#fecaca}.slot-list,.library-list{display:grid;gap:7px}.slot-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:flex-start;width:100%;min-height:72px;padding:10px 11px;border:0;border-radius:0;background:transparent;text-align:left}.slot-item-row.removable .slot-item{padding:10px 52px 10px 11px}.slot-item>div{min-width:0}.slot-item strong{display:block;margin-bottom:3px;overflow-wrap:anywhere;font-size:12px}.slot-item p{overflow:hidden;margin:3px 0;color:#94a3b8;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.slot-item small{color:#a5b4fc;font-size:9px}.slot-item span{align-self:start;white-space:nowrap;color:#94a3b8;font-size:9px}.slot-item span.matched{color:#86efac}.parse-report,.match-banner{display:grid;gap:10px;border-color:#22c55e52;background:linear-gradient(135deg,#14532d33,#0f172af0)}.parse-report>div,.match-banner>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.parse-report span,.match-banner span{color:#86efac;font-size:12px}.parse-report code,.parse-warning,.match-banner p{color:#cbd5e1;overflow-wrap:anywhere}.match-confidence{margin-left:auto;border:1px solid rgba(134,239,172,.45);border-radius:999px;padding:4px 9px;background:var(--bg-surface);color:#bbf7d0;font-size:11px}.match-candidates{display:grid!important;gap:5px!important;margin-top:2px;padding-top:9px;border-top:1px solid rgba(148,163,184,.18);color:#94a3b8;line-height:1.55}.match-candidates small{display:block}.file-info em{color:#86efac;font-size:12px;font-style:normal}.source-details{border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:12px 14px;background:var(--bg-input)}.source-details summary{color:#bfdbfe;cursor:pointer}.source-details p{margin:12px 0 0;color:#e2e8f0;line-height:1.6}.source-details pre{margin:12px 0 0;color:#cbd5e1;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px;line-height:1.65}.slot-context-details{grid-column:1 / -1;min-width:0;margin-bottom:14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden}.slot-context-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:0 12px;cursor:pointer;list-style:none}.slot-context-details summary::-webkit-details-marker{display:none}.slot-context-title,.slot-context-action{display:inline-flex;align-items:center;gap:8px;min-width:0}.slot-context-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-context-action{flex:0 0 auto;color:var(--accent);font-size:12px}.slot-context-details>p,.slot-context-details>pre{margin:0;padding:0 12px}.slot-context-details>p{padding-top:10px;color:var(--text);line-height:1.6}.slot-context-details>pre{padding-top:10px;padding-bottom:12px;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px;line-height:1.65}.history-card{flex:0 0 auto;min-width:720px;width:100%;margin-top:0}.history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.history-list{display:grid;gap:10px;margin-top:14px}.history-entry{border:1px solid rgba(148,163,184,.16);border-radius:14px;overflow:hidden;background:var(--bg-input)}.history-entry-head{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px 8px 14px}.history-entry-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0;flex:1;padding:4px 0;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.history-export-button{flex-shrink:0;padding:8px 11px;border:1px solid rgba(96,165,250,.4);border-radius:9px;background:#3b82f61f;color:#bfdbfe;font-size:12px;font-weight:700;text-decoration:none}.history-export-button:hover{background:#3b82f638}.history-entry-title strong{display:block;margin-bottom:2px;color:#e2e8f0;font-size:14px}.history-entry-title span{color:#94a3b8;font-size:12px}.history-badge{flex-shrink:0;padding:4px 10px;border-radius:999px;background:#94a3b824;color:#cbd5e1;font-size:12px}.history-grid{display:flex;gap:10px;padding:14px;overflow-x:auto;overflow-y:hidden;border-top:1px solid rgba(148,163,184,.12);background:#94a3b80d;scrollbar-width:thin}.history-image-link{position:relative;display:block;flex:0 0 150px;padding:0;border-radius:10px;overflow:hidden;border:1px solid rgba(148,163,184,.16);background:transparent;cursor:pointer}.history-image-link img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.history-image-link:hover{border-color:#60a5fa99}.history-image-link span{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:2px 8px;border-radius:6px;background:var(--bg-base);color:#e2e8f0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:32px 88px;background:var(--bg-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-content{display:flex;max-width:min(1100px,100%);max-height:100%;flex-direction:column;align-items:center;gap:14px}.preview-content img{display:block;max-width:100%;max-height:calc(100vh - 110px);border-radius:12px;object-fit:contain;box-shadow:0 24px 80px #00000075}.preview-meta{display:flex;gap:14px;align-items:center;color:#e2e8f0}.preview-meta span{color:#94a3b8;font-size:13px}.preview-close,.preview-nav{position:fixed;z-index:1001;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:var(--bg-input);color:#f8fafc;cursor:pointer}.preview-close{top:22px;right:24px;width:42px;height:42px;font-size:28px;line-height:1}.preview-nav{top:50%;width:52px;height:52px;transform:translateY(-50%);font-size:38px;line-height:1}.preview-prev{left:24px}.preview-next{right:24px}.preview-close:hover,.preview-nav:hover{border-color:#60a5fab8;background:#1e40afad}@media (max-width: 720px){.history-preview{padding:72px 52px 24px}.preview-nav{width:40px;height:40px}.preview-prev{left:8px}.preview-next{right:8px}}.editor-column{min-height:0;min-width:0;display:block}.editor-column>.editor-card{min-width:0;padding:14px;border:0;background:transparent;box-shadow:none}.editor-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:12px;align-items:stretch}.editor-grid>.copy-module-frame{grid-column:2;grid-row:1}.editor-grid>.reference-panel.field-span-2{grid-column:1;grid-row:1}.editor-grid>.style-and-size-row{display:contents}.editor-grid>.style-and-size-row>.reference-panel{grid-column:1;grid-row:2}.editor-grid>.style-and-size-row>.size-panel{grid-column:2;grid-row:2}.editor-grid>.module-frame:not(.copy-module-frame):not(.resource-module-frame),.editor-grid>.font-library-module{display:none}.editor-grid>.visual-requirement-module{display:block;grid-column:2;grid-row:2}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame{max-height:none;overflow:visible;padding:14px;border:1px solid var(--workspace-line);border-radius:8px;background:var(--workspace-surface)}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.size-panel{display:none}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.reference-panel{grid-column:1;grid-row:2}.workspace-tool-rail{display:flex;flex-direction:column;gap:6px;padding:10px 4px;border-left:1px solid var(--workspace-line);border-right:1px solid var(--workspace-line);background:var(--workspace-surface)}.workspace-tool-rail button{writing-mode:vertical-rl;min-height:92px;padding:10px 7px;border:1px solid transparent;background:transparent;color:var(--workspace-muted)}.workspace-tool-rail button.active,.workspace-tool-rail button:hover{border-color:var(--accent);color:var(--accent)}.style-reference-strip::-webkit-scrollbar{width:8px;height:8px}.style-reference-strip::-webkit-scrollbar-button{display:none;width:0;height:0}.style-reference-strip::-webkit-scrollbar-track{border-radius:999px;background:var(--bg-input)}.style-reference-strip::-webkit-scrollbar-thumb{min-height:44px;border:2px solid transparent;border-radius:999px;background:#60a5fa85;background-clip:padding-box}.style-reference-strip::-webkit-scrollbar-thumb:hover{background:#7dd3fcc2;background-clip:padding-box}.editor-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.editor-grid,.bottom-grid{display:grid;gap:18px}.editor-grid,.bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-block{display:grid;gap:8px}.module-frame{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-panel)}.module-frame>.section-label{margin-bottom:2px}.module-frame>.composition-picker,.module-frame>.font-gallery{min-width:0}.field-span-2{grid-column:span 2}.composition-picker{display:grid;gap:12px;padding:14px;border:1px solid rgba(96,165,250,.22);border-radius:16px;background:var(--bg-surface)}.composition-path{display:flex;align-items:center;gap:8px;min-width:0;color:#dbeafe;font-size:13px}.composition-path span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composition-path b{color:#475569}.composition-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.composition-fields label{display:grid;grid-template-rows:18px 48px;gap:6px;min-width:0}.composition-fields select{width:100%;height:48px;min-height:48px;padding:0 16px}.style-picker-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.style-picker-fields label{display:grid;grid-template-rows:18px 48px;gap:6px;min-width:0}.style-picker-fields select{width:100%;height:48px;min-height:48px;padding:0 16px}.style-picker.disabled .style-picker-fields select{cursor:not-allowed;opacity:.5}.style-picker.disabled .composition-path{opacity:.6}.field-block span{font-size:13px;color:#cbd5e1}textarea,select,input{width:100%;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:var(--bg-base);color:#e2e8f0;padding:14px 16px;resize:vertical}.library-item{border-radius:16px;padding:14px 16px;text-align:left}.export-toolbar{display:grid;grid-template-columns:minmax(360px,1fr) auto auto;gap:12px;align-items:end}.export-path-field{display:grid;gap:7px}.export-path-field span,.section-label span,.dimension-row span{font-size:12px;color:#94a3b8}.slot-item small{display:block;margin-top:8px;color:#a5b4fc;font-size:11px}.current-output-path{display:grid;gap:6px;margin-bottom:20px;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.14);background:var(--bg-base)}.current-output-path span{color:#94a3b8;font-size:12px}.current-output-path code{overflow-wrap:anywhere;color:var(--accent-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.size-panel,.reference-panel,.result-panel{padding:16px;border:1px solid rgba(96,165,250,.22);border-radius:18px;background:var(--bg-surface)}.result-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.result-image-link{display:grid;width:100%;padding:0;place-items:center;min-height:260px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--bg-base);color:inherit;cursor:zoom-in}.result-image-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.result-image-link img{display:block;width:100%;max-height:720px;object-fit:contain}.result-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.style-field .section-label{min-height:26px}.result-empty{display:grid;min-height:220px;place-items:center;padding:24px;border:1px dashed rgba(148,163,184,.28);border-radius:16px;color:var(--muted);text-align:center;background:var(--bg-base)}.reference-current{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}.reference-current-multiple{grid-template-columns:minmax(180px,420px) 1fr;align-items:start}.selected-reference-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.selected-reference-list .reference-image-wrap{aspect-ratio:4 / 3}.selected-reference-list .reference-image-wrap small{position:absolute;left:6px;bottom:6px;padding:3px 6px;border-radius:999px;background:var(--bg-base);color:#dbeafe;font-size:9px}.reference-image-wrap,.reference-empty{width:100%;aspect-ratio:4 / 3;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--bg-base)}.reference-image-wrap{position:relative;overflow:hidden}.reference-image-wrap img{width:100%;height:100%;object-fit:contain;display:block}.image-remove-button{position:absolute;top:7px;right:7px;z-index:3;display:grid;width:26px;height:26px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:var(--bg-input);color:#fff;font-size:18px;line-height:1;cursor:pointer}.image-remove-button:hover{background:#b42318}.reference-empty{display:grid;place-items:center;padding:16px;color:var(--muted);text-align:center}.reference-current p{margin:8px 0 14px;color:var(--muted);line-height:1.5}.reference-actions{display:flex;flex-wrap:wrap;gap:10px}.exposure-mode-control{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.exposure-mode-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.exposure-mode-heading strong{color:var(--text);font-size:13px}.exposure-mode-heading span{color:var(--muted);font-size:11px}.exposure-mode-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.exposure-mode-button{display:grid;min-width:0;min-height:66px;gap:4px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg-base);color:var(--muted);text-align:left}.exposure-mode-button strong{color:var(--text);font-size:12px;line-height:1.25}.exposure-mode-button small{overflow-wrap:anywhere;color:inherit;font-size:10px;line-height:1.35}.exposure-mode-button:hover{border-color:#7f8fc770;color:#c5cfea}.exposure-mode-button.active{border-color:var(--accent-primary);color:var(--accent-primary)}.exposure-mode-button.active strong{color:var(--accent-primary)}.reference-picker{display:flex;gap:10px;margin-top:16px;padding-top:16px;overflow-x:auto;border-top:1px solid var(--line)}.reference-picker-heading{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--muted)}.reference-picker-heading+.reference-picker{margin-top:8px;padding-top:0;border-top:none}.reference-option-wrap{position:relative;flex:0 0 88px}.reference-option{position:relative;width:100%;padding:3px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--bg-input);color:var(--text)}.reference-option.active{border-color:var(--info)}.reference-option img{width:100%;aspect-ratio:1;object-fit:contain;display:block;border-radius:8px}.reference-option span{display:block;padding:6px 2px 4px;font-size:11px}.reference-option-remove{position:absolute;right:5px;bottom:25px;display:grid;width:22px;height:22px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:3px;background:var(--bg-input);color:#f1b2ad;cursor:pointer}.reference-option-remove:hover{border-color:#c65a52;background:#7c302c;color:#fff}.section-label{display:flex;align-items:center;justify-content:space-between}.section-label b{color:var(--accent-primary)}.font-field .section-label{margin-bottom:7px}.font-library-module:hover,.font-library-module:focus-within{max-height:1600px}.font-library-groups{display:grid;gap:18px}.font-library-group{min-width:0;padding-top:14px;border-top:1px solid var(--line)}.font-library-group:first-child{padding-top:0;border-top:0}.font-library-group>.section-label{margin-bottom:10px}.font-preview{display:block;min-height:38px;margin-top:8px;padding:9px 11px;border:1px solid rgba(50,129,255,.18);border-radius:8px;background:#3281ff0d;color:#eef4ff;font-size:18px;font-weight:700}.font-preview.body-preview{font-size:13px;font-weight:400;line-height:1.45}.font-gallery{display:grid;gap:10px}.font-gallery-tabs{display:flex;flex-wrap:wrap;gap:6px}.font-gallery-tab{padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;line-height:1.4;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.font-gallery-tab:hover{color:var(--text-secondary);border-color:var(--line-strong)}.font-gallery-tab.active{color:var(--accent-strong);border-color:var(--accent)}.font-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.font-gallery-card{display:flex;min-height:96px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-input);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.font-gallery-card:hover{border-color:var(--line-strong);background:var(--surface-raised)}.font-gallery-card.active{border-color:var(--accent)}.font-gallery-card strong{display:block;max-width:100%;overflow:hidden;font-size:12px;font-weight:600;line-height:1.2;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.font-gallery-card.active strong{color:var(--accent-strong)}.font-gallery-card .font-gallery-sample{display:block;font-size:16px;font-weight:700;line-height:1.25;color:var(--text)}.font-gallery-card.body-card .font-gallery-sample{font-size:13px;font-weight:400;line-height:1.4}.preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.preset-button{display:grid;gap:3px;padding:10px;border:1px solid rgba(148,163,184,.16);border-radius:13px;background:var(--bg-base);color:#cbd5e1}.preset-button small{color:#64748b}.preset-button.active{border-color:#7dd3fca3;color:#e0f2fe}.dimension-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px}.dimension-row label{display:grid;gap:6px}.dimension-row b{padding-bottom:13px;color:#64748b}@media (max-width: 1450px){.workspace-layout{grid-template-columns:330px 1fr}.style-and-size-row,.preset-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.composition-fields,.style-picker-fields{grid-template-columns:1fr}.main-panel{padding:18px}.page-header,.header-actions{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.workspace-page{height:auto;overflow:visible}.workspace-layout{height:auto;min-height:0;grid-template-columns:300px minmax(0,1fr);overflow:visible}.slot-column,.editor-column{height:auto;overflow:visible}}body{min-width:320px;background:var(--page-bg);color:var(--text)}::selection{background:#b7f13547;color:#fff}body::-webkit-scrollbar,.slot-column::-webkit-scrollbar,.editor-column::-webkit-scrollbar,.imported-list::-webkit-scrollbar,.history-grid::-webkit-scrollbar,.reference-picker::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-thumb,.slot-column::-webkit-scrollbar-thumb,.editor-column::-webkit-scrollbar-thumb,.imported-list::-webkit-scrollbar-thumb,.history-grid::-webkit-scrollbar-thumb,.reference-picker::-webkit-scrollbar-thumb{border:2px solid #090c0a;border-radius:0;background:#485248}.main-panel{max-width:1920px;margin:0 auto;padding:20px 24px 32px}.page,.editor-column{gap:16px}.page-header{min-height:64px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.page-header .top-nav,.page-header .header-actions{align-self:center}.page-header .top-nav{min-height:40px}.page-header .header-actions>*{align-self:center}.page-header h2,.editor-header h3{color:var(--text);font-size:20px;font-weight:650;letter-spacing:0}.page-header p,.muted-text,.slot-group-head p,.slot-item p,.panel-card p{color:var(--muted)}.eyebrow{margin-bottom:6px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em}.top-nav{align-self:stretch;gap:0;border:1px solid var(--line);background:var(--bg-base)}.nav-item,.nav-item.active,.library-item,.slot-item,.secondary-button{border-color:var(--line)}.nav-item{position:relative;min-height:36px;padding:8px 12px;border:0;border-radius:0;color:var(--muted)}.nav-item+.nav-item{border-left:1px solid var(--line)}.nav-item.active:after{position:absolute;right:10px;bottom:0;left:10px;height:2px;background:var(--accent);content:""}.summary-card,.panel-card,.dropzone-card{border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.panel-card,.slot-column,.editor-card{padding:16px}.hero-grid,.workspace-layout{gap:16px}.dropzone-card{min-height:320px;padding:16px}.dropzone-card.dragging{border-color:var(--accent);transform:none;box-shadow:inset 0 0 0 1px var(--accent)}.dropzone-card.dragging .dropzone-inner{background:#b7f1350d}.dropzone-inner{border:1px dashed #536052;border-radius:4px;background:var(--bg-base)}.dropzone-title{font-size:22px;font-weight:600}.upload-icon{width:42px;height:42px;margin-bottom:10px;border:1px solid #52614e;border-radius:4px;background:var(--bg-input);color:var(--accent);font-size:26px}.chip,.status-badge,.slot-group-actions>span,.history-badge,.match-confidence{border:1px solid var(--line);border-radius:3px;background:var(--bg-input);color:var(--text-secondary);font-size:11px}.chip,.status-badge{padding:5px 8px}.primary-button,.secondary-button{min-height:36px;padding:8px 13px;border-radius:4px;font-size:13px;transition:background .16s ease,border-color .16s ease,color .16s ease}.primary-button{background:var(--accent);color:var(--accent-ink);box-shadow:none;font-weight:700}.secondary-button{border:1px solid var(--line-strong);color:var(--text-secondary)}.secondary-button:hover:not(:disabled),.nav-item:hover,.slot-item-row:hover,.history-entry-toggle:hover{border-color:#657462;background:var(--bg-input);transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea,select,input{min-height:38px;border:1px solid var(--line);border-radius:4px;background:var(--surface-input);color:var(--text);padding:9px 11px}textarea:focus,select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #b7f1351f;outline:none}select option{background:var(--bg-base);color:var(--text)}.imported-panel,.product-image-pool,.stack-gap{padding:14px}.imported-item,.product-image-card,.source-details,.history-entry,.slot-item-row{border-color:var(--line);border-radius:4px;background:var(--bg-base)}.file-kind{border-radius:3px;background:var(--bg-input);color:var(--accent)}.workspace-layout{grid-template-columns:340px minmax(0,1fr)}.slot-column{border:1px solid var(--line);border-radius:6px;background:var(--surface)}.slot-column-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.slot-column-header-main{min-width:0}.slot-column-header-main .card-title{margin:0}.slot-column-header-main .muted-text{margin:2px 0 0;font-size:11px}.slot-column-header .workspace-new-button{flex:0 0 auto}.slot-group{margin-top:10px;padding-top:10px;border-top-color:var(--line)}.slot-group-toggle,.slot-group-head p{color:var(--text)}.slot-group.has-selection .slot-group-toggle small,.slot-item small,.section-label b{color:var(--accent)}.slot-group-actions>span,.slot-group-actions button{border-radius:3px;background:var(--bg-input);color:var(--text-secondary)}.slot-group-actions button{border-color:var(--line-strong)}.slot-group-actions button:hover{border-color:var(--accent);background:var(--bg-input);color:var(--accent)}.slot-item-row{transition:border-color .16s ease,background .16s ease}.slot-item-row.active{border-color:#768c47}.slot-item span.matched,.file-info em,.parse-report span,.match-banner span{color:var(--accent)}.slot-delete-button{border-color:#70413d;border-radius:3px;background:var(--bg-input);color:var(--danger)}.editor-card{border:1px solid var(--line);border-radius:6px;background:var(--surface)}.editor-header{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.editor-grid,.bottom-grid{gap:14px}.field-block{gap:6px}.field-block span,.composition-fields label>span,.style-picker-fields label>span{color:var(--text-secondary);font-size:12px}.composition-picker,.size-panel,.reference-panel,.result-panel{padding:14px;border:1px solid var(--line);border-radius:4px;background:var(--bg-base)}.style-and-size-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.style-and-size-row>.field-block{min-width:0}.style-and-size-row>.reference-panel,.style-and-size-row>.size-panel{height:100%}.size-model-control{display:grid;gap:8px}.size-model-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.size-model-heading>span{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:12px}.model-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.model-option{display:grid;gap:3px;width:100%;padding:10px 12px;text-align:left;color:#ccd5e2;background:var(--bg-input);border:1px solid #263448;border-radius:7px;cursor:pointer}.model-option:hover,.model-option.active{color:#f4f7fa;border-color:var(--accent-lime)}.model-option small{color:#7f8da0;font-size:11px}.model-option.active small{color:#aab890}@media (max-width: 760px){.style-and-size-row,.model-options{grid-template-columns:1fr}}.composition-path{color:var(--text-secondary);font-size:12px}.composition-path b{color:#59635b}.composition-fields,.style-picker-fields{gap:8px}.composition-fields label,.style-picker-fields label{grid-template-rows:16px 38px}.composition-fields select,.style-picker-fields select{height:38px;min-height:38px;padding:0 10px}.parse-report,.match-banner{border:1px solid #536d2d;border-radius:4px;background:var(--bg-input)}.match-confidence{margin-left:auto;border-color:#657d38;background:var(--bg-input);color:var(--accent)}.match-candidates{border-top-color:var(--line);color:var(--muted)}.reference-image-wrap,.reference-empty,.result-image-link,.result-empty{border-color:var(--line);border-radius:4px;background:var(--bg-base)}.reference-option{border-color:var(--line);border-radius:3px;background:var(--bg-base)}.reference-option.active{border-color:var(--accent)}.reference-option:hover,.preset-button:hover{border-color:#667461}.preset-button{border-color:var(--line);border-radius:3px;background:var(--bg-base);color:var(--text-secondary)}.preset-button.active{border-color:#768c47;color:var(--accent)}.font-preview,.typography-actions{border-color:var(--line);border-radius:4px;background:var(--bg-base);color:var(--text-secondary)}.run-feedback{border-color:#657d38;border-radius:4px;background:var(--bg-input)}.run-feedback.error{border-color:#783c37;background:var(--bg-input)}.run-feedback span,.run-feedback p{color:var(--muted)}.run-feedback.error p{color:var(--danger)}.history-entry-head{padding:9px 12px}.history-export-button{border-color:var(--line-strong);border-radius:3px;background:var(--bg-input);color:var(--text-secondary)}.history-export-button:hover,.result-image-link:hover,.history-image-link:hover{border-color:var(--accent);background:var(--bg-input)}.history-grid{padding:12px;border-top-color:var(--line);background:var(--bg-base);scroll-snap-type:x mandatory}.history-image-link{border-color:var(--line);border-radius:3px;background:var(--bg-base);scroll-snap-align:start}.history-image-link img{aspect-ratio:4 / 3;object-fit:contain}.preview-content img{border:1px solid #344036;border-radius:4px;box-shadow:none}.preview-close,.preview-nav{border-color:#4b564d;border-radius:4px;background:var(--bg-base)}.preview-close:hover,.preview-nav:hover{border-color:var(--accent);background:var(--bg-input);color:var(--accent)}@media (max-width: 980px){.hero-grid{grid-template-columns:1fr}.workspace-layout{grid-template-columns:300px minmax(0,1fr)}.page-header{align-items:flex-start}.header-actions,.top-nav{width:100%}}@media (max-width: 620px){.main-panel{padding:14px}.page{gap:12px}.page-header h2{font-size:18px}.header-actions,.upload-actions,.path-input-row,.editor-grid,.copy-fields{grid-template-columns:1fr}.slot-context-details summary{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;padding:8px 12px}.slot-context-action{padding-left:21px}.header-actions,.upload-actions{flex-direction:column;align-items:stretch}.top-nav{overflow-x:auto}.product-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-span-2{grid-column:span 1}.reference-current,.reference-current-multiple,.dimension-row,.exposure-mode-options{grid-template-columns:1fr}.exposure-mode-heading{display:grid;gap:3px}.dimension-row b{display:none}}::selection{background:#efb06f52;color:#fff}body::-webkit-scrollbar-track,.slot-column::-webkit-scrollbar-track,.editor-column::-webkit-scrollbar-track,.imported-list::-webkit-scrollbar-track,.history-grid::-webkit-scrollbar-track,.reference-picker::-webkit-scrollbar-track{background:var(--bg-base)}body::-webkit-scrollbar-thumb,.slot-column::-webkit-scrollbar-thumb,.editor-column::-webkit-scrollbar-thumb,.imported-list::-webkit-scrollbar-thumb,.history-grid::-webkit-scrollbar-thumb,.reference-picker::-webkit-scrollbar-thumb{border-color:#101416;background:#566269}.top-nav{border-color:#242d31;background:var(--bg-base)}.dropzone-inner,.imported-item,.product-image-card,.source-details,.history-entry,.slot-item-row,.composition-picker,.size-panel,.reference-panel,.result-panel{border-color:var(--line);background:var(--bg-input)}.dropzone-card.dragging .dropzone-inner{background:#efb06f0f}.upload-icon,.file-kind{border-color:#765632;background:var(--bg-surface);color:var(--accent)}.primary-button{background:var(--accent);color:var(--accent-ink)}.primary-button:hover:not(:disabled){background:var(--accent-strong)}.secondary-button{border-color:var(--line-strong);color:var(--text-secondary)}.secondary-button:hover:not(:disabled),.nav-item:hover,.slot-item-row:hover,.history-entry-toggle:hover{border-color:#5a666d;background:var(--bg-surface)}textarea:focus,select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #efb06f1f}select option{background:var(--bg-surface);color:var(--text)}.chip,.status-badge,.slot-group-actions>span,.history-badge,.match-confidence{border-color:var(--line);background:var(--bg-surface);color:var(--text-secondary)}.slot-group-actions button{border-color:var(--line-strong);background:var(--bg-surface);color:var(--text-secondary)}.slot-item-row.active,.preset-button.active{border-color:#9a7043}.parse-report,.match-banner{border-color:#3d7568;background:var(--bg-input)}.match-confidence{border-color:#3d7568;background:var(--bg-surface);color:var(--success)}.run-feedback{border-color:#8a6840;background:var(--bg-surface)}.run-feedback.error{border-color:#803e39;background:var(--bg-input)}.history-grid,.reference-option,.preset-button,.font-preview,.typography-actions{border-color:var(--line);background:var(--bg-input);color:var(--text-secondary)}.history-export-button{border-color:var(--line-strong);background:var(--bg-surface);color:var(--text-secondary)}.history-preview{background:#000000f0}.preview-content img,.preview-close,.preview-nav,.image-remove-button{border-color:var(--line-strong);background:var(--bg-surface);color:var(--text)}::selection{background:#7f8fc759;color:#fff}body::-webkit-scrollbar-track,.slot-column::-webkit-scrollbar-track,.editor-column::-webkit-scrollbar-track,.imported-list::-webkit-scrollbar-track,.history-grid::-webkit-scrollbar-track,.reference-picker::-webkit-scrollbar-track{background:var(--bg-input)}body::-webkit-scrollbar-thumb,.slot-column::-webkit-scrollbar-thumb,.editor-column::-webkit-scrollbar-thumb,.imported-list::-webkit-scrollbar-thumb,.history-grid::-webkit-scrollbar-thumb,.reference-picker::-webkit-scrollbar-thumb{border-color:#10131a;background:#485064}.top-nav{border-color:var(--line);background:var(--bg-base)}.nav-item.active{color:var(--accent)}.summary-card,.panel-card,.dropzone-card,.slot-column,.editor-card{border-color:var(--line);background:var(--surface)}.dropzone-inner,.imported-item,.product-image-card,.source-details,.history-entry,.slot-item-row,.composition-picker,.size-panel,.reference-panel,.result-panel{border-color:var(--line);background:var(--surface-raised)}.dropzone-card.dragging{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.dropzone-card.dragging .dropzone-inner{background:#7f8fc712}.upload-icon,.file-kind{border-color:#4a5369;background:var(--bg-surface);color:var(--accent)}.primary-button{background:var(--action);color:var(--action-ink);box-shadow:none;font-weight:700}.primary-button:hover:not(:disabled){background:var(--action-strong)}.primary-button:disabled{background:#363c4b;color:var(--muted)}.secondary-button{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text-secondary)}.secondary-button:hover:not(:disabled),.nav-item:hover,.slot-item-row:hover,.history-entry-toggle:hover{border-color:#4e586e;background:var(--bg-surface)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline-color:var(--accent)}textarea,select,input{border-color:var(--line);background:var(--surface-input);color:var(--text)}textarea:focus,select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7f8fc72e}select option{background:var(--surface);color:var(--text)}.chip,.status-badge,.slot-group-actions>span,.history-badge,.match-confidence{border-color:var(--line);background:var(--surface-raised);color:var(--text-secondary)}.slot-group.has-selection .slot-group-toggle small,.slot-item small,.section-label b,.source-details summary,.current-output-path code{color:var(--accent)}.slot-group-actions button{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text-secondary)}.slot-group-actions button:hover,.reference-option.active{border-color:var(--accent);color:var(--accent)}.slot-item-row.active,.preset-button.active{border-color:#6d5cae}.preset-button.active{color:var(--accent)}.slot-item span.matched,.file-info em,.parse-report span,.match-banner span{color:var(--success)}.parse-report,.match-banner{border-color:#5a6b33;background:var(--bg-input)}.match-confidence{border-color:#5a6b33;background:var(--bg-surface);color:var(--success)}.run-feedback{border-color:var(--warning);background:var(--bg-input)}.run-feedback.error{border-color:#7a423c;background:var(--bg-input)}.history-grid,.reference-option,.preset-button,.font-preview,.typography-actions{border-color:var(--line);background:var(--surface-input);color:var(--text-secondary)}.reference-option:hover,.preset-button:hover,.history-export-button:hover,.result-image-link:hover,.history-image-link:hover{border-color:var(--accent);background:var(--bg-surface)}.history-export-button{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text-secondary)}.card-title,.source-details p,.history-entry-title strong,.preview-meta{color:var(--text)}.slot-group-chevron,.file-info span,.file-info code,.history-entry-title span,.preview-meta span{color:var(--muted)}.text-button,.remove-button{color:var(--text-secondary)}.text-button:hover,.remove-button:hover{color:var(--danger)}.parse-report code,.parse-warning,.match-banner p,.source-details pre{color:var(--text-secondary)}.result-empty,.reference-empty{border-color:var(--line);background:var(--surface-input)}.composition-path b{color:#5a4f6e}.history-image-link span,.selected-reference-list .reference-image-wrap small{background:var(--bg-base);color:var(--text)}.selected-reference-list .reference-image-wrap small{color:var(--accent)}.history-preview{background:var(--bg-base)}.preview-content img,.preview-close,.preview-nav,.image-remove-button{border-color:var(--line-strong);background:var(--surface);color:var(--text)}.preview-close:hover,.preview-nav:hover{border-color:var(--accent);background:var(--bg-surface);color:var(--accent)}.image-remove-button:hover{background:#8f2d24}.product-image-card img,.result-image-link img,.reference-image-wrap img{background:var(--bg-base)}.home-header{align-items:center;min-height:48px;padding-bottom:4px}.brand-mark,.home-nav,.composer-footer{display:flex;align-items:center}.brand-mark{gap:9px;color:var(--text);font-size:13px;font-weight:800;letter-spacing:.14em}.brand-glyph{display:grid;width:24px;height:24px;place-items:center;border:1px solid #62548e;border-radius:7px;color:var(--accent);font-size:15px}.home-nav{gap:18px}.home-status{color:var(--success);font-size:11px}.creation-hero{display:grid;justify-items:center;align-content:center;max-width:940px;min-height:calc(100vh - 180px);margin:20px auto 36px;padding:clamp(28px,5vh,64px) 0;text-align:center}.creation-hero .eyebrow{margin-bottom:16px;color:var(--accent)}.creation-hero h2{margin:0;color:var(--text);font-size:clamp(34px,3.8vw,56px);line-height:1.12;letter-spacing:0}.creation-subtitle{max-width:680px;margin:18px 0 30px;color:var(--text-secondary);font-size:15px;line-height:1.7}.creation-composer{width:min(820px,100%);padding:14px 16px 12px;border:1px solid var(--line-strong);border-radius:18px;background:var(--bg-input);box-shadow:0 24px 64px #00000052,0 0 0 5px #7f8fc70a;text-align:left;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.creation-composer.dragging{border-color:var(--accent);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--accent),0 0 0 5px #7f8fc71c}.creation-composer textarea{width:100%;min-height:58px;resize:vertical;border:0;background:transparent;box-shadow:none;color:var(--text);font-size:14px}.creation-composer textarea:focus{border:0;box-shadow:none}.creation-composer textarea::placeholder{color:var(--muted)}.composer-footer{justify-content:space-between;gap:16px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.composer-actions{display:flex;align-items:center;gap:8px}.icon-button{display:grid;width:30px;height:30px;padding:0;place-items:center;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-surface);color:var(--accent)}.primary-button,.secondary-button,.slot-group-actions button,.slot-delete-button,.nav-item{display:inline-flex;align-items:center;justify-content:center;gap:6px}.workspace-section{margin-top:14px;padding:14px 12px 12px;border:1px solid rgba(127,143,199,.16);border-radius:8px;background:var(--bg-input)}.workspace-head,.workspace-active,.workspace-actions,.workspace-item{display:flex;align-items:center}.workspace-head{justify-content:space-between;gap:10px}.workspace-head .muted-text{margin:3px 0 0;font-size:11px}.workspace-new-button,.workspace-actions button{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.workspace-new-button:hover,.workspace-actions button:hover{border-color:var(--accent);color:var(--ink)}.workspace-active{flex-wrap:wrap;gap:5px 8px;margin-top:10px}.workspace-active strong{max-width:175px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.workspace-active>span{color:var(--muted);font-size:10px}.workspace-actions{gap:4px;margin-left:auto}.workspace-actions button{width:24px;height:24px}.workspace-list{display:grid;gap:4px;margin-top:9px}.workspace-list .muted-text{margin:3px 0;font-size:11px}.workspace-item{width:100%;min-height:30px;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.workspace-item span{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.workspace-item small{flex:0 0 auto;font-size:10px}.workspace-item:hover,.workspace-item.active{border-color:color-mix(in srgb,var(--accent) 44%,var(--line));color:var(--ink)}.slot-group-chevron{display:grid;place-items:center;width:18px;height:18px;color:var(--muted);font-size:0;transition:transform .16s ease}.slot-group-chevron.expanded{transform:rotate(180deg)}.composer-assets-head>span{display:inline-flex;align-items:center;gap:5px}.icon-button:hover{border-color:var(--accent);background:var(--bg-surface)}.composer-parse-report{display:grid;gap:3px;margin:8px 0;padding:8px 10px;border:1px solid rgba(195,221,114,.28);border-radius:8px;background:#c3dd720f;color:var(--success);font-size:11px}.composer-parse-report span{color:var(--muted)}.composer-assets{margin:8px 0;padding:8px 0 2px;border-top:1px solid var(--line)}.composer-assets-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:var(--text-secondary);font-size:11px}.composer-assets-head>div{display:flex;gap:8px}.composer-asset-list{display:flex;flex-wrap:wrap;gap:7px}.composer-asset{position:relative;display:flex;width:92px;height:76px;flex-direction:column;align-items:stretch;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--bg-input)}.composer-asset img,.composer-file-icon{display:grid;width:100%;height:50px;flex:0 0 50px;place-items:center;object-fit:cover;background:var(--bg-surface);color:var(--accent);font-size:22px}.composer-asset-name{overflow:hidden;padding:5px 20px 4px 6px;color:var(--text-secondary);font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.composer-asset>button{position:absolute;top:3px;right:3px;display:grid;width:18px;height:18px;padding:0;place-items:center;border:0;border-radius:50%;background:var(--bg-base);color:var(--text-secondary);font-size:14px}.composer-asset>button:hover{color:var(--text)}.composer-footer .primary-button{min-width:112px;padding:9px 16px;border-radius:9px}@media (max-width: 980px){.creation-hero{min-height:calc(100vh - 150px);margin:8px auto 28px;padding:28px 0 20px}}@media (max-width: 640px){.home-header{align-items:flex-start;gap:12px}.home-nav{align-items:flex-end;flex-direction:column;gap:7px}.creation-hero{min-height:auto;margin:12px auto 22px;padding:20px 0 12px}.creation-hero h2{font-size:30px}.composer-footer{align-items:flex-start;flex-direction:column}.composer-actions,.composer-footer .primary-button{width:100%}.composer-actions .primary-button{flex:1}}.skills-page{width:min(1180px,calc(100% - 48px));height:100%;margin:0 auto;padding:52px 0 72px;overflow-x:hidden;overflow-y:auto;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;scrollbar-gutter:stable}.skills-hero{grid-column:1 / -1;margin-bottom:20px}.skills-hero h2{margin:8px 0 10px;color:#f4f6fb;font-size:clamp(30px,4vw,46px);letter-spacing:-.04em}.skills-hero>p:last-child{margin:0;color:#8f98aa;font-size:14px}.skill-department{overflow:hidden;border:1px solid rgba(151,166,196,.18);border-radius:16px;background:var(--bg-input);box-shadow:0 24px 70px #03050a42,inset 0 1px #ffffff09}.skill-department-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(151,166,196,.12)}.skill-department-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(195,221,114,.24);border-radius:11px;color:var(--accent-lime);background:#c3dd7212}.skill-department-head span,.skill-department-head small{color:#838da0;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.skill-department-head h3{margin:3px 0 0;color:#e9edf5;font-size:15px}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px}.skill-card{display:grid;grid-template-columns:126px minmax(0,1fr);min-height:190px;padding:0;overflow:hidden;border:1px solid rgba(151,166,196,.17);border-radius:13px;color:inherit;text-align:left;background:var(--bg-base);cursor:pointer;transition:transform .17s ease,border-color .17s ease,background .17s ease}.skill-card:hover,.skill-card:focus-visible{transform:translateY(-2px);border-color:#c3dd727a;outline:none;background:var(--bg-input)}.skill-card-visual{display:grid;align-content:center;justify-items:center;gap:12px;color:var(--accent-lime);background:linear-gradient(145deg,rgba(195,221,114,.1),transparent 54%),linear-gradient(rgba(151,166,196,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(151,166,196,.05) 1px,transparent 1px),#141925;background-size:auto,18px 18px,18px 18px,auto}.skill-card-visual span{color:#8f99ac;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.skill-card-copy{display:flex;min-width:0;padding:20px;flex-direction:column}.skill-card-copy>div{display:flex;align-items:center;justify-content:space-between}.skill-card-tag,.skill-card-status{color:#8c96a9;font-size:9px;font-weight:700}.skill-card-status{color:var(--accent-lime)}.skill-card-copy h4{margin:16px 0 8px;color:#f2f4f8;font-size:17px}.skill-card-copy p{margin:0;color:#8d96a7;font-size:11px;line-height:1.65}.skill-card-enter{display:inline-flex;align-items:center;gap:5px;margin-top:auto;color:var(--accent-lime);font-size:10px;font-weight:750}@media (max-width: 640px){.skills-page{width:min(100% - 28px,1180px);padding-top:38px}.skill-grid{grid-template-columns:1fr;padding:14px}.skill-card{grid-template-columns:88px minmax(0,1fr)}}.skill-department-icon.ops{color:#6ea8ff;border-color:#6ea8ff42;background:#6ea8ff14}.skill-card-visual.ops{color:#6ea8ff;background:linear-gradient(145deg,rgba(110,168,255,.1),transparent 54%),linear-gradient(rgba(151,166,196,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(151,166,196,.05) 1px,transparent 1px),#141925}.skill-department-icon.inv{color:#f2a65a;border-color:#f2a65a42;background:#f2a65a14}.skill-card-visual.inv{color:#f2a65a;background:linear-gradient(145deg,rgba(242,166,90,.1),transparent 54%),linear-gradient(rgba(151,166,196,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(151,166,196,.05) 1px,transparent 1px),#141925}.skills-directory-page{width:min(1380px,calc(100% - 40px));margin:0 auto;padding:28px 0 48px;display:grid;grid-template-columns:248px minmax(0,1fr);gap:28px;align-items:start}.skills-sidebar{position:sticky;top:84px;min-height:calc(100vh - 116px);padding:18px 14px;border:1px solid rgba(159,181,201,.14);border-radius:8px;background:var(--bg-input);box-shadow:0 18px 44px #0000002e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.skills-sidebar-heading{padding:2px 8px 18px;border-bottom:1px solid rgba(159,181,201,.12)}.skills-sidebar-heading span,.skills-section-heading span,.skill-directory-meta{display:block;color:#82909d;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.skills-sidebar-heading strong{display:block;margin-top:5px;color:#f2f5f7;font-size:1rem}.department-nav{display:grid;gap:5px;margin-top:14px}.department-nav-item{width:100%;min-height:58px;padding:8px 9px;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;gap:10px;align-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#9ba8b3;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.department-nav-item:hover{background:#ffffff09;color:#e5ebef}.department-nav-item.active{border-color:#c3dd726b;color:#f5f8fa}.department-nav-item>span:nth-child(2){min-width:0}.department-nav-item strong,.department-nav-item small{display:block}.department-nav-item strong{font-size:.82rem}.department-nav-item small{margin-top:3px;color:#71808d;font-size:.68rem}.department-nav-item>svg{color:#64717c}.department-nav-item.active>svg{color:var(--accent-lime)}.department-nav-icon,.skills-directory-title-icon,.skill-directory-icon{display:grid;place-items:center;color:var(--accent-lime);border:1px solid var(--accent-lime-dim);background:#c3dd7212}.department-nav-icon{width:36px;height:36px;border-radius:6px}.department-nav-icon.ops,.skills-directory-title-icon.ops,.skill-directory-icon.ops{color:#82b8d2;border-color:#82b8d233;background:#82b8d213}.department-nav-icon.inv,.skills-directory-title-icon.inv,.skill-directory-icon.inv{color:#e2bd71;border-color:#e2bd7133;background:#e2bd7113}.department-nav-icon.visual,.skills-directory-title-icon.visual,.skill-directory-icon.visual{color:#b6a0d4;border-color:#b6a0d433;background:#b6a0d413}.skills-sidebar-note{margin:24px 8px 4px;padding-top:16px;border-top:1px solid rgba(159,181,201,.12)}.skills-sidebar-note span,.skills-sidebar-note strong,.skills-sidebar-note small{display:block}.skills-sidebar-note span{color:#788793;font-size:.68rem}.skills-sidebar-note strong{margin-top:5px;color:#dfe6eb;font-size:.82rem}.skills-sidebar-note small{margin-top:4px;color:#687681;font-size:.66rem;line-height:1.5}.skills-directory-content{min-width:0}.skills-directory-header{min-height:126px;padding:24px 26px;display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid rgba(159,181,201,.15);background:linear-gradient(100deg,#1f2932b8,#171e2557)}.skills-directory-title-icon{width:44px;height:44px;flex:0 0 auto;border-radius:7px}.skills-directory-header .eyebrow{margin:0 0 5px}.skills-directory-header h2{margin:0;color:#f5f7f9;font-size:clamp(1.55rem,2.2vw,2.15rem)}.skills-directory-header p:last-child{max-width:720px;margin:9px 0 0;color:#8f9ca7;font-size:.86rem;line-height:1.65}.featured-skills,.all-skills{padding:24px 0 0}.skills-section-heading{min-height:38px;display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.skills-section-heading h3{margin:3px 0 0;color:#eaf0f3;font-size:1rem}.skills-section-heading>small{color:#687681;font-size:.7rem}.featured-skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skill-directory-item{width:100%;min-height:102px;padding:15px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:13px;align-items:start;border:1px solid rgba(159,181,201,.13);border-radius:7px;background:var(--bg-input);color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.skill-directory-item:hover{border-color:#c3dd726b;background:var(--bg-surface);transform:translateY(-1px)}.skill-directory-item.compact{min-height:78px;padding:13px;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center}.skill-directory-icon{width:40px;height:40px;border-radius:6px}.compact .skill-directory-icon{width:36px;height:36px}.skill-directory-copy{min-width:0}.skill-directory-copy strong,.skill-directory-copy small{display:block}.skill-directory-copy strong{margin-top:4px;color:#e9eef1;font-size:.84rem;line-height:1.4}.skill-directory-copy small{margin-top:5px;color:#7d8b96;font-size:.71rem;line-height:1.5}.skill-directory-arrow{align-self:center;color:#62707b;transition:color .16s ease,transform .16s ease}.skill-directory-item:hover .skill-directory-arrow{color:var(--accent-lime);transform:translate(2px)}.skill-directory-groups{display:grid;gap:16px}.skill-directory-group{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:start}.skill-directory-group-head{padding:13px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(159,181,201,.15);color:#b8c2c9;font-size:.76rem;font-weight:800}.skill-directory-group-head small{min-width:22px;padding:2px 6px;border-radius:4px;background:#ffffff0b;color:#73818c;text-align:center}.skill-directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width: 980px){.skills-directory-page{width:min(100% - 28px,900px);grid-template-columns:1fr;gap:16px;padding-top:18px}.skills-sidebar{position:static;min-height:auto;padding:12px}.skills-sidebar-heading,.skills-sidebar-note{display:none}.department-nav{grid-template-columns:repeat(4,minmax(128px,1fr));overflow-x:auto;margin:0;padding-bottom:3px}.department-nav-item{min-width:128px}.department-nav-item>svg{display:none}.featured-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-directory-group{grid-template-columns:1fr;gap:7px}.skill-directory-group-head{padding:8px 0}}@media (max-width: 640px){.skills-directory-page{width:min(100% - 20px,620px)}.skills-directory-header{min-height:0;padding:20px 16px}.skills-directory-header h2{font-size:1.5rem}.featured-skills,.all-skills{padding-top:20px}.featured-skills-grid,.skill-directory-list{grid-template-columns:1fr}.skills-section-heading>small{display:none}.skill-directory-item{min-height:94px}}.skills-directory-page{width:min(1480px,calc(100% - 56px));height:calc(100vh - 76px);padding:14px 0;display:flex;flex-direction:column;overflow:hidden}.department-top-nav{min-height:52px;padding:5px 12px 5px 16px;display:flex;align-items:center;gap:16px;border:1px solid rgba(159,181,201,.14);border-radius:10px;background:var(--bg-input);box-shadow:0 14px 36px #00000029}.department-top-label{flex:0 0 auto;color:#f0f3f5;font-size:.92rem;font-weight:800}.department-top-list{min-width:0;flex:1;display:flex;align-items:stretch;gap:4px;overflow-x:auto}.department-top-item{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#84939e;white-space:nowrap;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.department-top-item:hover{color:#eaf0f3;background:#ffffff0a}.department-top-item.active{border-bottom-color:var(--accent-lime);color:#f6f8f9}.department-top-item small{min-width:16px;padding:1px 4px;border-radius:8px;background:var(--border-default);color:#82909d;font-size:.6rem}.department-top-item.active small{background:var(--accent-lime-dim);color:var(--accent-lime)}.department-top-permission{flex:0 0 auto;color:#687782;font-size:.68rem;white-space:nowrap}.skills-directory-content{min-height:0;flex:1;margin-top:12px;display:flex;flex-direction:column}.skills-directory-header{min-height:92px;padding:16px 24px;border:1px solid rgba(159,181,201,.13);border-radius:10px;background:linear-gradient(110deg,#1d252fd9,#14182394)}.skills-directory-summary{margin-left:auto;min-width:86px;padding-left:20px;border-left:1px solid rgba(159,181,201,.16);text-align:center}.skills-directory-summary strong,.skills-directory-summary span{display:block}.skills-directory-summary strong{color:var(--accent-lime);font-size:1.5rem;line-height:1}.skills-directory-summary span{margin-top:5px;color:#87949d;font-size:.66rem}.all-skills{min-height:0;flex:1;padding-top:14px;display:flex;flex-direction:column}.skills-directory-page .skill-directory-groups{min-height:0;flex:1;display:flex;gap:14px}.skills-directory-page .skill-directory-group{display:block;min-width:0;flex:1}.skills-directory-page .skill-directory-group-head{padding:0 0 8px;border-top:0}.skills-department-operations .operations-skill-group{display:flex}.skills-department-operations .operations-skill-group .skill-directory-list{width:100%;align-items:stretch}.skills-department-operations .operations-skill-group .skill-directory-item{min-height:0;height:100%}.skills-directory-page .skill-directory-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skills-directory-page .skill-directory-item{min-height:156px;padding:17px;grid-template-columns:38px minmax(0,1fr) 16px;gap:12px;border-radius:8px;background:var(--bg-input)}.skills-directory-page .skill-directory-icon{width:38px;height:38px;border-radius:7px}.skills-directory-page .skill-directory-copy strong{margin-top:4px;font-size:.9rem;line-height:1.4}.skills-directory-page .skill-directory-copy small{margin-top:7px;font-size:.7rem;line-height:1.5}.skills-directory-page .skill-directory-arrow{margin-top:2px}.skills-department-operations .skill-directory-list{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 980px),(max-height: 720px){.skills-directory-page{width:min(100% - 28px,900px);height:auto;min-height:calc(100vh - 96px);padding-bottom:42px;overflow:visible}.skills-directory-content,.all-skills,.skills-directory-page .skill-directory-groups,.skills-department-operations .operations-skill-group{display:block}.skills-department-operations .operations-skill-group .skill-directory-item{height:auto;min-height:156px}.department-top-nav{gap:12px}.department-top-label,.department-top-permission{display:none}.skills-directory-page .skill-directory-list,.skills-department-operations .skill-directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.skills-directory-page{width:calc(100% - 20px);padding-top:10px}.department-top-nav{padding:6px 8px;border-radius:8px}.department-top-list{gap:0}.department-top-item{min-width:120px;padding:0 12px}.skills-directory-header{min-height:0;padding:22px 18px}.skills-directory-summary{display:none}.skills-directory-page .skill-directory-list,.skills-department-operations .skill-directory-list{grid-template-columns:1fr}.skills-directory-page .skill-directory-item{min-height:170px;padding:18px}}.operations-tool-page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:40px 0 96px}.skill-page-head,.skill-page-department,.operations-tool-hero,.operations-tool-icon,.section-label>span,.operations-dimensions button,.operations-generate-button,.operations-specialist-link{display:flex;align-items:center}.skill-page-head{justify-content:space-between;gap:16px;margin-bottom:24px}.skill-page-department{gap:7px;color:#8d96a7;font-size:12px}.operations-tool-hero{align-items:flex-start;gap:16px;padding-bottom:28px}.operations-tool-icon{justify-content:center;flex:0 0 48px;height:48px;border:1px solid rgba(110,168,255,.28);border-radius:8px;color:#6ea8ff;background:#6ea8ff14}.operations-tool-hero h2{margin:4px 0 8px;color:#f2f5fa;font-size:clamp(24px,3vw,34px);letter-spacing:0}.operations-tool-hero p:last-child{max-width:720px;margin:0;color:#929cad;font-size:13px;line-height:1.7}.operations-tool-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:18px}.operations-tool-config,.operations-action-panel{min-width:0;padding:20px;border:1px solid rgba(151,166,196,.16);border-radius:8px;background:var(--bg-input)}.section-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-label>span{gap:8px;color:#eef2f8;font-size:13px;font-weight:750}.section-label b{color:#7f8999;font-size:10px;font-weight:650}.operations-tool-fields{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:14px}.operations-tool-fields textarea{min-height:104px;resize:vertical}.operations-dimensions{margin-top:18px}.operations-dimensions>span{display:block;margin-bottom:9px;color:#8d96a7;font-size:11px;font-weight:700}.operations-dimensions>div{display:flex;flex-wrap:wrap;gap:8px}.operations-dimensions button{justify-content:center;min-height:32px;gap:5px;padding:6px 10px;border:1px solid rgba(151,166,196,.17);border-radius:6px;color:#929cad;font-size:11px;background:var(--bg-input);cursor:pointer}.operations-dimensions button.active{border-color:#c3dd7285;color:#dce9b7}.operations-generate-button{justify-content:center;width:100%;margin-top:20px}.operations-specialist-link{justify-content:center;gap:6px;width:100%;margin-top:12px}.operations-task-context{display:grid;gap:7px;padding:13px;border-left:2px solid #6ea8ff;background:#6ea8ff0d}.operations-task-context span,.operations-task-context small{color:#7f8999;font-size:10px}.operations-task-context strong{overflow-wrap:anywhere;color:#dce3ee;font-size:12px;line-height:1.55}.operations-action-list{display:grid;gap:8px;margin-top:14px}.operations-action-list button{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;min-height:52px;padding:9px 11px;border:1px solid rgba(151,166,196,.13);border-radius:7px;text-align:left;color:#bdc5d2;background:var(--bg-input);cursor:pointer}.operations-action-list button>span{color:#6ea8ff;font-size:10px;font-weight:800}.operations-action-list button strong{font-size:11px;line-height:1.5}.operations-action-list button.is-complete{border-color:#c3dd7259;color:#8c957a;background:#c3dd720a}.operations-action-list button.is-complete>span{color:var(--accent-lime)}.operations-empty-state{display:grid;place-items:center;min-height:276px;padding:30px;text-align:center;color:#5f6979}.operations-empty-state strong{margin-top:12px;color:#a9b2c0;font-size:13px}.operations-empty-state p{max-width:260px;margin:7px 0 0;font-size:11px;line-height:1.6}@media (max-width: 820px){.operations-tool-layout{grid-template-columns:1fr}}@media (max-width: 560px){.operations-tool-page{width:min(100% - 28px,1180px);padding-top:28px}.operations-tool-fields{grid-template-columns:1fr}.skill-page-head{align-items:flex-start}}.operations-tool-page{width:min(1480px,calc(100% - 56px));height:calc(100vh - 76px);margin:0 auto;padding:14px 0;display:grid;grid-template-rows:44px 88px minmax(0,1fr);gap:10px;overflow:hidden}.operations-tool-page .skill-page-head{min-height:44px;margin:0;padding:0 4px;align-items:center}.operations-tool-page .skill-page-head .secondary-button{min-height:34px;padding:6px 11px}.operations-tool-page .operations-tool-hero{min-width:0;height:88px;padding:14px 18px;align-items:center;gap:13px;border:1px solid rgba(151,166,196,.14);border-radius:9px;background:linear-gradient(110deg,#1b222de0,#11151eb8)}.operations-tool-page .operations-tool-icon{flex-basis:42px;height:42px;border-radius:7px}.operations-tool-intro{min-width:0;flex:1}.operations-tool-page .operations-tool-hero h2{margin:2px 0 4px;font-size:clamp(18px,1.7vw,24px)}.operations-tool-page .operations-tool-hero p:last-child{max-width:680px;overflow:hidden;color:#8c97a7;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.operations-tool-flow{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(151,166,196,.12);border-radius:7px;color:#778391;background:var(--bg-base);font-size:10px;white-space:nowrap}.operations-tool-flow span:first-child{color:#dce9b7}.operations-tool-flow svg{color:#4f5966}.operations-tool-page .operations-tool-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:12px}.operations-tool-page .operations-tool-config,.operations-tool-page .operations-action-panel{min-height:0;padding:16px;border-radius:9px;display:flex;flex-direction:column;overflow:hidden}.operations-tool-page .section-label{flex:0 0 auto;margin-bottom:12px}.operations-tool-page .operations-tool-fields{grid-template-columns:minmax(0,1fr) 150px;gap:10px}.operations-tool-page .operations-tool-fields textarea{min-height:76px;max-height:96px;resize:none}.operations-tool-page .operations-dimensions{margin-top:12px}.operations-tool-page .operations-dimensions>span{margin-bottom:7px}.operations-tool-page .operations-dimensions>div{gap:6px}.operations-tool-page .operations-dimensions button{min-height:29px;padding:5px 9px}.operations-tool-page .operations-generate-button{min-height:38px;margin-top:auto}.operations-tool-page .operations-specialist-link{margin-top:7px}.market-research-result{min-height:0;max-height:220px;margin-top:10px;padding:10px 12px;overflow:auto;border:1px solid rgba(110,168,255,.16);border-radius:7px;background:#6ea8ff0b}.market-research-result .section-label{margin-bottom:7px}.market-research-result pre{margin:0;color:#aebbd0;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.market-research-error{margin:0;color:#e2a39b;font-size:10px;line-height:1.5}.market-handoff-button{margin-top:9px;color:#b8cff1}.operations-tool-page .operations-task-context{flex:0 0 auto;padding:10px 12px}.operations-tool-page .operations-action-list{min-height:0;flex:1;align-content:start;gap:6px;margin-top:10px}.operations-tool-page .operations-action-list button{min-height:42px;padding:7px 10px;grid-template-columns:28px minmax(0,1fr)}.operations-tool-page .operations-empty-state{min-height:0;flex:1;padding:20px;align-content:center}.operations-tool-page .operations-empty-state svg{color:#6ea8ff;opacity:.72}@media (max-width: 900px),(max-height: 720px){.operations-tool-page{width:min(100% - 28px,1180px);height:auto;min-height:calc(100vh - 76px);padding:14px 0 48px;display:block;overflow:visible}.operations-tool-page .skill-page-head{margin-bottom:10px}.operations-tool-page .operations-tool-hero{height:auto;min-height:88px;margin-bottom:10px}.operations-tool-flow{display:none}.operations-tool-page .operations-tool-layout{grid-template-columns:1fr}.operations-tool-page .operations-tool-config,.operations-tool-page .operations-action-panel{overflow:visible}.operations-tool-page .operations-action-panel{margin-top:10px}}@media (max-width: 560px){.operations-tool-page{width:calc(100% - 20px)}.operations-tool-page .operations-tool-hero{padding:13px}.operations-tool-page .operations-tool-hero p:last-child{white-space:normal}.operations-tool-page .operations-tool-fields{grid-template-columns:1fr}}.product-repair-page{width:100%;min-width:0;margin:0;padding:0;overflow-x:auto}.product-repair-layout{display:grid;grid-template-columns:380px minmax(720px,1fr);gap:0;align-items:stretch;min-width:1100px;transition:grid-template-columns .18s ease}.product-repair-layout.controls-collapsed{grid-template-columns:48px minmax(720px,1fr)}.product-repair-controls,.product-repair-canvas-panel{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-input);box-shadow:none}.product-repair-controls{display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:sticky;top:64px;align-self:start;height:calc(100dvh - 64px);min-height:0;overflow:hidden;border-right:1px solid var(--line)}.repair-controls-header{min-height:52px;padding:8px 10px 8px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:var(--bg-base)}.repair-controls-title{min-width:0;display:grid;gap:2px}.repair-controls-title .eyebrow{color:var(--muted);font-size:9px;text-transform:uppercase}.repair-controls-title strong{color:var(--text);font-size:13px}.repair-controls-collapse{flex:0 0 auto}.repair-step-list{min-height:0;display:grid;grid-template-rows:auto auto auto;align-content:start;overflow:hidden}.repair-control-section{min-height:0;display:grid;align-content:start;overflow:hidden;border-bottom:1px solid var(--line)}.repair-section-toggle{width:100%;min-height:46px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:0;background:var(--bg-input);color:var(--text-secondary);cursor:pointer}.repair-section-toggle>span{min-width:0;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.repair-step-index{width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);font-size:10px}.repair-section-toggle>svg{flex:0 0 auto;color:var(--muted);transition:transform .16s ease}.repair-control-section.active .repair-section-toggle{color:var(--accent);background:#c3dd720b}.repair-control-section.active .repair-step-index{border-color:var(--accent);color:var(--accent)}.repair-control-section.active .repair-section-toggle>svg{color:var(--accent);transform:rotate(180deg)}.repair-section-content{display:none;min-height:0;padding:12px 16px 16px;overflow:hidden}.repair-control-section.active{min-height:0}.repair-control-section.active .repair-section-content{display:grid;align-content:start;gap:12px}.repair-controls-footer{padding:12px 18px 16px;display:grid;gap:8px;border-top:1px solid var(--line);background:var(--bg-base)}.controls-collapsed .repair-controls-header{padding:8px;justify-content:center}.controls-collapsed .repair-controls-title,.controls-collapsed .repair-step-list,.controls-collapsed .repair-controls-footer{display:none}.repair-controls-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.repair-controls-progress span{height:3px;border-radius:2px;background:var(--bg-surface)}.repair-controls-progress span.ready{background:var(--accent)}.repair-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.repair-asset-item{display:grid;gap:8px;min-width:0}.repair-asset-title{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-secondary);font-size:12px}.repair-asset-title svg{flex:0 0 auto;color:var(--accent)}.repair-asset-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repair-upload{min-width:0;min-height:78px;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;color:var(--muted);border:1px dashed var(--line-strong);background:#ffffff05;cursor:pointer}.repair-upload>span{min-width:0;display:grid;gap:3px}.repair-upload:not(.has-file){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.repair-upload:hover,.repair-upload.has-file{border-color:#c3dd7294;background:#c3dd720e;color:var(--accent)}.repair-upload.has-file{display:grid;grid-template-columns:1fr auto;grid-template-rows:minmax(92px,1fr) auto;align-items:center;gap:7px 8px;min-height:150px;padding:8px}.repair-upload-thumb{grid-column:1 / -1;width:100%;height:92px;object-fit:contain;border:1px solid var(--divider-strong);background:var(--bg-base)}.repair-reference-stack{grid-column:1 / -1;width:100%;height:92px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;overflow:hidden;background:var(--bg-base)}.repair-reference-stack img{width:100%;height:92px;object-fit:contain;min-width:0;border:1px solid var(--divider-strong)}.repair-reference-stack span{display:grid;place-items:center;color:var(--accent);font-size:12px}.repair-reference-list{display:grid;gap:5px;max-height:178px;overflow:auto}.repair-reference-row{display:grid;grid-template-columns:32px minmax(92px,1fr);align-items:center;gap:6px;min-width:0}.repair-reference-row img{width:32px;height:32px;object-fit:contain;border:1px solid var(--line-strong);background:var(--bg-base)}.repair-reference-row select{min-width:0;padding:6px 7px;border:1px solid var(--line-strong);border-radius:4px;color:var(--text);background:var(--bg-base);font:inherit;font-size:10px}.repair-reference-row small{grid-column:2;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.repair-upload-meta{min-width:0;display:grid;gap:2px}.repair-upload-check{color:var(--accent);flex:0 0 auto}.repair-upload strong,.repair-upload small{overflow:hidden;text-overflow:ellipsis}.repair-upload strong{color:var(--text);font-size:12px}.repair-upload small{color:var(--muted);font-size:11px;line-height:1.35}.repair-upload:not(.has-file) strong,.repair-upload:not(.has-file) small{white-space:normal}.repair-toggle{display:flex;align-items:center;gap:9px;color:var(--text-secondary);font-size:12px;cursor:pointer}.repair-toggle input{width:15px;height:15px;accent-color:var(--accent)}.repair-range{display:grid;gap:7px}.repair-range span{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.repair-range b{color:var(--text-secondary);font-weight:600}.repair-range input{width:100%;accent-color:var(--accent)}.repair-reset,.repair-export{width:100%;justify-content:center}.repair-export{margin:0}.product-repair-canvas-panel{min-width:0}.repair-canvas-toolbar,.repair-canvas-hint{min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary);border-bottom:1px solid var(--line);font-size:12px}.repair-canvas-toolbar span,.repair-canvas-hint{display:flex;align-items:center;gap:8px}.repair-canvas-toolbar small{color:var(--muted)}.repair-stage-wrap{min-height:620px;padding:28px;display:grid;place-items:center;overflow:auto;background-color:var(--bg-base);background-image:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.025) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.repair-stage{position:relative;width:min(100%,980px);max-height:72vh;overflow:hidden;box-shadow:0 18px 50px #00000061;touch-action:none;-webkit-user-select:none;user-select:none}.repair-base-image{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none}.repair-product-layer{position:absolute;height:auto;cursor:move;transform-origin:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.22))}.repair-product-layer.remove-white-preview{mix-blend-mode:multiply}.repair-empty-stage{min-height:280px;width:min(560px,100%);display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);border:1px dashed var(--line-strong);background:#ffffff05;cursor:pointer}.repair-empty-stage:hover{color:var(--accent);border-color:#c3dd7294}.repair-empty-stage strong{color:var(--text);font-size:14px}.repair-empty-stage span{font-size:12px}.repair-canvas-hint{justify-content:flex-start;border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}.repair-canvas-hint.is-error{color:#e7a1a1;background:#be48480f}.repair-settings{gap:13px}.repair-mask-section{gap:10px}.product-cutout-panel{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #202a36}.product-cutout-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-cutout-header>span{display:inline-flex;align-items:center;gap:7px;color:#c5ceda;font-size:12px;font-weight:700}.product-cutout-header>span svg{color:var(--accent-lime)}.product-cutout-header button{width:30px;height:30px;border:1px solid #344152;border-radius:5px;background:var(--bg-input);color:#a9b5c5;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.product-cutout-header button:hover:not(:disabled){border-color:var(--accent-lime);color:var(--accent-lime)}.product-cutout-header button:disabled{opacity:.5;cursor:not-allowed}.product-cutout-preview{position:relative;width:min(100%,260px);max-height:260px;overflow:hidden;border:1px solid #303b49;border-radius:6px;background-color:var(--bg-input);background-image:linear-gradient(45deg,#1c2632 25%,transparent 25%),linear-gradient(-45deg,#1c2632 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c2632 75%),linear-gradient(-45deg,transparent 75%,#1c2632 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.product-cutout-preview img{width:100%;height:100%;display:block;object-fit:contain}.product-cutout-preview>div{width:100%;height:100%;min-height:150px;display:grid;place-content:center;justify-items:center;gap:8px;color:#738196;font-size:11px}.repair-mask-editor{display:grid;gap:9px}.repair-mask-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.repair-mask-modes{display:inline-flex;border:1px solid #344253;border-radius:6px;overflow:hidden}.repair-mask-modes button{min-height:30px;padding:0 9px;border:0;border-right:1px solid #344253;border-radius:0;background:var(--bg-input);color:#9daabd;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.repair-mask-modes button:last-child{border-right:0}.repair-mask-modes button:hover,.repair-mask-modes button.active{color:#dce9ba}.repair-mask-toolbar>label{display:grid;grid-template-columns:auto minmax(80px,1fr) 42px;align-items:center;gap:7px;color:#8f9daf;font-size:12px;flex:1;min-width:180px}.repair-mask-toolbar input,.repair-feather-field input{accent-color:var(--accent-lime);min-width:0}.repair-mask-toolbar small,.repair-feather-field em{color:var(--accent-lime);font-size:11px;font-style:normal;text-align:right}.repair-mask-canvas{position:relative;width:min(100%,calc(38dvh * var(--repair-image-ratio, 1.3333)));max-height:38dvh;justify-self:center;overflow:hidden;border:1px solid #344253;border-radius:6px;background:var(--bg-input);touch-action:none}.repair-mask-canvas img,.repair-mask-canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.repair-mask-canvas canvas{cursor:crosshair;opacity:.58}.repair-mask-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#657386;font-size:12px}.repair-mask-state{min-height:28px;padding:5px 8px;border:1px solid #473f33;border-radius:5px;background:#e6b85c0f;color:#c5a86e;display:flex;align-items:center;gap:6px;font-size:11px}.repair-mask-state.ready{border-color:#445138;background:#c3dd720f;color:var(--accent-lime)}.repair-mask-state.is-error{border-color:#663f43;background:#be484812;color:#e7a1a1}.repair-feather-field{grid-template-columns:auto minmax(100px,1fr) 40px;align-items:center}.repair-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.repair-matting-settings{display:grid;gap:11px;padding:11px;border:1px solid var(--line);border-left:2px solid var(--accent);background:#c3dd7209}.repair-field{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:11px}.repair-field select,.repair-field textarea,.repair-field input{width:100%;padding:10px 11px;border:1px solid var(--line-strong);border-radius:5px;color:var(--text);background:var(--bg-base);font:inherit;resize:vertical}.repair-field select:focus,.repair-field textarea:focus,.repair-field input:focus{outline:none;border-color:var(--accent)}.repair-toggle{grid-template-columns:1fr auto;align-items:center;padding:10px 11px;border:1px solid var(--line);background:#ffffff05}.repair-toggle>em{grid-column:1 / -1;font-style:normal;color:var(--muted);font-size:10px;line-height:1.4}.repair-toggle>span{color:var(--text-secondary);font-size:12px;font-weight:600}.toggle{position:relative;width:38px;height:22px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-base);cursor:pointer;transition:background .18s ease,border-color .18s ease;padding:0}.toggle .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease}.toggle.on{background:var(--accent-lime-dim);border-color:var(--accent)}.toggle.on .knob{transform:translate(16px);background:var(--accent)}.repair-role-note{display:grid;gap:5px;padding:11px;border-left:2px solid var(--accent);color:var(--muted);background:#c3dd720b;font-size:11px;line-height:1.55}.repair-role-note strong{color:var(--text-secondary);font-size:12px}.repair-dossier-card{display:grid;gap:9px;padding:10px;border:1px solid var(--line);background:#ffffff05}.repair-dossier-card .secondary-button{width:100%;justify-content:center}.repair-dossier-summary{display:grid;gap:5px;padding:9px;border-left:2px solid var(--accent);background:#c3dd720b}.repair-dossier-summary strong{color:var(--text-secondary);font-size:11px}.repair-dossier-summary span,.repair-dossier-summary small{color:var(--muted);font-size:10px;line-height:1.45}.repair-result-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.repair-review{width:min(100%,860px);display:grid;gap:8px;padding:12px;border:1px solid var(--line-strong);background:var(--bg-base);color:var(--muted)}.repair-review>div{display:grid;gap:4px}.repair-review strong{color:var(--text-secondary);font-size:12px}.repair-review span,.repair-review small{font-size:11px;line-height:1.45}.repair-review.passed{border-left:3px solid var(--accent)}.repair-review.failed{border-left:3px solid #e7a1a1}.repair-review.failed strong{color:#f09a9a}.repair-review .text-button{width:fit-content}.repair-result-wrap{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.repair-result{width:100%;min-height:100%;display:grid;justify-items:center;align-content:start;gap:18px;padding:18px;box-sizing:border-box}.repair-candidate-tabs{display:flex;justify-content:center;gap:6px}.repair-candidate-tabs button{min-height:30px;padding:0 12px;border:1px solid var(--line-strong);border-radius:5px;color:var(--muted);background:var(--bg-base);cursor:pointer}.repair-candidate-tabs button.active,.repair-candidate-tabs button:hover{border-color:var(--accent);color:var(--accent)}.repair-result>img{display:block;max-width:100%;max-height:72vh;object-fit:contain;box-shadow:0 18px 50px #00000061}.repair-result .primary-button{text-decoration:none}.repair-matting-strip{display:flex;align-items:center;gap:14px;padding:12px 14px;margin-top:16px;border:1px solid var(--line);border-radius:8px;background:#c3dd720a}.repair-matting-thumb{width:72px;height:72px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:6px;background:repeating-conic-gradient(#151c26 0,#151c26 25%,#0d141e 0,#0d141e 50%) 0 0 / 16px 16px;overflow:hidden}.repair-matting-thumb img{max-width:100%;max-height:100%;object-fit:contain}.repair-matting-meta{display:grid;gap:3px;min-width:0}.repair-matting-meta strong{color:var(--text-secondary);font-size:13px}.repair-matting-meta span{color:var(--muted);font-size:11px}.repair-matting-strip .text-button{margin-left:auto;text-decoration:none}.repair-status{cursor:default}.repair-status:hover{color:var(--muted);border-color:var(--line-strong)}.repair-canvas-hint.is-error{color:#f09a9a}.repair-compare{position:relative;width:min(100%,860px);max-width:100%;max-height:calc(100dvh - 210px);overflow:hidden;border-radius:8px;box-shadow:0 18px 50px #00000061;background:var(--bg-base);cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}.repair-compare-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.repair-compare-before{position:absolute;top:0;right:0;bottom:0;left:0;will-change:clip-path}.repair-compare-divider{position:absolute;top:0;bottom:0;width:2px;background:#ffffffe6;transform:translate(-50%);box-shadow:0 0 10px #0000008c;pointer-events:none}.repair-compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:1px;padding:8px 6px;border-radius:999px;background:#fffffff2;color:#0b1220;box-shadow:0 3px 14px var(--overlay-light)}.repair-compare-tag{position:absolute;top:12px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#fff;background:var(--bg-input);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.repair-compare-tag-before{left:12px}.repair-compare-tag-after{right:12px}@media (max-height: 760px){.repair-controls-header{min-height:44px;padding-block:6px}.repair-section-toggle{min-height:40px}.repair-section-content{padding-block:8px 10px}.repair-control-section.active .repair-section-content{gap:8px}.repair-assets-grid{gap:7px}.repair-asset-item{gap:5px}.repair-upload{min-height:62px;padding:7px}.repair-upload.has-file{min-height:108px;grid-template-rows:minmax(58px,1fr) auto}.repair-upload-thumb{height:58px}.product-cutout-panel{margin-top:4px;padding-top:7px}.product-cutout-preview{max-height:116px}.product-cutout-preview>div{min-height:82px}.repair-mask-canvas{width:min(100%,calc(31dvh * var(--repair-image-ratio, 1.3333)));max-height:31dvh}.repair-settings{gap:8px}.repair-field{gap:4px}.repair-field select,.repair-field textarea,.repair-field input{padding:7px 9px}.repair-role-note{padding:8px 10px}.repair-controls-footer{padding-block:9px 10px}.repair-stage-wrap{min-height:calc(100dvh - 160px)}}@media (max-width: 1450px){.product-repair-layout{grid-template-columns:330px minmax(720px,1fr)}.product-repair-layout.controls-collapsed{grid-template-columns:48px minmax(720px,1fr)}}@media (max-width: 980px){.product-repair-page{width:max-content;min-width:100%;padding:0}.product-repair-layout{grid-template-columns:300px minmax(720px,1fr)}.product-repair-layout.controls-collapsed{grid-template-columns:48px minmax(720px,1fr)}.product-repair-controls{position:sticky;top:12px;height:calc(100dvh - 24px);min-height:0}.repair-stage-wrap{min-height:520px}}@media (max-width: 700px){.product-repair-layout{grid-template-columns:280px minmax(720px,1fr)}.product-repair-layout.controls-collapsed{grid-template-columns:48px minmax(720px,1fr)}.product-repair-controls{height:calc(100dvh - 24px);min-height:0}.repair-section-content,.repair-controls-footer{padding-inline:14px}.repair-stage-wrap{min-height:360px;padding:12px}}.listing-studio{width:100%;height:calc(100vh - 64px);min-height:0;display:grid;grid-template-rows:52px minmax(0,1fr) 52px;overflow:hidden;color:#dce3ee;background:var(--bg-base)}.listing-studio-bar,.listing-studio-footer{display:flex;align-items:center}.listing-studio-bar{gap:16px;padding:0 18px;border-bottom:1px solid rgba(151,166,196,.14);background:var(--bg-input)}.listing-studio-back{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:0;border-radius:6px;color:#8c97a7;background:transparent;cursor:pointer}.listing-studio-back:hover{color:#eef2f8;background:#ffffff0b}.listing-studio-title{min-width:0;flex:1;display:flex;align-items:center;gap:9px}.listing-studio-title svg{color:#82b8d2}.listing-studio-title strong{color:#eef2f8;font-size:13px}.listing-studio-title span{padding-left:9px;border-left:1px solid rgba(151,166,196,.16);color:#6f7b89;font-size:10px}.listing-engine-status{display:flex;align-items:center;gap:6px;color:#7d8896;font-size:10px}.listing-engine-status>span{width:6px;height:6px;border-radius:50%;background:#d27b68}.listing-engine-status.ready>span{background:#9fc36a;box-shadow:0 0 8px #9fc36a73}.listing-top-generate{min-height:34px;padding:6px 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(195,221,114,.42);border-radius:6px;color:#e9f2ce;background:#c3dd721a;cursor:pointer}.listing-top-generate:disabled{opacity:.5;cursor:not-allowed}.listing-studio-body{min-height:0;display:grid;grid-template-columns:210px minmax(520px,1fr) 286px}.listing-module-panel,.listing-assets-panel{min-height:0;padding:16px 12px;background:var(--bg-input)}.listing-module-panel{display:flex;flex-direction:column;border-right:1px solid rgba(151,166,196,.13)}.listing-assets-panel{border-left:1px solid rgba(151,166,196,.13);overflow-y:auto}.listing-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 5px 11px}.listing-panel-heading span{color:#cdd5df;font-size:11px;font-weight:750}.listing-panel-heading small{color:#65717f;font-size:9px}.listing-module-nav{display:grid;gap:4px}.listing-module-nav button{width:100%;min-height:54px;padding:7px;display:grid;grid-template-columns:25px minmax(0,1fr) 14px;align-items:center;gap:7px;border:1px solid transparent;border-radius:6px;color:#778391;text-align:left;background:transparent;cursor:pointer}.listing-module-nav button:hover{color:#d7dee8;background:#ffffff08}.listing-module-nav button.active{border-color:#6ea8ff3d;color:#eef2f8}.listing-module-state{display:grid;place-items:center;color:#5f6c7a;font-size:9px}.listing-module-nav button.done .listing-module-state{color:#b6d46d}.listing-module-nav button strong,.listing-module-nav button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listing-module-nav button strong{font-size:11px}.listing-module-nav button small{margin-top:3px;color:#63707e;font-size:9px}.listing-module-nav button>svg{color:#4c5764}.listing-progress{margin-top:auto;padding:14px 5px 3px}.listing-progress>div{height:3px;overflow:hidden;border-radius:2px;background:var(--bg-surface)}.listing-progress>div span{display:block;height:100%;background:#a9c866}.listing-progress small{display:block;margin-top:7px;color:#596573;font-size:9px;line-height:1.45}.listing-canvas{position:relative;min-width:0;min-height:0;padding:22px 26px;overflow-y:auto;background:radial-gradient(circle at 50% 0,rgba(61,78,104,.11),transparent 42%),#0b1018}.listing-canvas-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid rgba(151,166,196,.12)}.listing-canvas-head>div>span{color:#657586;font-size:9px;font-weight:750;text-transform:uppercase}.listing-canvas-head h2{margin:4px 0;color:#f0f3f7;font-size:21px}.listing-canvas-head p{margin:0;color:#758291;font-size:10px}.listing-canvas-head>svg{color:#6ea8ff}.listing-canvas-form{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.listing-canvas .ops-field input,.listing-canvas .ops-field select{min-height:38px}.listing-strategy-form{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.listing-strategy-form textarea{height:min(280px,calc(100vh - 290px));min-height:170px;resize:none}.listing-report-canvas{margin-top:16px;height:calc(100% - 82px);min-height:220px;overflow:auto;border:1px solid rgba(151,166,196,.12);border-radius:7px;background:var(--bg-input)}.listing-report-canvas pre{margin:0;padding:18px;color:#c8d1dc;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.listing-material-first{padding:28px;border:1px solid rgba(140,158,190,.16);border-radius:12px;background:linear-gradient(135deg,#4b689724,#171d2959)}.listing-material-first-hero{display:flex;gap:14px;align-items:flex-start;color:#dbe8fb}.listing-material-first-hero strong{display:block;font-size:17px}.listing-material-first-hero p{margin:7px 0 0;color:#8998aa;font-size:12px}.listing-input-status{display:flex;gap:8px;margin-top:22px}.listing-input-status span{padding:7px 10px;border-radius:6px;color:#78879a;background:#00000029;font-size:11px}.listing-input-status span.ready{color:#9ce1be;border:1px solid rgba(93,214,145,.25)}.listing-advanced-inputs{margin-top:24px;padding-top:16px;border-top:1px solid rgba(140,158,190,.12);color:#91a1b6;font-size:11px}.listing-advanced-inputs summary{cursor:pointer}.listing-advanced-inputs .listing-canvas-form{margin-top:14px}.simple-listing-page{min-height:100%;background:var(--bg-base);color:#dce6f2}.simple-listing-header{height:58px;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid rgba(150,170,200,.14)}.simple-listing-header>button:first-child{display:inline-flex;align-items:center;gap:5px;border:0;color:#93a3b7;background:none;cursor:pointer}.simple-listing-header>div{flex:1;display:flex;flex-direction:column;gap:3px}.simple-listing-header strong{font-size:15px}.simple-listing-header span{color:#748397;font-size:10px}.simple-listing-generate{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #6c9feb;border-radius:6px;color:#fff;background:#3974c6;cursor:pointer}.simple-listing-generate:disabled{opacity:.45;cursor:not-allowed}.simple-listing-main{max-width:1120px;margin:0 auto;padding:42px 28px 60px}.simple-listing-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.simple-listing-drop{min-height:260px;display:flex;flex-direction:column;align-items:center;padding:34px 24px 22px;border:1px dashed rgba(123,157,205,.42);border-radius:12px;background:var(--bg-surface);text-align:center}.simple-listing-drop>svg{color:#79a9ef}.simple-listing-drop h2{margin:14px 0 5px;font-size:17px}.simple-listing-drop p{margin:0 0 17px;color:#8594a9;font-size:12px}.simple-listing-drop>label{padding:8px 14px;border:1px solid rgba(116,163,230,.5);border-radius:6px;color:#b9d2f4;font-size:12px;cursor:pointer}.simple-listing-files,.simple-listing-docs{width:100%;margin-top:20px;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-start}.simple-listing-files>div,.simple-listing-docs>div{position:relative;display:flex;align-items:center;gap:6px;padding:5px 20px 5px 6px;border-radius:5px;color:#a9b8ca;background:#00000038;font-size:10px}.simple-listing-files img{width:36px;height:36px;object-fit:cover;border-radius:3px}.simple-listing-files button,.simple-listing-docs button{position:absolute;top:2px;right:3px;border:0;color:#8291a4;background:none;cursor:pointer}.simple-listing-competitor{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding:15px 16px;border:1px solid rgba(140,160,190,.18);border-radius:9px;background:var(--bg-input)}.simple-listing-competitor>span{display:inline-flex;align-items:center;gap:7px;color:#c3cfde;font-size:12px;font-weight:600}.simple-listing-competitor>span svg{color:#79a9ef}.simple-listing-competitor input{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid rgba(123,157,205,.3);border-radius:6px;outline:none;color:#dce6f2;background:var(--bg-base)}.simple-listing-competitor input:focus{border-color:var(--accent-lime)}.simple-listing-competitor small{color:#748397;font-size:10px}.simple-listing-hint,.simple-listing-message,.simple-listing-error{display:flex;align-items:center;gap:8px;margin-top:16px;padding:11px 13px;border-radius:7px;color:#93a5bb;background:#2e415e3d;font-size:11px}.simple-listing-message{color:#9edab9}.simple-listing-error{color:#ffaba8;background:#7a2c3138}.simple-listing-result{margin-top:26px;overflow:hidden;border:1px solid rgba(140,160,190,.18);border-radius:9px;background:var(--bg-input)}.simple-listing-download-card{display:flex;align-items:center;gap:14px;padding:24px;color:#cbd8e8}.simple-listing-download-card>svg{color:#78a8ec}.simple-listing-download-card>div{flex:1;display:flex;flex-direction:column;gap:5px}.simple-listing-download-card span{color:#78899e;font-size:11px}.simple-listing-download-card button{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid rgba(111,167,244,.4);border-radius:6px;color:#c5ddfc;background:#467dcb2b;cursor:pointer}@media (max-width: 760px){.simple-listing-upload-grid{grid-template-columns:1fr}.simple-listing-main{padding:24px 14px}}.infinite-canvas-page{position:fixed;top:56px;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:var(--bg-base);color:#d9e3f0;overflow:hidden}.infinite-canvas-header{height:54px;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid rgba(148,168,200,.14);background:var(--bg-input);flex:none}.infinite-canvas-header>button:first-child{display:inline-flex;align-items:center;gap:5px;border:0;color:#93a3b7;background:none;cursor:pointer;font-size:12px}.infinite-canvas-title{display:flex;align-items:center;gap:8px;color:#a9c6ea}.infinite-canvas-title strong{font-size:14px;color:#e2ecf8}.infinite-canvas-title span{color:#6f7f93;font-size:10px}.infinite-canvas-legend{margin-left:auto;display:flex;align-items:center;gap:14px;color:#7d8da2;font-size:10px}.infinite-canvas-legend span{display:inline-flex;align-items:center;gap:5px}.infinite-canvas-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.legend-slot{background:#2d4d7a}.legend-image{background:#3d6b53}.legend-result{background:#6b4f8f}.infinite-canvas-tip{color:#5d6b7e;border-left:1px solid rgba(148,168,200,.18);padding-left:12px}.infinite-canvas-body{flex:1;position:relative;min-height:0;overflow:hidden}.infinite-canvas-body .react-flow{width:100%;height:100%;background:var(--bg-base)}.infinite-canvas-body .react-flow__node{background:transparent;border:0;padding:0;font-family:inherit}.infinite-canvas-body .react-flow__handle{width:14px;height:14px;background:#5b7fb4;border:3px solid #0a0f17}.infinite-canvas-body .react-flow__handle:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%}.infinite-canvas-body .react-flow__edge-path{stroke:#3f5575;stroke-width:1.6}.infinite-canvas-body .react-flow__edgelabel-renderer{z-index:20;pointer-events:none}.canvas-edge-label{position:absolute;z-index:1000;pointer-events:all!important}.canvas-edge-scissors{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid rgba(195,221,114,.75);border-radius:50%;color:var(--accent-lime);background:var(--bg-input);box-shadow:0 2px 8px #00000073;cursor:pointer;opacity:1;pointer-events:all;transition:background .15s ease,color .15s ease,transform .15s ease}.canvas-edge-scissors:hover,.canvas-edge-scissors:focus-visible{color:#10161f;background:var(--accent-lime);transform:scale(1.12)}.canvas-edge-scissors:focus-visible{outline:2px solid rgba(195,221,114,.45);outline-offset:2px}.infinite-canvas-body .react-flow__edge.animated .react-flow__edge-path{stroke:#6f9ad8}.infinite-canvas-body .react-flow__controls{box-shadow:none;border:1px solid rgba(148,168,200,.2);background:var(--bg-input);border-radius:8px;overflow:hidden}.infinite-canvas-body .react-flow__controls-button{background:var(--bg-input);border-bottom:1px solid rgba(148,168,200,.14);color:#9fb0c5;fill:#9fb0c5}.infinite-canvas-body .react-flow__minimap{background:var(--bg-input);border:1px solid rgba(148,168,200,.2);border-radius:8px}.canvas-slot-node{width:236px;padding:10px 12px 12px;border:1px solid rgba(90,120,165,.55);border-radius:9px;background:var(--bg-input);box-shadow:0 4px 14px #00000059;cursor:grab}.canvas-slot-node:active{cursor:grabbing}.canvas-slot-node.is-running{border-color:#4f8fe0;box-shadow:0 0 0 1px #4f8fe080,0 4px 16px var(--overlay-light)}.canvas-slot-node.is-done{border-color:#58be8a99}.canvas-slot-node-head{display:flex;align-items:center;gap:7px;color:#7e90a8;font-size:9px;margin-bottom:6px}.canvas-slot-node-head span{color:#a9bdd6;font-weight:700;letter-spacing:.5px}.canvas-slot-node-head em{margin-right:auto;font-style:normal;color:#6b7c92}.canvas-slot-node strong{display:block;color:#e5edf7;font-size:12px;margin-bottom:4px}.canvas-slot-node small{display:block;color:#8c9cb1;font-size:10px;line-height:1.45;max-height:40px;overflow:hidden}.canvas-slot-node.is-module-expanded{border-color:#c3dd728c;box-shadow:0 0 0 1px #c3dd7259,0 4px 16px var(--overlay-light)}.canvas-slot-modules{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:3px 7px;border:1px solid rgba(148,168,200,.25);border-radius:20px;color:#8c9cb1;font-size:9px}.canvas-slot-node.is-module-expanded .canvas-slot-modules{color:var(--accent-lime);border-color:#c3dd7273}.canvas-image-node{width:150px;padding:8px;border:1px solid rgba(72,130,99,.5);border-radius:9px;background:var(--bg-input);box-shadow:0 4px 14px #00000059;cursor:grab}.canvas-image-node img{width:132px;height:96px;object-fit:cover;border-radius:6px;display:block}.canvas-image-node span{display:block;margin-top:6px;color:#9db8ab;font-size:9px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-result-node{width:168px;padding:8px;border:1px solid rgba(130,96,180,.55);border-radius:9px;background:var(--bg-input);box-shadow:0 4px 14px #00000059;cursor:grab}.canvas-result-node img{width:150px;height:110px;object-fit:contain;border-radius:6px;display:block;background:var(--bg-input)}.canvas-result-node span{display:block;margin-top:6px;color:#c3b0e6;font-size:9px;text-align:center}.infinite-canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;color:#5d6c80;pointer-events:none}.infinite-canvas-empty strong{font-size:15px;color:#8ea0b6}.infinite-canvas-empty p{font-size:11px}.infinite-canvas-note{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:7px 12px;border-radius:6px;color:#8fa2ba;background:var(--bg-input);border:1px solid rgba(148,168,200,.18);font-size:10px;pointer-events:none}.infinite-canvas-toolbar{display:flex;align-items:center;gap:6px}.infinite-canvas-toolbar button{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid rgba(148,168,200,.22);border-radius:5px;color:#a9bdd6;background:var(--bg-input);font-size:10px;cursor:pointer}.infinite-canvas-toolbar button:hover:not(:disabled){color:#dbe9fb;border-color:#6fa7f473}.infinite-canvas-toolbar button:disabled{opacity:.35;cursor:not-allowed}.canvas-toolbar-sep{width:1px;height:18px;background:#94a8c82e;margin:0 4px}.canvas-ctx-menu{position:fixed;z-index:200;min-width:168px;padding:5px;border:1px solid rgba(148,168,200,.28);border-radius:8px;background:var(--bg-input);box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:1px}.canvas-ctx-menu button{display:flex;align-items:center;gap:7px;padding:7px 9px;border:0;border-radius:5px;color:#c3d2e4;background:transparent;font-size:11px;text-align:left;cursor:pointer}.canvas-ctx-menu button:hover:not(:disabled){background:#467dcb38;color:#e8f2ff}.canvas-ctx-menu button:disabled{opacity:.35;cursor:not-allowed}.canvas-ctx-menu a{display:none}.canvas-ctx-sep{height:1px;margin:3px 6px;background:#94a8c826}.canvas-group-box{position:absolute;z-index:2;border:1px dashed rgba(148,168,200,.5);border-radius:12px;background:#2d4d7a0f;pointer-events:none}.canvas-group-box>span{position:absolute;top:-22px;left:-1px;padding:2px 8px;border-radius:5px;color:#dce8f6;font-size:9px;display:inline-flex;align-items:center;gap:5px;pointer-events:auto}.canvas-group-box>span button{border:0;color:#c6d6ea;background:none;cursor:pointer;padding:0;display:inline-flex}.canvas-bookmark-drop{position:absolute;top:52px;right:16px;z-index:120;min-width:180px;padding:6px;border:1px solid rgba(148,168,200,.28);border-radius:8px;background:var(--bg-input);box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:2px}.canvas-bookmark-drop button{padding:7px 9px;border:0;border-radius:5px;color:#c3d2e4;background:transparent;font-size:11px;text-align:left;cursor:pointer}.canvas-bookmark-drop button:hover{background:#467dcb38}.canvas-bookmark-empty{padding:8px;color:#6d7d92;font-size:10px}.canvas-note-node{width:190px;min-height:90px;padding:8px;border:1px solid rgba(148,168,200,.35);border-radius:9px;box-shadow:0 4px 14px #00000059}.canvas-note-node textarea{width:100%;min-height:74px;border:0;outline:0;resize:vertical;color:#dce8f6;background:transparent;font-size:11px;line-height:1.5}.canvas-listing-module{width:216px;padding:9px 11px 11px;border:1px solid rgba(148,168,200,.35);border-radius:9px;background:var(--bg-input);box-shadow:0 4px 14px #00000059;cursor:grab}.canvas-listing-module:active{cursor:grabbing}.canvas-listing-module.is-connected{border-color:#c3dd728c}.canvas-listing-module.is-disconnected{border-color:#94a8c84d;opacity:.78}.canvas-listing-module-head{display:flex;align-items:center;gap:6px;color:#7e90a8;font-size:9px;margin-bottom:7px}.canvas-listing-module-head strong{color:#e5edf7;font-size:11px;font-weight:700;letter-spacing:.3px;margin-right:auto}.canvas-listing-module-head span{color:#8c9cb1;font-size:9px}.canvas-listing-module.is-connected .canvas-listing-module-head span{color:var(--accent-lime)}.canvas-listing-module-body{display:flex;flex-direction:column;gap:6px}.canvas-listing-module-body input,.canvas-listing-module-body textarea,.canvas-listing-module-body select{width:100%;border:1px solid rgba(148,168,200,.28);border-radius:5px;padding:5px 7px;color:#dce8f6;background:var(--bg-input);font-size:10px;outline:none}.canvas-listing-module-body textarea{resize:vertical;min-height:40px;line-height:1.4}.canvas-listing-module-body input:focus,.canvas-listing-module-body textarea:focus,.canvas-listing-module-body select:focus{border-color:var(--accent-lime)}.canvas-listing-module-body small{color:#8c9cb1;font-size:10px;line-height:1.4}.canvas-listing-reference{display:flex;align-items:center;gap:7px}.canvas-listing-reference img{width:44px;height:44px;object-fit:cover;border-radius:5px;border:1px solid rgba(148,168,200,.25)}.canvas-listing-reference span{color:#a9bdd6;font-size:10px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.canvas-listing-size{display:flex;align-items:center;gap:5px}.canvas-listing-size input{flex:1}.canvas-listing-size span{color:#7e90a8;font-size:10px}.canvas-slot-node.is-failed{border-color:#f06e6ea6;box-shadow:0 0 0 1px #f06e6e66,0 4px 16px var(--overlay-light)}.canvas-editor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;justify-content:flex-end;background:var(--bg-base)}.canvas-editor-panel{width:360px;height:100%;display:flex;flex-direction:column;background:var(--bg-input);border-left:1px solid rgba(148,168,200,.22);box-shadow:-12px 0 32px #00000073}.canvas-editor-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(148,168,200,.14);color:#e2ecf8;font-size:13px}.canvas-editor-head button{border:0;color:#8fa2ba;background:none;cursor:pointer;display:inline-flex}.canvas-editor-body{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.canvas-editor-body label{display:flex;flex-direction:column;gap:5px;color:#8fa2ba;font-size:10px}.canvas-editor-body input,.canvas-editor-body textarea,.canvas-editor-body select{width:100%;padding:7px 9px;border:1px solid rgba(148,168,200,.2);border-radius:6px;color:#d6e3f2;background:var(--bg-input);font-size:11px;outline:none}.canvas-editor-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.canvas-editor-refs{display:flex;flex-direction:column;gap:7px;color:#8fa2ba;font-size:10px}.canvas-editor-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.canvas-editor-ref-grid button{position:relative;padding:0;border:1px solid rgba(148,168,200,.18);border-radius:6px;background:var(--bg-input);cursor:pointer;overflow:hidden}.canvas-editor-ref-grid button.active{border-color:#6f9ad8}.canvas-editor-ref-grid img{width:100%;height:56px;object-fit:cover;display:block}.canvas-editor-ref-grid span{display:block;padding:2px 0;color:#93a5bb;font-size:8px;text-align:center}.canvas-editor-foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(148,168,200,.14)}.canvas-editor-foot button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid rgba(111,167,244,.4);border-radius:6px;color:#c5ddfc;background:#467dcb2b;font-size:11px;cursor:pointer}.canvas-lightbox{position:absolute;top:0;right:0;bottom:0;left:0;z-index:180;display:grid;place-items:center;background:var(--bg-base)}.canvas-lightbox-card{position:relative;max-width:88vw;max-height:86vh;padding:14px;border:1px solid rgba(148,168,200,.25);border-radius:10px;background:var(--bg-input)}.canvas-lightbox-card img{max-width:84vw;max-height:72vh;object-fit:contain;border-radius:6px;display:block}.canvas-lightbox-close{position:absolute;top:8px;right:8px;border:0;color:#a9bdd6;background:var(--overlay-light);border-radius:5px;cursor:pointer;display:inline-flex;padding:4px}.canvas-lightbox-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#a9bdd6;font-size:11px}.canvas-lightbox-foot>div{display:flex;align-items:center;gap:8px}.canvas-lightbox-foot button{border:0;color:#c3d2e4;background:#467dcb33;border-radius:5px;cursor:pointer;display:inline-flex;padding:4px 7px}.canvas-lightbox-download{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border:1px solid rgba(111,167,244,.4);border-radius:5px;color:#c5ddfc;text-decoration:none;font-size:10px}.workflow-studio-page{height:calc(100vh - 112px);min-height:520px;display:flex;flex-direction:column;background:var(--bg-base);color:#d9e3f0;border:1px solid rgba(148,168,200,.16);border-radius:12px;overflow:hidden}.workflow-studio-header{height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid rgba(148,168,200,.14);background:var(--bg-input);flex:none}.workflow-studio-header>button:first-child{display:inline-flex;align-items:center;gap:5px;border:0;color:#93a3b7;background:none;cursor:pointer;font-size:12px}.workflow-studio-title{display:flex;align-items:center;gap:8px;color:#a9c6ea}.workflow-studio-title strong{font-size:14px;color:#e2ecf8}.workflow-studio-title span{color:#6f7f93;font-size:10px}.workflow-select{max-width:180px;padding:6px 8px;border:1px solid rgba(148,168,200,.22);border-radius:6px;color:#d6e3f2;background:var(--bg-input);font-size:11px}.workflow-name-input{max-width:160px;padding:6px 8px;border:1px solid rgba(148,168,200,.22);border-radius:6px;color:#d6e3f2;background:var(--bg-input);font-size:11px}.workflow-studio-actions{margin-left:auto;display:flex;gap:6px}.workflow-studio-actions button{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid rgba(111,167,244,.4);border-radius:6px;color:#c5ddfc;background:#467dcb2b;font-size:11px;cursor:pointer}.workflow-studio-actions button:disabled{opacity:.4;cursor:not-allowed}.workflow-studio-body{flex:1;display:grid;grid-template-columns:190px minmax(0,1fr) 300px;min-height:0}.workflow-node-palette{border-right:1px solid rgba(148,168,200,.14);background:var(--bg-input);overflow-y:auto;padding:12px 10px}.workflow-palette-head{color:#8fa2ba;font-size:11px;font-weight:700;margin-bottom:12px}.workflow-palette-group{margin-bottom:14px}.workflow-palette-cat{color:#6d7d92;font-size:9px;margin-bottom:5px}.workflow-palette-group button{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:1px solid rgba(148,168,200,.16);border-radius:5px;color:#b7c9de;background:var(--bg-input);font-size:10px;margin-bottom:4px;cursor:pointer}.workflow-palette-group button:hover{border-color:#6fa7f466;color:#e2ecf8}.workflow-canvas{position:relative;min-width:0;background:var(--bg-base)}.workflow-canvas .react-flow{width:100%;height:100%}.workflow-canvas .react-flow__handle{width:8px;height:8px;background:#5b7fb4;border:2px solid #0a0f17}.workflow-canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;color:#5d6c80;pointer-events:none;text-align:center}.workflow-canvas-empty strong{font-size:14px;color:#8ea0b6}.workflow-canvas-empty p{font-size:11px;max-width:340px}.wf-operator-node{min-width:190px;padding:8px 10px;border:1px solid rgba(90,120,165,.5);border-radius:8px;background:var(--bg-input);box-shadow:0 4px 14px #00000059}.wf-operator-node.is-selected{border-color:#6f9ad8}.wf-operator-head{display:flex;align-items:center;gap:6px;color:#e2ecf8;font-size:11px;font-weight:600;margin-bottom:5px}.wf-operator-dot{width:8px;height:8px;border-radius:50%;background:#4f8fe0}.wf-operator-dot.output{background:#6b4f8f}.wf-operator-dot.image_input,.wf-operator-dot.text_input,.wf-operator-dot.number_input,.wf-operator-dot.model_select{background:#3d6b53}.wf-operator-params{display:flex;flex-wrap:wrap;gap:3px 8px}.wf-operator-params small{color:#7d8da2;font-size:9px}.wf-operator-empty{color:#566479}.workflow-inspector{border-left:1px solid rgba(148,168,200,.14);background:var(--bg-input);overflow-y:auto;padding:14px}.workflow-inspector-head{display:flex;align-items:center;justify-content:space-between;color:#e2ecf8;font-size:13px;margin-bottom:14px}.workflow-inspector-head button{border:0;color:#ff9a94;background:none;cursor:pointer;display:inline-flex}.workflow-inspector-section{margin-bottom:16px}.workflow-inspector-title{color:#8fa2ba;font-size:10px;font-weight:700;margin-bottom:8px}.wf-param-field,.wf-expose-field,.skill-tool-field{display:flex;flex-direction:column;gap:5px;color:#8fa2ba;font-size:10px;margin-bottom:10px}.wf-param-field select,.wf-param-field input[type=text],.wf-param-field input[type=number],.skill-tool-field input,.skill-tool-field select{padding:6px 8px;border:1px solid rgba(148,168,200,.2);border-radius:6px;color:#d6e3f2;background:var(--bg-input);font-size:11px;outline:none}.wf-param-range{display:flex;align-items:center;gap:8px}.wf-param-range input[type=range]{flex:1}.wf-param-range input[type=number]{width:72px}.wf-expose-field{flex-direction:row;align-items:center;gap:7px;cursor:pointer}.wf-expose-field input{accent-color:#6f9ad8}.wf-upload-button{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px dashed rgba(111,167,244,.4);border-radius:6px;color:#b7d1f4;font-size:10px;cursor:pointer}.wf-test-image-ready{display:inline-flex;align-items:center;gap:5px;color:#9edab9;font-size:10px}.workflow-inspector-muted{color:#5d6b7e;font-size:10px}.workflow-message{margin-top:12px;padding:8px 10px;border-radius:6px;color:#9edab9;background:#2e5e4033;font-size:10px}.workflow-error{margin-top:12px;padding:8px 10px;border-radius:6px;color:#ffaba8;background:#7a2c3138;font-size:10px;display:flex;gap:6px;align-items:center}.workflow-run-result{margin-top:14px;padding:12px;border:1px solid rgba(148,168,200,.16);border-radius:8px;background:var(--bg-input)}.workflow-run-result-head{display:flex;justify-content:space-between;align-items:center;color:#c3d2e4;font-size:11px;margin-bottom:10px}.workflow-run-result-head span{color:#6d7d92;font-size:9px}.workflow-run-result>img{width:100%;border-radius:6px;display:block;margin-bottom:10px}.workflow-run-node-results{display:flex;flex-direction:column;gap:4px}.workflow-run-node-results>div{display:flex;justify-content:space-between;color:#8fa2ba;font-size:9px}.workflow-run-node-results>div.is-error{color:#ff9a94}.workflow-inspector-empty{display:grid;place-items:center;align-content:center;gap:8px;color:#5d6b7e;height:100%;text-align:center}.workflow-inspector-empty span{font-size:12px;color:#8ea0b6}.workflow-inspector-empty small{font-size:10px}.skill-tool-page{height:calc(100vh - 112px);min-height:520px;display:flex;flex-direction:column;background:var(--bg-base);color:#d9e3f0;border:1px solid rgba(148,168,200,.16);border-radius:12px;overflow:hidden}.skill-tool-header{height:54px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid rgba(148,168,200,.14);background:var(--bg-input);flex:none}.skill-tool-header>button:first-child{display:inline-flex;align-items:center;gap:5px;border:0;color:#93a3b7;background:none;cursor:pointer;font-size:12px}.skill-tool-title{display:flex;align-items:center;gap:8px;color:#a9c6ea}.skill-tool-title strong{font-size:14px;color:#e2ecf8}.skill-tool-title span{color:#6f7f93;font-size:10px}.skill-tool-main{flex:1;overflow-y:auto;padding:28px}.skill-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.skill-tool-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid rgba(148,168,200,.18);border-radius:10px;color:#d6e3f2;background:var(--bg-input);text-align:left;cursor:pointer}.skill-tool-card:hover{border-color:#6fa7f473;background:var(--bg-input)}.skill-tool-card-icon{color:#79a9ef}.skill-tool-card strong{font-size:14px}.skill-tool-card small{color:#6d7d92;font-size:10px}.skill-tool-empty{color:#6d7d92;font-size:11px;padding:10px 0}.skill-tool-run{max-width:680px;margin:0 auto}.skill-tool-run-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.skill-tool-run-head strong{font-size:16px;color:#e2ecf8}.skill-tool-run-head span{color:#6d7d92;font-size:10px;margin-left:auto}.skill-tool-back-link{display:inline-flex;align-items:center;gap:4px;border:0;color:#93a3b7;background:none;cursor:pointer;font-size:11px}.skill-tool-form{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid rgba(148,168,200,.18);border-radius:10px;background:var(--bg-input)}.skill-tool-uploaded{display:inline-flex;align-items:center;gap:6px;color:#9edab9;font-size:11px}.skill-tool-run-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid rgba(111,167,244,.5);border-radius:7px;color:#fff;background:#3974c6;font-size:12px;cursor:pointer}.skill-tool-run-button:disabled{opacity:.5;cursor:not-allowed}.skill-tool-message{margin-top:12px;padding:9px 11px;border-radius:6px;color:#9edab9;background:#2e5e4033;font-size:11px}.skill-tool-error{margin-top:12px;padding:9px 11px;border-radius:6px;color:#ffaba8;background:#7a2c3138;font-size:11px;display:flex;gap:6px;align-items:center}.skill-tool-result{margin-top:16px;padding:16px;border:1px solid rgba(148,168,200,.18);border-radius:10px;background:var(--bg-input)}.skill-tool-result-head{display:flex;justify-content:space-between;align-items:center;color:#c3d2e4;font-size:12px;margin-bottom:12px}.skill-tool-result-head span{color:#6d7d92;font-size:9px}.skill-tool-result>img{width:100%;max-height:560px;object-fit:contain;border-radius:8px;display:block;margin-bottom:12px;background:var(--bg-input)}.skill-tool-download{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid rgba(111,167,244,.4);border-radius:6px;color:#c5ddfc;text-decoration:none;font-size:11px}.canvas-hub{height:100%;display:flex;flex-direction:column;background:var(--bg-base)}.canvas-hub-header{height:46px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid rgba(148,168,200,.14);background:var(--bg-input);flex:none}.canvas-hub-back{display:inline-flex;align-items:center;gap:5px;border:0;color:#93a3b7;background:none;cursor:pointer;font-size:12px}.canvas-hub-title{display:flex;align-items:center;gap:7px;color:#a9c6ea}.canvas-hub-title strong{font-size:13px;color:#e2ecf8}.canvas-hub-tabs{margin-left:auto;display:flex;gap:4px}.canvas-hub-tabs button{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid transparent;border-radius:6px;color:#8fa2ba;background:transparent;font-size:11px;cursor:pointer}.canvas-hub-tabs button:hover{color:#c3d2e4}.canvas-hub-tabs button.active{color:#e2ecf8;border-color:#6fa7f459}.canvas-hub-body{flex:1;min-height:0;position:relative}.canvas-hub-body>.page{height:100%}.infinite-canvas-page.is-embedded{position:relative;inset:auto;height:100%;min-height:0;z-index:auto;border:0;border-radius:0}.workflow-studio-page.is-embedded,.skill-tool-page.is-embedded{height:100%;min-height:0;border:0;border-radius:0}.canvas-skill-node{width:232px;padding:10px 12px;border:1px solid rgba(130,96,180,.55);border-radius:9px;background:var(--bg-input);box-shadow:0 4px 14px #00000059;cursor:grab}.canvas-skill-node.is-running{border-color:#4f8fe0}.canvas-skill-head{display:flex;align-items:center;gap:7px;color:#c3b0e6}.canvas-skill-head strong{font-size:12px;color:#e6dcf7}.canvas-skill-head svg:first-child{color:#9a7fd0}.canvas-skill-meta{margin-top:4px;color:#7d6f96;font-size:9px}.canvas-skill-result{width:100%;max-height:160px;object-fit:contain;border-radius:6px;display:block;margin-top:8px;background:var(--bg-input)}.canvas-skill-error{margin-top:6px;padding:5px 7px;border-radius:5px;color:#ffaba8;background:#7a2c3138;font-size:9px}.canvas-skill-run{width:100%;margin-top:8px;padding:6px;border:1px solid rgba(130,96,180,.55);border-radius:6px;color:#d8c8f2;background:#603c8c40;font-size:10px;cursor:pointer}.canvas-skill-run:disabled{opacity:.5;cursor:not-allowed}.canvas-skill-input{margin-top:6px;padding:4px 6px;border:1px solid rgba(130,96,180,.28);border-radius:6px;background:var(--bg-input)}.canvas-skill-input-label{display:block;margin-bottom:3px;color:#9a83c4;font-size:9px;font-weight:600;display:flex;align-items:center;gap:4px}.canvas-skill-input-field{width:100%;padding:4px 6px;border:1px solid rgba(130,96,180,.32);border-radius:5px;color:#e6dcf7;background:var(--bg-input);font-size:10px;box-sizing:border-box}.canvas-skill-upload{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px dashed rgba(130,96,180,.5);border-radius:5px;color:#d8c8f2;font-size:9px;cursor:pointer}.canvas-skill-upload:hover{border-color:#9a7fd0;color:#fff}.canvas-skill-input-ready{display:inline-flex;align-items:center;gap:4px;color:#8fd0a8;font-size:9px}.canvas-ctx-cat{padding:5px 9px 2px;color:#6d7d92;font-size:9px;font-weight:700}.canvas-ctx-empty{padding:6px 9px;color:#5d6b7e;font-size:10px}.canvas-inspector{position:absolute;top:14px;right:14px;z-index:120;width:290px;max-height:calc(100% - 28px);overflow-y:auto;border:1px solid rgba(148,168,200,.25);border-radius:10px;background:var(--bg-input);box-shadow:0 10px 30px #00000080}.canvas-inspector-body{padding:14px;display:flex;flex-direction:column;gap:11px}.canvas-inspector-head{display:flex;align-items:center;gap:8px;color:#c3d2e4;font-size:12px}.canvas-inspector-head strong{color:#e2ecf8}.canvas-inspector-head button{margin-left:auto;border:0;color:#8fa2ba;background:none;cursor:pointer;display:inline-flex}.canvas-inspector-run{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid rgba(111,167,244,.5);border-radius:6px;color:#fff;background:#3974c6;font-size:11px;cursor:pointer}.canvas-inspector-run:disabled{opacity:.5;cursor:not-allowed}.canvas-inspector-result{width:100%;max-height:240px;object-fit:contain;border-radius:6px;display:block;background:var(--bg-input)}.canvas-skill-picker-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:160;display:grid;place-items:center;background:var(--bg-base)}.canvas-skill-picker{width:560px;max-width:92vw;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(148,168,200,.28);border-radius:12px;background:var(--bg-input);box-shadow:0 18px 50px var(--overlay)}.canvas-skill-picker-head{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid rgba(148,168,200,.14);color:#a9c6ea}.canvas-skill-picker-head strong{font-size:14px;color:#e2ecf8}.canvas-skill-picker-head span{color:#6d7d92;font-size:10px;margin-right:auto}.canvas-skill-picker-head button{border:0;color:#8fa2ba;background:none;cursor:pointer;display:inline-flex}.canvas-skill-picker-body{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.canvas-skill-picker-cat{color:#6d7d92;font-size:10px;font-weight:700;margin-top:6px}.canvas-skill-picker-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(148,168,200,.16);border-radius:9px;color:#d6e3f2;background:var(--bg-input);text-align:left;cursor:pointer}.canvas-skill-picker-card:hover{border-color:#6fa7f473;background:var(--bg-surface)}.canvas-skill-picker-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;color:#c3b0e6;background:#8260b433;flex:none}.canvas-skill-picker-card>span:last-child{display:flex;flex-direction:column;gap:3px}.canvas-skill-picker-card strong{font-size:13px}.canvas-skill-picker-card small{color:#6d7d92;font-size:10px}.canvas-skill-picker-empty{color:#6d7d92;font-size:11px;padding:8px 0}.canvas-skill-picker-opgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.canvas-skill-picker-op{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px dashed rgba(111,167,244,.35);border-radius:6px;color:#b7d1f4;background:#467dcb14;font-size:10px;cursor:pointer}.canvas-skill-picker-op:hover{background:#467dcb2e}.listing-report-editor{width:100%;height:calc(100% - 34px);min-height:280px;display:block;padding:18px;border:0;outline:0;resize:none;color:#c8d1dc;background:var(--bg-input);font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.listing-report-toolbar{min-height:34px;padding:5px 10px 5px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(151,166,196,.1);color:#718090;font-size:10px}.listing-report-toolbar button{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(110,168,255,.24);border-radius:5px;color:#b8cff1;background:#6ea8ff12;cursor:pointer}.listing-canvas-empty{height:calc(100% - 76px);min-height:230px;display:grid;place-items:center;align-content:center;text-align:center;color:#52606e}.listing-canvas-empty strong{margin-top:11px;color:#aab5c2;font-size:12px}.listing-canvas-empty p{max-width:330px;margin:6px 0 13px;color:#687584;font-size:10px}.listing-canvas-empty button{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border:1px solid rgba(110,168,255,.3);border-radius:6px;color:#b8cff1;background:#6ea8ff14;cursor:pointer}.listing-handoff-summary{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.listing-handoff-summary span{padding:9px;border:1px solid rgba(151,166,196,.12);border-radius:6px;color:#768391;font-size:9px;background:var(--bg-input)}.listing-handoff-summary strong{margin-right:4px;color:#dbe4ef;font-size:15px}.listing-handoff-list{margin-top:10px;display:grid;gap:6px}.listing-assets-section+.listing-assets-section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(151,166,196,.11)}.listing-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.listing-image-grid>div{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid rgba(151,166,196,.13);border-radius:5px;background:var(--bg-input)}.listing-image-grid img{width:100%;height:100%;display:block;object-fit:cover}.listing-image-grid button{position:absolute;top:3px;right:3px;width:20px;height:20px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:var(--bg-base);cursor:pointer}.listing-compact-upload{min-height:34px;margin-top:7px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed rgba(151,166,196,.2);border-radius:6px;color:#7f8d9c;font-size:10px;cursor:pointer}.listing-compact-upload:hover{border-color:#6ea8ff5c;color:#a9bfdf}.listing-material-list{display:grid;gap:5px}.listing-material-list>div{min-width:0;min-height:32px;padding:5px 6px;display:grid;grid-template-columns:16px minmax(0,1fr) 20px;align-items:center;gap:6px;border-radius:5px;color:#7f8b99;background:var(--bg-input)}.listing-material-list span{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.listing-material-list button{border:0;color:#687582;background:transparent;cursor:pointer}.listing-assistant-note{margin-top:18px;padding:11px;display:flex;gap:9px;border:1px solid rgba(110,168,255,.15);border-radius:7px;color:#6ea8ff;background:#6ea8ff0b}.listing-assistant-note strong{display:block;color:#a9bdd9;font-size:10px}.listing-assistant-note p{margin:4px 0 0;color:#68798c;font-size:9px;line-height:1.55}.listing-studio-error{position:sticky;bottom:0;margin-top:12px;padding:8px 10px;display:flex;align-items:center;gap:6px;border:1px solid rgba(222,114,103,.26);border-radius:6px;color:#e2a39b;background:var(--bg-surface);font-size:10px}.listing-studio-footer{justify-content:space-between;gap:12px;padding:0 18px;border-top:1px solid rgba(151,166,196,.13);background:var(--bg-input)}.listing-studio-footer>span{color:#667381;font-size:10px}.listing-studio-footer>div{display:flex;gap:7px}.listing-studio-footer button{min-height:32px;padding:5px 10px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(151,166,196,.15);border-radius:6px;color:#8995a3;background:var(--bg-input);cursor:pointer}.listing-studio-footer button:disabled{opacity:.35;cursor:not-allowed}.listing-studio-footer button.handoff{border-color:#c3dd7259;color:#dce9b7;background:#c3dd7212}@media (max-width: 1100px){.listing-studio-body{grid-template-columns:180px minmax(440px,1fr) 240px}.listing-studio-title span,.listing-engine-status{display:none}}.app-shell:not(.home-shell){--workspace-bg: #090d14;--workspace-surface: #0e141d;--workspace-surface-2: #111923;--workspace-line: #293342;--workspace-line-strong: #3a4658;--workspace-text: #edf2f7;--workspace-muted: #7f8c9f;background:var(--workspace-bg)}.app-shell:not(.home-shell) .main-panel{height:calc(100vh - 56px);padding:0}.app-shell:not(.home-shell) .workspace-page,.app-shell:not(.home-shell) .workspace-layout{height:100%;min-height:0}.app-shell:not(.home-shell) .workspace-layout{display:grid;grid-template-columns:minmax(220px,19%) minmax(0,1fr);gap:0;overflow:hidden}.app-shell:not(.home-shell) .slot-column{grid-column:1;padding:18px 14px 54px 24px;border-right:1px solid var(--workspace-line);background:var(--bg-input);overflow:hidden auto}.app-shell:not(.home-shell) .workspace-main{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) 52px 300px;min-width:0;min-height:0;padding:0;overflow:hidden;background:var(--workspace-bg)}.app-shell:not(.home-shell) .workspace-main>.editor-column{grid-column:1;min-width:0;min-height:0;padding:18px 12px 24px 14px;overflow:auto}.app-shell:not(.home-shell) .editor-card{min-width:0;padding:0}.app-shell:not(.home-shell) .workspace-slot-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;margin-bottom:10px;padding:12px 16px;border:1px solid var(--workspace-line-strong);background:var(--bg-surface)}.app-shell:not(.home-shell) .workspace-slot-titlebar>div{display:flex;align-items:baseline;gap:10px;min-width:0}.app-shell:not(.home-shell) .workspace-slot-titlebar span{color:var(--workspace-green);font-size:13px;font-weight:700}.app-shell:not(.home-shell) .workspace-slot-titlebar strong{overflow:hidden;color:var(--workspace-text);font-size:18px;text-overflow:ellipsis;white-space:nowrap}.app-shell:not(.home-shell) .workspace-slot-titlebar em{flex:0 0 auto;color:#e16b6b;font-size:11px;font-style:normal}.app-shell:not(.home-shell) .slot-context-details{display:none}.app-shell:not(.home-shell) .editor-grid{grid-template-columns:minmax(0,60%) minmax(0,30%) minmax(54px,10%);grid-template-rows:minmax(340px,1fr) minmax(230px,auto) minmax(420px,auto);gap:10px;height:auto;min-height:0}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame{min-height:0;overflow:auto}.app-shell:not(.home-shell) .reference-current{min-height:150px}.app-shell:not(.home-shell) .reference-current img{max-height:170px}.app-shell:not(.home-shell) .visual-reference-strength{display:grid;grid-template-columns:auto minmax(0,1fr) 42px;align-items:center;gap:10px;margin-top:12px;color:var(--workspace-muted);font-size:11px}.app-shell:not(.home-shell) .visual-reference-strength input{width:100%;accent-color:var(--workspace-green)}.app-shell:not(.home-shell) .visual-reference-strength output{color:var(--workspace-text);text-align:right;font-variant-numeric:tabular-nums}.app-shell:not(.home-shell) .workspace-main>.workspace-tools{grid-column:2 / span 2;grid-row:1;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;border-left:1px solid var(--workspace-line);background:var(--bg-input);overflow:hidden}.app-shell:not(.home-shell) .workspace-tools-head{grid-column:2;grid-row:1;min-height:54px;padding:12px;border-bottom:1px solid var(--workspace-line)}.app-shell:not(.home-shell) .workspace-tools-head .card-title{font-size:12px}.app-shell:not(.home-shell) .workspace-tools-head .muted-text{display:none}.app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;gap:8px;padding:12px 6px;border:0;background:var(--bg-base)}.app-shell:not(.home-shell) .workspace-main>.workspace-tools .workspace-tool-rail{display:flex!important}.app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail button{writing-mode:vertical-rl;min-height:88px;padding:10px 7px;border:1px solid var(--workspace-line);border-radius:5px;color:var(--workspace-muted);background:transparent}.app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail button.active,.app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail button:hover{border-color:var(--workspace-green-border);color:var(--workspace-green)}.app-shell:not(.home-shell) .workspace-tools-body{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:auto}.app-shell:not(.home-shell) .workspace-tool-section{min-height:100%;padding:16px 14px}.app-shell:not(.home-shell) .result-panel{min-height:420px;padding:12px}.app-shell:not(.home-shell) #result-preview .result-workbench{grid-template-columns:minmax(0,72%) minmax(210px,28%)}.app-shell:not(.home-shell) #result-preview .result-preview-pane{min-height:380px}@media (max-width: 1100px){.app-shell:not(.home-shell) .workspace-layout{grid-template-columns:236px minmax(0,1fr)}.app-shell:not(.home-shell) .workspace-main{grid-template-columns:minmax(0,1fr) 48px 260px}.app-shell:not(.home-shell) .editor-grid{grid-template-columns:minmax(0,58%) minmax(0,32%) minmax(48px,10%)}}@media (max-width: 760px){.app-shell:not(.home-shell){height:auto;min-height:100vh;overflow:auto}.app-shell:not(.home-shell) .main-panel,.app-shell:not(.home-shell) .workspace-page,.app-shell:not(.home-shell) .workspace-layout{height:auto;min-height:calc(100vh - 56px);overflow:visible}.app-shell:not(.home-shell) .workspace-layout{display:flex;flex-direction:column}.app-shell:not(.home-shell) .slot-column{min-height:420px;border-right:0;border-bottom:1px solid var(--workspace-line)}.app-shell:not(.home-shell) .workspace-main{display:flex;flex-direction:column;overflow:visible}.app-shell:not(.home-shell) .workspace-main>.editor-column{overflow:visible}.app-shell:not(.home-shell) .workspace-main>.workspace-tools{min-height:440px;border-top:1px solid var(--workspace-line);border-left:0}.app-shell:not(.home-shell) .workspace-main>.workspace-tools{grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(0,1fr)!important}.app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail{display:flex!important;flex-direction:row;grid-column:1 / span 2;grid-row:1;min-height:48px}.app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail button{writing-mode:horizontal-tb;min-height:34px;flex:1}.app-shell:not(.home-shell) .workspace-tools-head{grid-column:1 / span 2;grid-row:2}.app-shell:not(.home-shell) .workspace-tools-body{grid-column:1 / span 2;grid-row:3}.app-shell:not(.home-shell) .workspace-tools{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}.app-shell:not(.home-shell) .editor-grid{grid-template-columns:1fr;grid-template-rows:auto}.app-shell:not(.home-shell) .editor-grid>*{grid-column:1!important;grid-row:auto!important}.app-shell:not(.home-shell) .workspace-slot-titlebar{align-items:flex-start;flex-direction:column}.app-shell:not(.home-shell) .workspace-slot-titlebar em{white-space:normal}}@media (max-width: 840px),(max-height: 650px){.listing-studio{height:auto;min-height:calc(100vh - 64px);overflow:visible}.listing-studio-body{display:block}.listing-module-panel{border-right:0;border-bottom:1px solid rgba(151,166,196,.13)}.listing-module-nav{grid-template-columns:repeat(4,minmax(130px,1fr));overflow-x:auto}.listing-progress{display:none}.listing-canvas{min-height:480px;overflow:visible}.listing-assets-panel{border-left:0;border-top:1px solid rgba(151,166,196,.13);overflow:visible}.listing-image-grid{grid-template-columns:repeat(6,minmax(56px,1fr))}.listing-studio-footer{position:sticky;bottom:0;min-height:52px}}@media (max-width: 560px){.listing-studio-bar{padding:0 9px;gap:8px}.listing-studio-title strong{font-size:11px}.listing-top-generate{padding:6px 8px;font-size:10px}.listing-canvas{padding:18px 14px}.listing-canvas-form,.listing-strategy-form{grid-template-columns:1fr}.listing-image-grid{grid-template-columns:repeat(4,1fr)}.listing-studio-footer>span{display:none}.listing-studio-footer{justify-content:flex-end;padding:0 9px}}.ops-page{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:40px 0 96px}.ops-inner{display:grid;gap:20px}.ops-back{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:7px 12px;border:1px solid rgba(151,166,196,.18);border-radius:9px;color:#9aa5b8;font-size:12px;background:var(--bg-input);cursor:pointer;transition:color .16s ease,border-color .16s ease}.ops-back:hover{color:#e9edf5;border-color:#97a6c45c}.ops-hero{display:flex;align-items:flex-start;gap:16px}.ops-hero-icon{display:grid;width:48px;height:48px;flex:none;place-items:center;border:1px solid rgba(110,168,255,.26);border-radius:13px;color:#6ea8ff;background:#6ea8ff14}.ops-hero h2{margin:6px 0 8px;color:#f4f6fb;font-size:clamp(26px,3.4vw,38px);letter-spacing:-.03em}.ops-hero>div:last-child>p:last-child{margin:0;color:#8f98aa;font-size:14px}.ops-engine{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(230,180,80,.3);border-radius:11px;color:#e7c77a;font-size:13px;background:#e6b45012}.ops-engine.ready{border-color:#c3dd7247;color:var(--accent-lime);background:#c3dd720f}.ops-engine-gear{margin-left:auto;opacity:.6}.ops-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.ops-form{display:grid;gap:20px}.ops-card{padding:20px;border:1px solid rgba(151,166,196,.16);border-radius:14px;background:var(--bg-input);box-shadow:0 20px 60px #03050a38,inset 0 1px #ffffff09}.ops-card-head{display:flex;align-items:center;gap:9px;margin-bottom:16px;color:#e9edf5;font-size:14px;font-weight:700}.ops-card-head small{margin-left:auto;color:#7f8a9d;font-size:11px;font-weight:500}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ops-field{display:grid;gap:7px}.ops-field>span{color:#8d96a7;font-size:11px;font-weight:600}.ops-field input,.ops-field select,.ops-field textarea{width:100%;padding:10px 12px;border:1px solid rgba(151,166,196,.18);border-radius:9px;color:#e9edf5;font-size:13px;background:var(--bg-base);transition:border-color .16s ease,background .16s ease}.ops-field input:focus,.ops-field select:focus,.ops-field textarea:focus{outline:none;border-color:#6ea8ff80;background:var(--bg-base)}.ops-field textarea{resize:vertical;min-height:72px;line-height:1.6}.ops-upload-list{display:grid;gap:8px;margin-bottom:12px}.ops-upload-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(151,166,196,.14);border-radius:9px;background:var(--bg-base)}.ops-upload-item img{width:40px;height:40px;flex:none;object-fit:cover;border-radius:7px}.ops-upload-item.file svg{flex:none;color:#8d96a7}.ops-upload-item span{flex:1;min-width:0;overflow:hidden;color:#c4cbd8;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ops-upload-item button{display:grid;width:24px;height:24px;flex:none;place-items:center;border:none;border-radius:6px;color:#8d96a7;background:transparent;cursor:pointer}.ops-upload-item button:hover{color:#ff8a8a;background:#ff8a8a1a}.ops-drop{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px dashed rgba(151,166,196,.28);border-radius:10px;color:#9aa5b8;font-size:12px;cursor:pointer;transition:border-color .16s ease,color .16s ease}.ops-drop:hover{border-color:#6ea8ff80;color:#d6deea}.ops-generate{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px;border:1px solid rgba(110,168,255,.5);border-radius:11px;color:#0c1018;font-size:14px;font-weight:750;background:#6ea8ff;cursor:pointer;transition:filter .16s ease,transform .16s ease}.ops-generate:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.ops-generate:disabled{opacity:.6;cursor:not-allowed}.ops-error{display:flex;align-items:flex-start;gap:9px;padding:13px 16px;border:1px solid rgba(255,138,138,.3);border-radius:10px;color:#ffb0b0;font-size:13px;background:#ff8a8a12}.ops-result{display:grid;gap:20px}.ops-report{max-height:480px;overflow:auto;padding:16px;border:1px solid rgba(151,166,196,.12);border-radius:10px;background:var(--bg-base)}.ops-report pre{margin:0;color:#c4cbd8;font-family:ui-monospace,Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.ops-handoff-summary{display:flex;gap:22px;margin-bottom:16px;color:#9aa5b8;font-size:12px}.ops-handoff-summary strong{color:#e9edf5;font-size:18px;margin-right:4px}.ops-handoff-items{display:grid;gap:10px;margin-bottom:16px}.ops-handoff-item{display:flex;gap:12px;padding:12px 14px;border:1px solid rgba(151,166,196,.13);border-radius:10px;background:var(--bg-base)}.ops-handoff-type{display:inline-flex;align-items:center;height:fit-content;padding:3px 9px;border-radius:6px;font-size:10px;font-weight:750;white-space:nowrap}.ops-handoff-type.main_image{color:var(--accent-lime);background:#c3dd721f}.ops-handoff-type.attachment{color:#6ea8ff;background:#6ea8ff1f}.ops-handoff-type.aplus{color:#b39ddb;background:#b39ddb1f}.ops-handoff-item strong{color:#e9edf5;font-size:13px}.ops-handoff-item p{margin:4px 0 0;color:#8d96a7;font-size:11px;line-height:1.6}.ops-handoff-button{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border:1px solid rgba(195,221,114,.5);border-radius:11px;color:#0c1018;font-size:14px;font-weight:750;background:var(--accent-lime);cursor:pointer;transition:filter .16s ease,transform .16s ease}.ops-handoff-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.ops-handoff-button:disabled{opacity:.5;cursor:not-allowed}.ops-brief{display:grid;gap:10px;margin-bottom:16px}.ops-brief-row{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:baseline;padding:11px 14px;border:1px solid rgba(151,166,196,.13);border-radius:10px;background:var(--bg-base)}.ops-brief-row span{color:#8d96a7;font-size:12px;white-space:nowrap}.ops-brief-row strong{color:#e9edf5;font-size:13px;font-weight:650;line-height:1.6;word-break:break-word}@media (max-width: 900px){.ops-layout,.ops-grid{grid-template-columns:1fr}}@media (max-width: 640px){.ops-page{width:min(100% - 28px,1240px);padding-top:26px}}body{background:radial-gradient(1100px 640px at 88% -12%,rgba(91,108,158,.22),transparent 62%),radial-gradient(980px 720px at -12% 42%,rgba(63,77,116,.16),transparent 62%),radial-gradient(760px 560px at 55% 112%,rgba(91,108,158,.14),transparent 62%),var(--page-bg);background-attachment:fixed}.module-frame{border-color:#7f8fc729;background:var(--bg-input);box-shadow:inset 0 1px #ffffff0a}.module-frame>.composition-picker{padding:0;border:0;border-radius:0;background:transparent}.resource-module-frame{overflow:hidden;max-height:52px;transition:max-height .28s ease,border-color .18s ease,background-color .18s ease}.resource-module-frame:hover,.resource-module-frame:focus-within,.resource-module-frame.is-keeping{max-height:760px;border-color:#c3dd724d;background:var(--bg-input)}.resource-module-frame>:not(.section-label){opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;transition:opacity .16s ease,transform .2s ease,visibility 0s linear .2s}.resource-module-frame:hover>:not(.section-label),.resource-module-frame:focus-within>:not(.section-label),.resource-module-frame.is-keeping>:not(.section-label){opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition-delay:.06s,.06s,0s}.resource-module-frame>.section-label{min-height:23px;margin-bottom:14px}.resource-module-label{gap:14px}.resource-module-label>:first-child{flex:0 0 auto}.resource-module-summary{display:inline-flex;align-items:baseline;gap:7px;min-width:0;margin-right:auto;overflow:hidden;color:#89929f;font-size:11px;font-weight:400;line-height:1.4}.resource-module-summary span{flex:0 0 auto}.resource-module-summary strong{min-width:0;overflow:hidden;color:var(--workspace-green);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.copy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.visual-requirement-module .field-block{margin-top:10px}.visual-requirement-module textarea{min-height:88px;resize:vertical}.visual-requirement-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.visual-requirement-module.is-disabled textarea,.visual-requirement-module.is-disabled button:disabled{opacity:.45;cursor:not-allowed}.copy-module-frame{grid-column:span 2}.resource-picker{gap:10px}.resource-selection{display:flex;align-items:center;gap:7px;min-width:0;padding:1px 0 10px;border-bottom:1px solid rgba(148,163,184,.13);color:var(--text-secondary);font-size:12px;line-height:18px}.resource-selection-label{flex:0 0 auto;margin-right:5px;color:#89929f;font-size:11px}.resource-selection span:not(.resource-selection-label),.resource-selection strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-selection i{flex:0 0 auto;color:#596170;font-style:normal}.resource-selection strong{min-width:0;color:var(--workspace-green);font-weight:500}.resource-fields{gap:10px}.composition-fields.resource-fields{grid-template-columns:1.05fr 1.45fr 1.15fr 2.35fr}.resource-fields label>span{display:flex;align-items:center;gap:5px;color:#98a1af;font-size:11px}.resource-fields label>span b{display:inline-grid;width:15px;height:15px;place-items:center;border:1px solid rgba(195,221,114,.33);border-radius:50%;color:var(--workspace-green);font-size:9px;font-weight:600}.resource-field-final select{border-color:#c3dd724f;background-color:#c3dd7209}.resource-picker.disabled .resource-selection{opacity:.62}.composition-match-panel{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.13)}.composition-match-summary{display:flex;align-items:flex-start;gap:9px;color:#98a1af;font-size:11px;line-height:18px}.composition-confidence{flex:0 0 auto;padding:1px 7px;border:1px solid rgba(195,221,114,.35);border-radius:4px;color:var(--workspace-green);font-weight:600}.composition-confidence.low{border-color:#efbe546b;color:#efbe54}.composition-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.composition-candidates button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;min-height:38px;padding:7px 9px;border:1px solid rgba(148,163,184,.2);border-radius:5px;background:var(--bg-input);color:#aab2bd;text-align:left}.composition-candidates button:hover,.composition-candidates button.active{border-color:#c3dd7294}.composition-candidates button b{color:var(--workspace-green);font-size:11px}.composition-candidates button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.composition-candidates button small{color:#747e8b;font-size:10px}@media (max-width: 980px){.composition-fields.resource-fields,.composition-candidates{grid-template-columns:1fr}.resource-selection{flex-wrap:wrap;gap:4px 7px}.resource-selection strong{flex-basis:calc(100% - 64px)}.resource-module-label{align-items:flex-start;flex-wrap:wrap}.resource-module-summary{flex:1 1 240px;flex-wrap:wrap;overflow:visible}.resource-module-summary strong{white-space:normal}}.slot-group{margin-top:12px;padding:12px;border:1px solid rgba(127,143,199,.14);border-radius:8px;background:var(--bg-input)}.slot-column-header+.slot-group{margin-top:12px;border-top:1px solid rgba(127,143,199,.14)}.section-icon{display:inline-grid;flex:0 0 auto;place-items:center;width:22px;height:22px;border:1px solid rgba(127,143,199,.24);border-radius:6px;background:#7f8fc717;color:var(--accent-strong);box-shadow:none}.section-icon svg{filter:none}.card-title .section-icon{width:19px;height:19px;margin:-1px 7px 0 0;border-radius:6px}.slot-group-title-wrap .section-icon{width:18px;height:18px;margin-top:1px;border-radius:6px}.section-label>span{display:inline-flex;align-items:center;gap:7px}.card-title,.section-label>span{color:var(--text);font-size:15px;font-weight:700;line-height:1.3;letter-spacing:0}.section-label>span .section-icon{width:19px;height:19px;flex:0 0 19px}.slot-group-title-wrap{display:flex;align-items:flex-start;gap:8px;min-width:0}.slot-group-title{display:grid;gap:2px;min-width:0}.match-status-icon{display:inline-grid;place-items:center;margin-right:5px;vertical-align:-1px}.summary-card,.panel-card,.dropzone-card,.slot-column,.editor-card,.history-card,.creation-composer{background:var(--bg-input);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);border-color:#7f8fc729;box-shadow:0 0 0 1px #7f8fc70d,0 22px 48px #06080d80,inset 0 1px #ffffff0e}.dropzone-inner,.imported-item,.product-image-card,.source-details,.history-entry,.slot-item-row,.composition-picker,.size-panel,.reference-panel,.result-panel,.composer-assets,.composer-parse-report,.match-banner,.parse-report,.run-feedback,.font-preview,.reference-option,.preset-button,.history-export-button,.slot-group-actions button,.history-image-link,.result-image-link{background:var(--bg-input);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#ffffff12}.composer-asset{background:var(--bg-input)}.composer-asset img,.composer-file-icon{background:var(--bg-surface)}.app-shell:not(.home-shell){background-color:var(--page-bg);background-image:linear-gradient(rgba(151,166,196,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(151,166,196,.04) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed}.app-shell:not(.home-shell) :is(.slot-column,.editor-card){background:var(--bg-input);backdrop-filter:blur(20px) saturate(1.18);-webkit-backdrop-filter:blur(20px) saturate(1.18);border-color:#97a6c43d;box-shadow:0 18px 42px #05070c47,inset 0 1px 0 var(--divider)}.composer-asset>button{background:var(--bg-base)}.result-image-link,.result-image-link img{background:var(--bg-input)}.slot-item-row.active,.preset-button.active,.reference-option.active,.nav-item.active{border-color:#7f8fc794}.slot-item-row:hover,.history-entry-toggle:hover,.secondary-button:hover:not(:disabled),.nav-item:hover,.slot-group-actions button:hover,.history-export-button:hover,.result-image-link:hover,.history-image-link:hover,.reference-option:hover,.preset-button:hover{border-color:#7f8fc770;background:var(--bg-surface)}.primary-button{box-shadow:0 4px 16px #5b6c9e42}.icon-button{background:linear-gradient(135deg,#5b6c9e57,#7f8fc729);border-color:#7f8fc76b;box-shadow:0 2px 10px #5b6c9e38}.top-nav{background:var(--bg-base);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand-glyph{background:linear-gradient(135deg,#58699e,#7f8fc7 55%,#a8b5e2);color:#fff;border-color:#ffffff40;box-shadow:0 2px 10px #5b6c9e66}@media (max-width: 760px){body{min-width:0;background-attachment:scroll}.summary-card,.panel-card,.dropzone-card,.slot-column,.editor-card,.history-card,.creation-composer{background:var(--bg-input);backdrop-filter:none;-webkit-backdrop-filter:none}.dropzone-inner,.imported-item,.product-image-card,.source-details,.history-entry,.slot-item-row,.composition-picker,.size-panel,.reference-panel,.result-panel,.composer-assets,.composer-parse-report,.match-banner,.parse-report,.run-feedback,.font-preview,.reference-option,.preset-button,.history-export-button,.slot-group-actions button,.history-image-link,.result-image-link{backdrop-filter:none;-webkit-backdrop-filter:none}}.home-shell{min-height:100vh;background:var(--bg-base);color:#f7f5ff}.home-shell .main-panel{max-width:none;min-height:100vh;padding:0}.home-page{min-height:100vh;gap:0}.home-page .home-header{min-height:70px;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.16);background:var(--bg-base);box-shadow:0 8px 32px #0000001f;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}.home-page .brand-mark{color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.45)}.home-page .brand-glyph{border-color:#a8b5e294;background:linear-gradient(135deg,#58699ec7,#7f8fc757);color:#fff;box-shadow:0 0 18px #5b6c9e61}.home-page .top-nav{border-color:#ffffff2b;background:var(--border-default);box-shadow:inset 0 1px #ffffff17;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.home-page .nav-item{color:#f2effab3}.home-page .nav-item:hover{background:var(--divider-strong);color:#fff}.home-page .nav-item.active{border-color:#a8b5e28c;color:#fff}.home-page .home-status{color:#d7f49a;text-shadow:0 1px 12px var(--overlay)}.home-page .creation-hero{width:min(100% - 40px,940px);min-height:calc(100vh - 70px);margin:0 auto;padding:clamp(72px,12vh,150px) 0 clamp(48px,9vh,110px)}.home-page .creation-hero .eyebrow{color:#a8b5e2;text-shadow:0 1px 16px rgba(0,0,0,.65)}.home-page .creation-hero h2{color:#fff;text-shadow:0 3px 28px rgba(0,0,0,.62)}.home-page .creation-subtitle{color:#efecf7c7;text-shadow:0 2px 14px rgba(0,0,0,.65)}.home-page .creation-composer{border-color:#ffffff3d;background:var(--bg-input);box-shadow:0 28px 80px #00000061,inset 0 1px #ffffff1f,0 0 0 5px #7f8fc712;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3)}.home-page .creation-composer.dragging{border-color:#a8b5e2db;background:var(--bg-surface)}.home-page .creation-composer textarea{color:#fff}.home-page .creation-composer textarea::placeholder,.home-page .composer-footer{color:#eeeaf7a6}.home-page .composer-footer,.home-page .composer-assets{border-color:#ffffff24}.home-page .icon-button{border-color:#a8b5e266;background:#5b6c9e38;color:#c5cfea;box-shadow:inset 0 1px 0 var(--divider-strong)}.app-shell:not(.home-shell) .slot-column{position:relative;z-index:30;overflow:visible;padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:none}.app-shell:not(.home-shell) .slot-structure-section,.app-shell:not(.home-shell) .workspace-section{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.app-shell:not(.home-shell) .workspace-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.app-shell:not(.home-shell) .slot-board{display:grid;gap:12px}.app-shell:not(.home-shell) .slot-lane{display:grid;gap:0;min-height:136px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--bg-base)}.app-shell:not(.home-shell) .slot-lane-label{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--accent);font-size:11px}.app-shell:not(.home-shell) .slot-lane-label strong{color:var(--text);font-size:12px;line-height:1.2}.app-shell:not(.home-shell) .slot-lane-content{min-width:0;padding:10px 12px}.app-shell:not(.home-shell) .slot-lane-head{display:flex;align-items:center;gap:8px;min-height:26px;color:var(--muted);font-size:10px}.app-shell:not(.home-shell) .slot-lane-current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell:not(.home-shell) .slot-lane-count{flex:0 0 auto;padding:3px 7px;border:1px solid var(--line);border-radius:3px;color:var(--text-secondary)}.app-shell:not(.home-shell) .slot-lane-add{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;margin-left:auto;padding:4px 8px;border:1px solid var(--line-strong);border-radius:3px;background:var(--bg-input);color:var(--text-secondary);font-size:11px}.app-shell:not(.home-shell) .slot-lane-add:hover{border-color:var(--accent);color:var(--accent)}.app-shell:not(.home-shell) .slot-card-track{display:grid;grid-template-columns:repeat(4,minmax(38px,1fr));grid-auto-rows:38px;align-items:start;gap:6px;min-width:0;padding:4px 0 2px;overflow:visible}.app-shell:not(.home-shell) .slot-board-card{position:relative;width:100%;height:38px;min-width:0;min-height:38px;border:1px solid var(--line-strong);border-radius:4px;background:var(--bg-input);transition:min-height .18s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.app-shell:not(.home-shell) .slot-board-card.is-selected{border-color:var(--accent)}.app-shell:not(.home-shell) .slot-board-card:hover{position:relative;width:150px;height:96px;min-height:96px;border-color:var(--accent);background:var(--bg-input);box-shadow:inset 0 0 0 1px var(--accent-lime-dim);z-index:20}.app-shell:not(.home-shell) .slot-board-card-button{display:grid;place-items:center;width:100%;min-height:36px;height:100%;padding:0;background:transparent;color:var(--text);text-align:left;overflow:hidden;border-radius:inherit}.app-shell:not(.home-shell) .slot-board-card:hover .slot-board-card-button{grid-template-columns:22px minmax(0,1fr);place-items:initial;gap:6px;min-height:94px;padding:7px}.app-shell:not(.home-shell) .slot-board-card-number{display:grid;place-items:center;color:var(--text-secondary);font-size:13px;font-weight:700;line-height:1}.app-shell:not(.home-shell) .slot-run-indicator{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:13px;height:13px;pointer-events:none}.app-shell:not(.home-shell) .slot-run-indicator.is-running{color:var(--accent)}.app-shell:not(.home-shell) .slot-run-indicator.is-running svg{animation:slot-run-spin .8s linear infinite}.app-shell:not(.home-shell) .slot-run-indicator.is-completed span{width:7px;height:7px;border-radius:50%;background:var(--accent-lime);box-shadow:0 0 7px #c3dd72eb}@keyframes slot-run-spin{to{transform:rotate(360deg)}}.app-shell:not(.home-shell) .slot-board-card:hover .slot-board-card-number{align-self:start;padding-top:2px;font-size:12px}.app-shell:not(.home-shell) .slot-board-card-copy{display:none;min-width:0;max-width:108px}.app-shell:not(.home-shell) .slot-board-card:hover .slot-board-card-copy{grid-column:2;display:grid;align-content:start;gap:4px}.app-shell:not(.home-shell) .slot-board-card-copy strong,.app-shell:not(.home-shell) .slot-board-card-copy small,.app-shell:not(.home-shell) .slot-board-card-copy em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell:not(.home-shell) .slot-board-card-copy strong{font-size:13px;line-height:1.25}.app-shell:not(.home-shell) .slot-board-card-copy small{color:var(--muted);font-size:10px;line-height:1.3}.app-shell:not(.home-shell) .slot-board-card-copy em{color:var(--text-secondary);font-size:10px;font-style:normal;line-height:1.3}.app-shell:not(.home-shell) .slot-board-card .slot-delete-button{display:none;position:absolute;right:7px;bottom:7px;z-index:3}.app-shell:not(.home-shell) .slot-board-card:hover .slot-delete-button{display:inline-flex}@media (max-width: 760px){.app-shell:not(.home-shell) .slot-lane-label strong{font-size:12px}}.home-page .icon-button:hover{border-color:#bec9eab8;background:#5b6c9e5c}@media (max-width: 640px){.home-shell{background-attachment:scroll}.home-page .home-header{min-height:96px;padding:14px 16px}.home-page .creation-hero{width:min(100% - 28px,940px);min-height:calc(100vh - 96px);margin:0 auto;padding:64px 0 48px}}@media (max-width: 760px){.home-page .creation-composer{background:var(--bg-input)}}.listing-chooser{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border:1px dashed var(--line-strong);border-radius:6px;color:var(--muted);font-size:12px}.listing-chooser select{flex:1;min-width:0;padding:5px 8px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);color:var(--text);font-size:12px}.draft-name-input{width:150px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px}.draft-name-input:focus{border-color:var(--accent);outline:none}.home-page .draft-name-input{border-color:#a8b5e266;background:var(--divider);color:#edf0f6}.home-page .draft-name-input::placeholder{color:#eeeaf773}.draft-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:10px 14px;border:1px solid #b98d5f;border-radius:6px;background:#b98d5f1a}.draft-banner-head{display:flex;flex-direction:column;gap:2px}.draft-banner-head strong{color:var(--text);font-size:13px}.draft-banner-head span{color:var(--muted);font-size:11px}.draft-banner-actions{display:flex;align-items:center;gap:8px}.draft-banner-actions .secondary-button{min-height:32px;padding:6px 11px;border-radius:6px;font-size:12px}.draft-banner-actions .text-button{padding:6px 8px;font-size:12px}@media (max-width: 980px){.draft-banner{align-items:flex-start;flex-direction:column}.draft-banner-actions{flex-wrap:wrap}.composer-footer .draft-name-input{width:100%}}.global-header{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:56px;padding:0 18px;border-bottom:1px solid rgba(127,143,199,.16);background:linear-gradient(180deg,#181c26f5,#0f1219f0);box-shadow:0 10px 32px #04060a38;-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%)}.global-brand,.global-actions,.global-brand-button,.global-nav,.global-nav button,.header-workspace-action,.header-primary-action,.project-context span{display:flex;align-items:center}.global-brand{min-width:0;gap:12px}.global-brand-button{flex:0 0 auto;gap:9px;padding:0;border:0;color:#f5f7fb;background:transparent;cursor:pointer}.global-brand-button .brand-glyph{width:30px;height:30px;border:1px solid rgba(168,181,226,.44);border-radius:7px;color:#fff;background:linear-gradient(145deg,#9aaae0,#697bb8 68%,#3f4e83);box-shadow:0 7px 20px #5b6c9e5c,inset 0 1px #ffffff47}.brand-wordmark{font-size:13px;font-weight:760;letter-spacing:0}.header-divider{width:1px;height:22px;background:var(--divider-strong)}.project-context{min-width:0;max-width:230px;line-height:1.1}.project-context strong,.project-context>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-context strong{color:#e7eaf2;font-size:12px;font-weight:650}.project-context>span{margin-top:4px;color:#778095;font-size:9px}.project-context i{flex:0 0 auto;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#91d866;box-shadow:0 0 8px #91d8666b}.project-context i.draft{background:#d9ad57;box-shadow:0 0 8px #d9ad5766}.project-context i.busy{background:#8999d0;box-shadow:0 0 9px #8999d094}.global-nav{gap:3px;padding:3px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:var(--bg-base);box-shadow:inset 0 1px #ffffff06}.global-nav button{justify-content:center;gap:6px;min-width:106px;height:30px;padding:0 12px;border:0;border-radius:5px;color:#7f8799;background:transparent;font-size:10px;font-weight:650;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.global-nav button:hover{color:#c8cedb;background:#ffffff0a}.global-nav button.active{color:#f5f7fc}.global-actions{justify-content:flex-end;gap:12px;min-width:0}.header-primary-action,.header-workspace-action{justify-content:center;gap:7px;height:32px;padding:0 13px;border-radius:6px;font-size:10px;font-weight:720;cursor:pointer}.header-primary-action{border:1px solid rgba(255,255,255,.86);color:#171a22;background:#f1f3f8;box-shadow:0 6px 18px #0000003d}.header-primary-action:hover:not(:disabled){background:#fff;box-shadow:0 8px 24px #5b6c9e33}.header-primary-action:disabled{cursor:not-allowed;opacity:.58}.run-quota{display:flex;align-items:center;height:32px;padding:0 10px;border-radius:6px;font-size:10px;font-variant-numeric:tabular-nums;color:#8a93a8;background:#5b6c9e1a;border:1px solid rgba(127,143,199,.22);white-space:nowrap}.run-quota.warn{color:#e8c76a;border-color:#e8c76a66;background:#e8c76a14}.run-quota.over{color:#f09a9a;border-color:#f09a9a66;background:#f09a9a14}@keyframes spin{to{transform:rotate(360deg)}}.header-workspace-action{border:1px solid rgba(127,143,199,.3);color:#c5cfea;background:#5b6c9e26}.header-workspace-action:hover{border-color:#a8b5e27a;color:#fff;background:#5b6c9e42}.workspace-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 20px 14px;border-bottom:1px solid rgba(127,143,199,.11)}.workspace-titlebar h2{margin:3px 0 0;color:#edf0f6;font-size:16px;letter-spacing:0}.workspace-titlebar .eyebrow{margin:0;color:#737d92;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.workspace-titlebar>span{color:#737b90;font-size:9px}.home-shell .main-panel,.main-panel{padding-top:0}.home-shell .home-page{min-height:calc(100vh - 56px)}@media (max-width: 860px){.global-header{grid-template-columns:minmax(0,1fr) auto;padding:0 12px}.global-nav{position:fixed;right:12px;bottom:12px;left:12px;z-index:90;justify-content:stretch;padding:4px;background:var(--bg-input);box-shadow:0 10px 34px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.global-nav button{flex:1 1 50%}.header-workspace-action span,.header-workspace-action svg:last-child{display:none}.header-workspace-action{width:34px;padding:0}}@media (max-width: 560px){.global-header{min-height:52px;gap:8px}.brand-wordmark,.header-divider,.project-context>span{display:none}.project-context{max-width:120px}.project-context strong{font-size:10px}.header-primary-action{width:34px;padding:0;font-size:0}.header-primary-action svg{width:15px;height:15px}.workspace-titlebar{padding:14px}}.app-shell:not(.home-shell){--workspace-green: var(--accent-lime);--workspace-green-bright: var(--accent-lime);--workspace-green-bg: rgba(195, 221, 114, .08);--workspace-green-border: rgba(195, 221, 114, .48)}.app-shell:not(.home-shell) .section-icon{border-color:#c3dd7242;color:var(--workspace-green);background:#c3dd7212}.app-shell:not(.home-shell) :is(.sidebar-card,.editor-card,.reference-panel,.size-panel,.resource-panel,.font-gallery,.result-panel,.history-panel) button:not(.primary-button,.slot-delete-button,.remove-button,:disabled) svg,.app-shell:not(.home-shell) :is(.card-title,.section-label) svg{color:var(--workspace-green)}.app-shell:not(.home-shell) :is(.workspace-item.active,.slot-item-row.active,.reference-picker-button.active,.preset-button.active,.exposure-mode-button.active,.font-gallery-tab.active,.font-gallery-card.active){border-color:var(--workspace-green-border);color:#f1f4e8}.app-shell:not(.home-shell) :is(.workspace-item.active,.slot-item-row.active,.reference-picker-button.active,.preset-button.active,.exposure-mode-button.active,.font-gallery-tab.active,.font-gallery-card.active) :is(svg,.slot-status,.slot-item-badge){color:var(--workspace-green)}.app-shell:not(.home-shell) .match-status-icon,.app-shell:not(.home-shell) .project-context i{color:var(--workspace-green);background:var(--workspace-green)}.app-shell:not(.home-shell) :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.composition-picker select,.font-gallery-search):focus{border-color:var(--workspace-green-border);box-shadow:none;outline:none}.app-shell:not(.home-shell) :is(.upload-zone.drag-active,.reference-upload.drag-active,.is-dragging){border-color:#c3dd72a8;background:#c3dd7212;box-shadow:none}.app-shell:not(.home-shell){height:100vh;min-height:100vh;overflow:hidden;background:var(--bg-base)}.app-shell:not(.home-shell) .main-panel{max-width:none;height:calc(100vh - 56px);min-height:0;margin:0;padding:0}.app-shell:not(.home-shell) .workspace-page{height:100%;min-height:0;padding:0;overflow:visible}.app-shell:not(.home-shell) .workspace-layout{position:relative;display:grid;height:100%;min-height:0;grid-template-columns:248px minmax(720px,1fr) 48px 320px;gap:0;align-items:stretch;overflow:visible;transition:grid-template-columns .2s ease}.app-shell:not(.home-shell) .slot-column{min-width:0;min-height:0;padding:14px 10px 16px 24px;overflow:visible;border:0;border-right:1px solid #202735;border-radius:0;background:var(--bg-input);box-shadow:none}.app-shell:not(.home-shell) .slot-column{position:relative;padding-bottom:58px}.app-shell:not(.home-shell) .slot-structure-section,.app-shell:not(.home-shell) .workspace-section{padding:0;border:0;border-radius:0;background:transparent}.app-shell:not(.home-shell) .workspace-section{margin-top:18px;padding-top:18px;border-top:1px solid #202735}.app-shell:not(.home-shell) .slot-column-header,.app-shell:not(.home-shell) .workspace-head{padding:0 0 10px;border:0}.app-shell:not(.home-shell) .slot-column-header-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px}.app-shell:not(.home-shell) .sidebar-collapse-button{position:absolute;right:10px;bottom:16px;z-index:5;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #202735;border-radius:0;background:var(--bg-input);color:var(--text-muted);cursor:pointer}.app-shell:not(.home-shell) .sidebar-collapse-button:hover{border-color:var(--accent);color:var(--accent)}.app-shell:not(.home-shell) .slot-board{gap:8px;overflow:visible}.app-shell:not(.home-shell) .slot-lane{position:relative;min-height:0;overflow:visible;border-color:#232b39;border-radius:5px;background:var(--bg-base)}.app-shell:not(.home-shell) .slot-lane-content{padding:9px 8px}.app-shell:not(.home-shell) .slot-card-track{padding-bottom:3px}.app-shell:not(.home-shell) .slot-board-card{border-radius:3px;background:var(--bg-input);box-shadow:none}.app-shell:not(.home-shell) .workspace-main{position:relative;z-index:1;grid-column:2;min-width:0;min-height:0;padding:16px 18px 28px;overflow-x:hidden;overflow-y:auto;background:var(--bg-base)}.app-shell:not(.home-shell) .editor-column{min-width:0;gap:14px}.app-shell:not(.home-shell) .editor-card,.app-shell:not(.home-shell) .history-card{min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.app-shell:not(.home-shell) .editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(250px,auto) minmax(190px,auto) auto;gap:10px;align-items:stretch}.app-shell:not(.home-shell) .copy-module-frame{grid-column:2;grid-row:1}.app-shell:not(.home-shell) #material-resource{grid-column:1;grid-row:1}.app-shell:not(.home-shell) .visual-reference-module{grid-column:1;grid-row:2}.app-shell:not(.home-shell) .visual-requirement-module{grid-column:2;grid-row:2}.app-shell:not(.home-shell) #result-preview{grid-column:1 / -1;grid-row:3}.app-shell:not(.home-shell) .copy-editor-tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid #202735}.app-shell:not(.home-shell) .copy-editor-tabs button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--workspace-muted);cursor:pointer}.app-shell:not(.home-shell) .copy-editor-tabs button.active{border-bottom-color:var(--workspace-green);color:var(--workspace-green)}.app-shell:not(.home-shell) .slot-context-details,.app-shell:not(.home-shell) .resource-module-frame,.app-shell:not(.home-shell) .result-panel,.app-shell:not(.home-shell) .history-card{border:1px solid #202735;border-radius:5px;background:var(--bg-input);box-shadow:none}.app-shell:not(.home-shell) .resource-module-frame{max-height:none;overflow:visible;padding:10px 12px}.app-shell:not(.home-shell) .resource-module-frame.is-keeping{border-color:#c3dd724d;background:var(--bg-input)}.app-shell:not(.home-shell) .resource-module-frame>.section-label{min-height:24px;margin-bottom:10px}.app-shell:not(.home-shell) .style-and-size-row{gap:8px}.app-shell:not(.home-shell) .result-panel{min-height:210px;padding:12px}.app-shell:not(.home-shell) .workspace-tools{grid-column:3 / span 2;grid-row:1;display:grid;grid-template-columns:48px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;border-left:1px solid #202735;background:var(--bg-input)}.app-shell:not(.home-shell) .workspace-tools-head{grid-column:2;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:16px 14px 12px;border-bottom:1px solid #202735}.app-shell:not(.home-shell) .workspace-tools-body{grid-column:2;grid-row:2;min-height:0;overflow-y:auto}.app-shell:not(.home-shell) .workspace-tools-tab{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;cursor:pointer}.app-shell:not(.home-shell) .workspace-tool-section{padding:14px}.app-shell:not(.home-shell) .workspace-tool-title{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--text-primary);font-size:13px;font-weight:700}.app-shell:not(.home-shell) .workspace-tool-section .resource-picker,.app-shell:not(.home-shell) .workspace-tool-section .font-gallery{margin-top:12px}.app-shell:not(.home-shell) .tool-jump-button{width:100%;justify-content:center;margin-top:14px}.app-shell:not(.home-shell) .workspace-tool-stat{display:flex;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #202735;color:var(--text-muted);font-size:12px}.app-shell:not(.home-shell) .workspace-tool-stat strong{color:var(--accent);font-weight:600}.app-shell:not(.home-shell) .workspace-tool-divider{margin:16px 0;border-top:1px solid #202735}.app-shell:not(.home-shell) .workspace-tools .history-card{display:block;padding:0;border:0;background:transparent}.app-shell:not(.home-shell) .workspace-tools .history-card>.run-feedback{margin:12px 0}.app-shell:not(.home-shell) .workspace-layout.is-sidebar-collapsed .workspace-main{grid-column:1}.app-shell:not(.home-shell) .workspace-layout.is-sidebar-collapsed .workspace-tools{grid-column:2 / span 2}.app-shell:not(.home-shell) .workspace-layout.is-sidebar-collapsed .slot-column{display:none}.app-shell:not(.home-shell) .workspace-layout.is-sidebar-collapsed .workspace-main{grid-column:1;width:100%}.app-shell:not(.home-shell) .sidebar-expand-button{position:absolute;left:0;bottom:16px;z-index:70;display:inline-flex;align-items:center;justify-content:center;width:24px;height:28px;padding:0;border:1px solid #202735;border-left:0;border-radius:0 3px 3px 0;background:var(--bg-input);color:var(--accent);cursor:pointer;box-shadow:none}.app-shell:not(.home-shell) .sidebar-expand-button:hover{border-color:var(--accent);background:var(--bg-input)}@media (max-width: 980px){.app-shell:not(.home-shell){height:auto;overflow:auto}.app-shell:not(.home-shell) .main-panel,.app-shell:not(.home-shell) .workspace-page,.app-shell:not(.home-shell) .workspace-layout{height:auto;min-height:calc(100vh - 56px);overflow:visible}.app-shell:not(.home-shell) .workspace-layout{display:flex;flex-direction:column}.app-shell:not(.home-shell) .workspace-tools{order:3;min-height:420px;border-top:1px solid #202735;border-left:0}.app-shell:not(.home-shell) .workspace-layout{grid-template-columns:280px minmax(620px,1fr) 280px}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(circle at 20% 12%,rgba(99,102,241,.2),transparent 34%),radial-gradient(circle at 82% 20%,rgba(14,165,233,.16),transparent 30%),radial-gradient(circle at 50% 100%,rgba(195,221,114,.06),transparent 42%),linear-gradient(135deg,#08101f,#10192f 48%,#0b1220)}.login-card{width:min(400px,100%);padding:34px 32px 30px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 60px #0408128c}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.login-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--accent-ink);background:linear-gradient(135deg,#7f8fc7,#a8b5e2)}.login-brand h1{margin:0;font-size:18px;font-weight:700;color:var(--text)}.login-brand p{margin:2px 0 0;font-size:12px;color:var(--muted)}.login-field{display:block;margin-bottom:14px}.login-field>span{display:block;margin-bottom:6px;font-size:12px;color:var(--text-secondary)}.login-input{display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface-input);color:var(--muted)}.login-input:focus-within{border-color:var(--success);box-shadow:none}.login-input svg{flex:0 0 auto}.login-input input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:14px}.login-eye{display:grid;place-items:center;padding:4px;color:var(--muted);background:transparent;border-radius:6px}.login-eye:hover{color:var(--text-secondary)}.login-error{margin:4px 0 12px;padding:8px 12px;border-radius:8px;font-size:12px;color:var(--danger);background:#dd90871f;border:1px solid rgba(221,144,135,.28)}.login-notice{margin:4px 0 12px;padding:8px 12px;border-radius:8px;font-size:12px;color:var(--success);background:#c3dd721a;border:1px solid rgba(195,221,114,.28)}.login-submit{width:100%;height:44px;margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:700;font-size:14px;color:var(--action-ink);background:var(--action)}.login-submit:hover:not(:disabled){background:var(--action-strong)}.login-submit:disabled{cursor:not-allowed;opacity:.55}.login-hint{margin:16px 0 0;text-align:center;font-size:12px;color:var(--muted)}.global-user{position:relative;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 6px;border-radius:9px;border:1px solid transparent;cursor:pointer}.global-user:hover,.global-user.open{border-color:var(--line);background:var(--surface)}.global-user-avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-size:12px;font-weight:700;color:var(--accent-ink);background:var(--accent)}.global-user-name{font-size:13px;color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-user-shield{color:var(--success)}.global-user-caret{color:var(--text-secondary);transition:transform .15s ease}.global-user.open .global-user-caret{transform:rotate(180deg)}.global-user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:170px;padding:6px;border-radius:10px;border:1px solid var(--line);background:var(--surface-raised);box-shadow:0 16px 40px #04081280;display:none;z-index:60}.global-user:hover .global-user-menu,.global-user:focus-within .global-user-menu{display:flex;flex-direction:column;gap:2px}.global-user-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:7px;font-size:13px;text-align:left;color:var(--text-secondary);background:transparent}.global-user-menu button:hover{color:var(--text);background:var(--surface-input)}.global-user-menu .global-user-logout{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.modal-card{width:min(400px,100%);padding:22px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 60px #0408128c}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;color:var(--text)}.modal-close{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:var(--muted);background:transparent}.modal-close:hover{color:var(--text);background:var(--surface-input)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.admin-panel{width:100%;max-width:none;margin:0;padding:26px 32px 40px}.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.admin-head h2{display:flex;align-items:center;gap:9px;margin:0;font-size:20px;color:var(--text)}.admin-head h2 svg{color:var(--success)}.admin-head p{margin:6px 0 0;font-size:13px;color:var(--muted)}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.app-shell:has(.admin-panel) .main-panel{max-width:none;width:100%;padding:0}.app-shell:has(.admin-panel) .global-header{width:100%}@media (max-width: 760px){.admin-panel{padding:20px 16px 32px}.admin-head{flex-direction:column}.admin-actions{width:100%}}.admin-message{margin:0 0 16px;padding:10px 14px;border-radius:9px;font-size:13px;color:var(--success);background:#c3dd721a;border:1px solid rgba(195,221,114,.28)}.admin-message-error{color:var(--danger);background:#dd90871f;border-color:#dd908747}.admin-form{margin-bottom:18px;padding:18px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.admin-form h3{margin:0 0 14px;font-size:14px;color:var(--text)}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.admin-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary)}.admin-model-permissions{display:grid;gap:7px;min-height:36px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--bg-input)}.admin-model-permissions label,.admin-inline-check{display:flex;flex-direction:row;align-items:center;gap:6px;white-space:nowrap}.admin-model-permissions input,.admin-table .admin-inline-check input{width:14px;height:14px;padding:0;accent-color:var(--accent-lime)}.admin-form-grid input,.admin-form-grid select,.admin-bulk-input,.admin-table input,.admin-table select{height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface-input);color:var(--text);font-size:13px;outline:none}.admin-form-grid input:focus,.admin-form-grid select:focus,.admin-bulk-input:focus,.admin-table input:focus,.admin-table select:focus{border-color:var(--success)}.admin-bulk-input{width:100%;height:auto;min-height:130px;padding:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.admin-form-tip{margin:0 0 12px;font-size:12px;line-height:1.6;color:var(--muted)}.admin-form-tip code{padding:1px 5px;border-radius:4px;color:var(--text-secondary);background:var(--surface-input)}.admin-form-actions{display:flex;gap:10px;margin-top:14px}.admin-table-wrap{border-radius:12px;border:1px solid var(--line);background:var(--surface);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{padding:11px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}.admin-table thead th{font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-input)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:var(--surface-raised)}.admin-row-inactive td{opacity:.5}.admin-self-tag{margin-left:6px;padding:1px 6px;border-radius:5px;font-size:11px;color:var(--accent-ink);background:var(--accent)}.admin-status-on{display:inline-flex;align-items:center;gap:5px;color:var(--success)}.admin-status-on:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success)}.admin-status-off{color:var(--muted)}.admin-usage-over{color:var(--danger);font-weight:700}.admin-row-actions{display:flex;gap:4px}.text-button-danger:hover{color:var(--danger)}.admin-overview{display:flex;gap:12px;margin:14px 0}.admin-overview-stat{flex:1;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised)}.admin-overview-stat span{font-size:12px;color:var(--muted)}.admin-overview-stat strong{font-size:20px;font-weight:600;color:var(--text)}.admin-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.admin-health-card{display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised)}.admin-health-card span,.admin-health-card small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-health-card strong{font-size:15px;font-weight:600}.admin-status-on{color:var(--success)}.admin-status-off{color:var(--warning)}.admin-alert-banner{margin:4px 0 14px;padding:12px 14px;border:1px solid var(--warning);border-radius:10px;background:#d9b45c14}.admin-alert-banner-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--warning)}.admin-alert-banner-list{margin:8px 0 0;padding-left:22px;list-style:none}.admin-alert-banner-list li{display:flex;justify-content:space-between;gap:16px;padding:3px 0;font-size:13px;color:var(--text-secondary)}.admin-usage-cell{display:flex;flex-direction:column;gap:5px;min-width:90px}.admin-usage-bar{height:4px;border-radius:3px;background:var(--surface-input);overflow:hidden}.admin-usage-bar-fill{height:100%;border-radius:3px;background:var(--success)}.admin-usage-bar-fill[data-level=warn]{background:var(--warning)}.admin-usage-bar-fill[data-level=over]{background:var(--danger)}.admin-audit-panel{margin:4px 0 14px}.admin-audit-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;color:var(--text)}.admin-audit-table td{white-space:normal}.admin-audit-empty{text-align:center;color:var(--muted);padding:24px 0}@media (max-width: 760px){.admin-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.admin-health-grid{grid-template-columns:1fr}}.app-shell:not(.home-shell){--workspace-bg: #0c1119;--workspace-surface: rgba(20, 27, 38, .94);--workspace-line: rgba(129, 148, 175, .2);--workspace-line-soft: rgba(129, 148, 175, .12);--workspace-text: #edf1f5;--workspace-muted: #8995a8;--workspace-green: var(--accent-lime);background:var(--workspace-bg);color:var(--workspace-text)}.app-shell:not(.home-shell) .global-header{border-bottom-color:var(--workspace-line-soft);background:var(--bg-input);box-shadow:0 8px 24px #03070d2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-shell:not(.home-shell) .global-nav button{border-radius:7px;color:#8d99ac;background:transparent}.app-shell:not(.home-shell) .global-nav button:hover,.app-shell:not(.home-shell) .global-nav button.active{color:#dce4ed;border-color:#8194af38}.app-shell:not(.home-shell) :is(.header-primary-action,.primary-button,.run-button){border-radius:7px;color:#172016;background:#f1f3ef;box-shadow:none}.app-shell:not(.home-shell) :is(.header-primary-action,.primary-button,.run-button):hover:not(:disabled){color:#172016;background:#fff;transform:translateY(-1px)}.app-shell:not(.home-shell) .slot-column{background:var(--bg-input);border-right-color:var(--workspace-line)}.app-shell:not(.home-shell) :is(.slot-lane,.slot-board-card){border-color:var(--workspace-line);background:var(--bg-input)}.app-shell:not(.home-shell) :is(.slot-context-details,.resource-module-frame,.result-panel,.history-card){border-color:var(--workspace-line);border-radius:8px;background:var(--workspace-surface);box-shadow:0 10px 28px #03070d24}.app-shell:not(.home-shell) :is(input,textarea,select,.font-gallery-search){border-color:var(--workspace-line);border-radius:7px;color:var(--workspace-text);background:var(--bg-base)}.app-shell:not(.home-shell) .workspace-layout{grid-template-columns:248px minmax(720px,1fr) 48px 320px}.app-shell:not(.home-shell) .workspace-layout.is-sidebar-collapsed{grid-template-columns:minmax(0,1fr) 48px 320px}.app-shell:not(.home-shell) .editor-grid{grid-template-rows:minmax(250px,auto) minmax(190px,auto) auto}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame{max-height:none;overflow:visible;transition:none}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame:hover,.app-shell:not(.home-shell) .editor-grid>.resource-module-frame:focus-within{max-height:none}.app-shell:not(.home-shell) #result-preview{min-width:0;min-height:0;overflow:hidden}.app-shell:not(.home-shell) #result-preview .result-featured{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px;min-width:0;min-height:220px;max-height:360px}.app-shell:not(.home-shell) #result-preview .result-featured-image{display:grid;place-items:center;width:100%;height:320px;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--workspace-line);border-radius:5px;background:var(--bg-base)}.app-shell:not(.home-shell) #result-preview .result-featured-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.app-shell:not(.home-shell) #result-preview .result-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:118px;overflow-x:auto;overflow-y:hidden;padding-top:8px}.app-shell:not(.home-shell) #result-preview .result-image-link{width:96px;min-width:96px;height:96px;min-height:96px;max-height:96px;padding:0;border-radius:4px}.app-shell:not(.home-shell) #result-preview .result-image-link img{width:100%;height:100%;max-height:100%;object-fit:contain}.app-shell:not(.home-shell) :is(input,textarea,select,.font-gallery-search)::placeholder{color:#687588}.app-shell:not(.home-shell) :is(.section-label,.card-title,.slot-column-header h3,.workspace-head h3){color:var(--workspace-text)}.app-shell:not(.home-shell) :is(.muted-text,.slot-group-head p,.slot-item p,.panel-card p){color:var(--workspace-muted)}.app-shell:not(.home-shell) :is(.sidebar-collapse-button,.sidebar-expand-button,.secondary-button){border-color:var(--workspace-line);border-radius:7px;color:var(--workspace-muted);background:var(--bg-input)}.app-shell:not(.home-shell) :is(.sidebar-collapse-button,.sidebar-expand-button,.secondary-button):hover{border-color:#c3dd72a8;color:var(--workspace-green);background:#c3dd7212}.app-shell:not(.home-shell) .workspace-layout{grid-template-columns:18% minmax(0,77%) 5%;grid-template-rows:minmax(0,1fr);width:100%;min-width:0;overflow:hidden}.app-shell:not(.home-shell) .slot-column{grid-column:1;min-width:0;min-height:0}.app-shell:not(.home-shell) .workspace-main{grid-column:2;display:grid;grid-template-columns:minmax(0,75%) minmax(0,25%);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.app-shell:not(.home-shell) .workspace-main>.editor-column{grid-column:1;min-width:0;min-height:0;display:grid;grid-template-rows:55% 45%;gap:10px;overflow:hidden}.app-shell:not(.home-shell) .workspace-main>.workspace-tools{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;border-left:1px solid var(--workspace-line);overflow:hidden}.app-shell:not(.home-shell) .workspace-main>.workspace-tools .workspace-tool-rail{display:none}.app-shell:not(.home-shell) .workspace-main>.workspace-tools .workspace-tools-body{min-width:0;min-height:0;overflow:auto}.app-shell:not(.home-shell) .workspace-tool-rail{grid-column:3;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;min-width:0;min-height:0;padding:12px 5px;border-left:1px solid var(--workspace-line);background:var(--bg-base)}.app-shell:not(.home-shell) .workspace-tool-rail button{writing-mode:vertical-rl;min-height:88px;padding:10px 5px}.app-shell:not(.home-shell) .workspace-editor-column{min-width:0;min-height:0}.app-shell:not(.home-shell) .editor-card{min-width:0;min-height:0;overflow:hidden}.app-shell:not(.home-shell) .editor-grid{display:grid;grid-template-columns:minmax(0,60%) minmax(0,30%) minmax(54px,10%);grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;height:100%;min-height:0}.app-shell:not(.home-shell) .editor-grid>#material-resource{grid-column:1;grid-row:1}.app-shell:not(.home-shell) .editor-grid>.visual-reference-module{grid-column:1;grid-row:2}.app-shell:not(.home-shell) .editor-grid>.copy-module-frame{grid-column:2;grid-row:1}.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module{grid-column:2;grid-row:2}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row{display:contents}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module{grid-column:1;grid-row:2}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;min-width:0;min-height:0}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-row,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-options{display:flex;flex-direction:column;flex-wrap:nowrap;min-width:0}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-button,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-option{width:100%;min-width:0;min-height:0;padding:7px 5px;overflow:hidden}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-button small,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell:not(.home-shell) .editor-grid>.field-block,.app-shell:not(.home-shell) .editor-grid>.module-frame{min-width:0;min-height:0;height:100%;overflow:auto}.app-shell:not(.home-shell) .result-panel{height:100%;min-width:0;min-height:0;overflow:hidden}.app-shell:not(.home-shell) .result-workbench{display:grid;grid-template-columns:minmax(0,75%) minmax(0,25%);gap:10px;height:calc(100% - 34px);min-height:0}.app-shell:not(.home-shell) .result-preview-pane,.app-shell:not(.home-shell) .result-history-pane{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--workspace-line);border-radius:8px;background:var(--bg-base)}.app-shell:not(.home-shell) .result-preview-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:10px}.app-shell:not(.home-shell) .result-preview-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.app-shell:not(.home-shell) .result-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.app-shell:not(.home-shell) .result-head-actions button{min-height:28px;padding:5px 8px;font-size:10px;white-space:nowrap}.app-shell:not(.home-shell) .result-history-pane{display:grid;grid-template-rows:auto minmax(0,7fr) minmax(0,3fr);padding:10px}.app-shell:not(.home-shell) .result-featured{min-width:0;min-height:0;max-height:none}.app-shell:not(.home-shell) .result-featured-image{min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}.app-shell:not(.home-shell) .result-featured-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.app-shell:not(.home-shell) .result-gallery{display:flex;flex-wrap:nowrap;gap:8px;max-width:100%;min-height:0;overflow-x:auto;overflow-y:hidden}.app-shell:not(.home-shell) .result-history-list,.app-shell:not(.home-shell) .result-log-pane{min-width:0;min-height:0;overflow:auto}.app-shell:not(.home-shell) .result-history-item{display:flex;justify-content:space-between;width:100%;min-width:0}@media (max-width: 1100px){.app-shell:not(.home-shell) .workspace-layout{grid-template-columns:20% minmax(0,75%) 5%}.app-shell:not(.home-shell) .workspace-main{grid-template-columns:minmax(0,72%) minmax(0,28%)}}.app-shell:not(.home-shell) .workspace-layout{margin-inline:auto!important}.app-shell:not(.home-shell) .editor-grid{grid-template-columns:300px 300px minmax(0,1fr) 40px!important;grid-template-rows:minmax(0,1.25fr) minmax(0,.95fr)!important;gap:8px!important}.app-shell:not(.home-shell) #size-resource{padding:8px 2px!important;overflow:hidden!important}.app-shell:not(.home-shell) #size-resource>.section-label .resource-module-summary{display:none!important}#root .app-shell:not(.home-shell) .editor-grid>#material-resource,#root .app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module,#root .app-shell:not(.home-shell) .editor-grid>.copy-module-frame,#root .app-shell:not(.home-shell) .editor-grid>.visual-requirement-module,#root .app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{align-self:stretch!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current{display:block!important;width:100%!important;height:94px!important;min-height:94px!important;max-height:94px!important;margin:0!important;overflow:hidden!important;box-sizing:border-box!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current .selected-reference-list,#root .app-shell:not(.home-shell) #material-resource .product-reference-current>.reference-empty{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:94px!important;min-height:0!important;max-height:94px!important;box-sizing:border-box!important;overflow:hidden!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current .reference-image-wrap{display:grid!important;place-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:94px!important;min-height:0!important;max-height:94px!important;aspect-ratio:auto!important;box-sizing:border-box!important;overflow:hidden!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current .reference-image-wrap img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}#root .app-shell:not(.home-shell) #material-resource .exposure-mode-control{display:grid!important;margin-top:6px!important;padding-top:6px!important;gap:4px!important;min-height:0!important;box-sizing:border-box!important}#root .app-shell:not(.home-shell) #material-resource .exposure-mode-options{min-height:0!important;height:30px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}#root .app-shell:not(.home-shell) #material-resource .reference-picker{display:flex!important;width:100%!important;min-width:0!important;min-height:58px!important;height:58px!important;max-height:58px!important;flex:0 0 58px!important;margin-top:6px!important;padding:6px 0 0!important;border-top:1px solid var(--workspace-line)!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important}#root .app-shell:not(.home-shell) #material-resource .reference-option img{display:block!important;width:48px!important;height:48px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}#root .app-shell:not(.home-shell) #style-resource .reference-current,#root .app-shell:not(.home-shell) #style-resource .reference-current>.reference-image-wrap,#root .app-shell:not(.home-shell) #style-resource .reference-current>.reference-empty{min-height:94px!important;height:94px!important;max-height:94px!important;box-sizing:border-box!important}#root .app-shell:not(.home-shell) #style-resource .reference-current>.reference-image-wrap img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}#root .app-shell:not(.home-shell) .workspace-main>.editor-column>.editor-card{grid-template-rows:60px 330px minmax(0,1fr)!important;gap:10px!important}#root .app-shell:not(.home-shell) .editor-grid{height:330px!important;min-height:330px!important;grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:8px!important}#root .app-shell:not(.home-shell) .editor-grid>#material-resource,#root .app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module,#root .app-shell:not(.home-shell) .editor-grid>.copy-module-frame,#root .app-shell:not(.home-shell) .editor-grid>.visual-requirement-module,#root .app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{height:100%!important;min-height:0!important;padding:10px!important;border-radius:6px!important;overflow:hidden!important}#root .app-shell:not(.home-shell) .editor-grid .resource-module-label,#root .app-shell:not(.home-shell) .editor-grid .section-label{min-height:16px!important;height:16px!important;margin-bottom:4px!important;gap:8px!important;font-size:14px!important;line-height:1.15!important;font-weight:400!important}#root .app-shell:not(.home-shell) .editor-grid button,#root .app-shell:not(.home-shell) .editor-grid strong,#root .app-shell:not(.home-shell) .editor-grid small{font-weight:400!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current{display:block!important;height:94px!important;min-height:94px!important;max-height:94px!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current .selected-reference-list{height:94px!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current .reference-image-wrap,#root .app-shell:not(.home-shell) #material-resource .product-reference-current>.reference-empty{height:94px!important;max-height:94px!important;aspect-ratio:4 / 3!important}#root .app-shell:not(.home-shell) #material-resource .exposure-mode-control{margin-top:6px!important;padding-top:6px!important;gap:4px!important}#root .app-shell:not(.home-shell) #material-resource .exposure-mode-heading{min-height:16px!important;height:16px!important;margin:0 0 3px!important}#root .app-shell:not(.home-shell) #material-resource .exposure-mode-options{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;height:30px!important}#root .app-shell:not(.home-shell) #material-resource .exposure-mode-button{min-height:30px!important;height:30px!important;padding:4px 5px!important;font-size:10px!important}#root .app-shell:not(.home-shell) #material-resource .reference-picker-heading{height:20px!important;min-height:20px!important;margin:6px 0 0!important;padding:6px 0 0!important;font-size:11px!important}#root .app-shell:not(.home-shell) #material-resource .reference-picker{height:58px!important;min-height:58px!important;max-height:58px!important;flex-basis:58px!important;margin-top:4px!important;gap:6px!important}#root .app-shell:not(.home-shell) #material-resource .reference-option-wrap,#root .app-shell:not(.home-shell) #material-resource .reference-option{height:52px!important;flex-basis:66px!important}#root .app-shell:not(.home-shell) #material-resource .reference-option img{width:48px!important;height:48px!important}#root .app-shell:not(.home-shell) #style-resource .reference-current{grid-template-columns:minmax(0,1.35fr) minmax(76px,.8fr)!important;gap:8px!important;height:94px!important;min-height:94px!important;max-height:94px!important}#root .app-shell:not(.home-shell) #style-resource .reference-current>.reference-image-wrap,#root .app-shell:not(.home-shell) #style-resource .reference-current>.reference-empty{height:94px!important;max-height:94px!important}#root .app-shell:not(.home-shell) #style-resource .reference-actions{gap:6px!important}#root .app-shell:not(.home-shell) #style-resource .reference-actions button{min-height:32px!important;height:32px!important;padding:4px 6px!important;font-size:10px!important}#root .app-shell:not(.home-shell) #style-resource .visual-reference-strength{height:24px!important;margin-top:6px!important;gap:6px!important;font-size:10px!important}#root .app-shell:not(.home-shell) #copy-resource,#root .app-shell:not(.home-shell) #requirement-resource{grid-template-columns:54px minmax(0,1fr)!important;gap:6px!important;padding:10px!important}#root .app-shell:not(.home-shell) #copy-resource .copy-editor-tabs{width:54px!important;gap:4px!important}#root .app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{width:54px!important;min-height:22px!important;height:22px!important;padding:2px 0!important;font-size:11px!important}#root .app-shell:not(.home-shell) #copy-resource>.field-block,#root .app-shell:not(.home-shell) #requirement-resource>.field-block{min-width:0!important;height:100%!important}#root .app-shell:not(.home-shell) #copy-resource textarea,#root .app-shell:not(.home-shell) #requirement-resource textarea{width:100%!important;min-height:0!important;height:100%!important;padding:8px 10px!important;font-size:12px!important;line-height:1.35!important}#root .app-shell:not(.home-shell) #requirement-resource>.section-label{width:54px!important;min-width:54px!important;height:100%!important;min-height:0!important;margin:0!important;font-size:12px!important}#root .app-shell:not(.home-shell) #copy-resource .resource-module-label,#root .app-shell:not(.home-shell) #requirement-resource .resource-module-summary,#root .app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions{display:none!important}#root .app-shell:not(.home-shell) #size-resource{padding:8px 6px!important}#root .app-shell:not(.home-shell) #size-resource>.section-label{height:20px!important;min-height:20px!important;margin:0 0 4px!important;font-size:11px!important}#root .app-shell:not(.home-shell) #size-resource .preset-row{gap:3px!important}#root .app-shell:not(.home-shell) #size-resource .preset-button{min-height:30px!important;height:30px!important;padding:2px!important;font-size:10px!important;white-space:normal!important;line-height:1.05!important;border:none!important}#root .app-shell:not(.home-shell) #size-resource .preset-button small,#root .app-shell:not(.home-shell) #size-resource .model-option small{display:none!important}#root .app-shell:not(.home-shell) #size-resource .size-model-control{gap:3px!important;margin-top:4px!important}#root .app-shell:not(.home-shell) #size-resource .size-model-heading{gap:0!important}#root .app-shell:not(.home-shell) #size-resource .size-model-heading>span,#root .app-shell:not(.home-shell) #size-resource .size-model-heading .text-button{font-size:10px!important;line-height:1!important;font-weight:400!important}#root .app-shell:not(.home-shell) #size-resource .model-options{gap:3px!important}#root .app-shell:not(.home-shell) #size-resource .model-option{min-height:32px!important;height:32px!important;padding:2px 3px!important;font-size:10px!important;border:none!important}#root .app-shell:not(.home-shell) #size-resource{overflow-y:auto!important;overflow-x:hidden!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) .workspace-main>.editor-column>.editor-card{grid-template-rows:60px 330px minmax(0,1fr)!important;gap:10px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid{height:330px!important;min-height:330px!important;grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:8px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid>#material-resource,.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module,.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid>.copy-module-frame,.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid>.visual-requirement-module,.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{height:100%!important;min-height:0!important;padding:10px!important;border-radius:6px!important;overflow:hidden!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{padding:8px 3px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid .resource-module-label,.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid .section-label{min-height:24px!important;height:24px!important;margin-bottom:6px!important;gap:8px!important;font-size:14px!important;line-height:1.15!important;font-weight:400!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid button,.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid strong,.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid small{font-weight:400!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .module-add-button{min-height:26px!important;height:26px!important;padding:3px 8px!important;font-size:11px!important;border-radius:5px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .product-reference-current{display:block!important;height:94px!important;min-height:94px!important;max-height:94px!important;margin:0!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .product-reference-current .selected-reference-list{display:block!important;width:56%!important;height:94px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .product-reference-current .reference-image-wrap,.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .product-reference-current>.reference-empty{width:100%!important;height:94px!important;max-height:94px!important;aspect-ratio:4 / 3!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .product-reference-current img{object-fit:contain!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .exposure-mode-control{margin-top:6px!important;padding-top:6px!important;gap:4px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .exposure-mode-heading{min-height:16px!important;height:16px!important;margin:0 0 3px!important;font-size:11px!important;line-height:1!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .exposure-mode-options{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;height:30px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .exposure-mode-button{min-height:30px!important;height:30px!important;padding:4px 5px!important;gap:2px!important;font-size:10px!important;line-height:1.05!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .exposure-mode-button small,.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .exposure-mode-heading span{display:none!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .reference-picker-heading{height:20px!important;min-height:20px!important;margin:6px 0 0!important;padding:6px 0 0!important;font-size:11px!important;line-height:1!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .reference-picker{height:58px!important;min-height:58px!important;max-height:58px!important;flex:0 0 58px!important;margin-top:4px!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .reference-option-wrap,.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .reference-option{height:52px!important;flex-basis:66px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .reference-option img{width:48px!important;height:48px!important;aspect-ratio:1!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #style-resource .reference-current{grid-template-columns:minmax(0,1.35fr) minmax(76px,.8fr)!important;gap:8px!important;height:94px!important;min-height:94px!important;max-height:94px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #style-resource .reference-current>.reference-image-wrap,.app-shell:not(.home-shell).app-shell:not(.home-shell) #style-resource .reference-current>.reference-empty{height:94px!important;max-height:94px!important;aspect-ratio:4 / 3!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #style-resource .reference-actions{display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:6px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #style-resource .reference-actions button{min-height:32px!important;height:32px!important;padding:4px 6px!important;font-size:10px!important;line-height:1.05!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #style-resource .visual-reference-strength{grid-template-columns:auto minmax(0,1fr) 34px!important;height:24px!important;margin-top:6px!important;gap:6px!important;font-size:10px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource{grid-template-columns:54px minmax(0,1fr)!important;gap:6px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .copy-editor-tabs{width:54px!important;gap:4px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{width:54px!important;min-height:22px!important;height:22px!important;padding:2px 0!important;gap:4px!important;font-size:11px!important;line-height:1!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource>.field-block,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource>.field-block{min-width:0!important;height:100%!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource textarea,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource textarea{width:100%!important;min-height:0!important;height:100%!important;padding:8px 10px!important;font-size:12px!important;line-height:1.35!important;resize:none!important;overflow-y:auto!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource>.section-label{width:54px!important;min-width:54px!important;height:100%!important;min-height:0!important;margin:0!important;font-size:12px!important;line-height:1.05!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .resource-module-label,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .resource-module-summary,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions{display:none!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource{padding:8px 6px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource>.section-label{justify-content:center!important;height:22px!important;min-height:22px!important;margin:0 0 6px!important;font-size:11px!important;line-height:1!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource .preset-row{gap:5px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource .preset-button{min-height:35px!important;height:35px!important;padding:3px 2px!important;font-size:11px!important;line-height:1!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource .preset-button small,.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource .model-option small{display:none!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource .size-model-control{gap:4px!important;margin-top:6px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource .size-model-heading{gap:0!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource .size-model-heading>span,.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource .size-model-heading .text-button{font-size:10px!important;line-height:1!important;font-weight:400!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource .model-options{gap:5px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #size-resource .model-option{min-height:38px!important;height:38px!important;padding:4px 3px!important;font-size:10px!important;line-height:1.05!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-workbench{grid-template-columns:minmax(0,1fr) 240px 330px!important;gap:8px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-preview-pane,.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-history-pane,.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .workspace-library-panel{height:100%!important;min-height:0!important;border-radius:6px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-preview-pane{padding:10px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-preview-header,.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-history-pane>.section-label{min-height:26px!important;height:26px!important;margin:0 0 6px!important;font-size:14px!important;line-height:1!important;font-weight:400!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-head-actions button{min-height:26px!important;height:26px!important;padding:3px 7px!important;font-size:11px!important;font-weight:400!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-featured-image img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-gallery{overflow-x:hidden!important;overflow-y:auto!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .workspace-library-panel{padding:0!important;grid-template-rows:42px minmax(0,1fr)!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .workspace-library-panel-head{min-height:42px!important;height:42px!important;padding:8px 10px!important;font-size:14px!important;font-weight:400!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .workspace-library-panel-body{padding:10px!important;overflow-y:auto!important}.app-shell:not(.home-shell) .workspace-main>.editor-column>.editor-card{grid-template-rows:60px 330px minmax(0,1fr)!important;gap:10px!important}.app-shell:not(.home-shell) .editor-grid{height:330px!important;min-height:330px!important;grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:8px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module,.app-shell:not(.home-shell) .editor-grid>.copy-module-frame,.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{min-height:0!important;height:100%!important;padding:10px!important;overflow:hidden!important;border-radius:6px!important}.app-shell:not(.home-shell) .editor-grid .resource-module-label,.app-shell:not(.home-shell) .editor-grid .section-label{min-height:24px!important;height:24px!important;margin-bottom:6px!important;gap:8px!important;font-size:14px!important;line-height:1.15!important;font-weight:500!important}.app-shell:not(.home-shell) .editor-grid .resource-module-label strong,.app-shell:not(.home-shell) .editor-grid .resource-module-label span,.app-shell:not(.home-shell) .editor-grid .section-label span{font-weight:500!important}.app-shell:not(.home-shell) .editor-grid button{font-weight:400!important}.app-shell:not(.home-shell) #material-resource .resource-module-label{justify-content:space-between!important}.app-shell:not(.home-shell) #material-resource .module-add-button{min-height:26px!important;height:26px!important;padding:3px 8px!important;font-size:11px!important;border-radius:5px!important}.app-shell:not(.home-shell) #material-resource .product-reference-current{display:block!important;height:94px!important;min-height:94px!important;max-height:94px!important;margin:0!important}.app-shell:not(.home-shell) #material-resource .product-reference-current .selected-reference-list{display:block!important;width:56%!important;height:94px!important}.app-shell:not(.home-shell) #material-resource .product-reference-current .reference-image-wrap,.app-shell:not(.home-shell) #material-resource .product-reference-current>.reference-empty{width:100%!important;height:94px!important;max-height:94px!important;aspect-ratio:4 / 3!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-control{margin-top:6px!important;padding-top:6px!important;gap:4px!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-heading{min-height:16px!important;height:16px!important;margin:0 0 3px!important;font-size:11px!important;line-height:1!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-options{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;height:30px!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button{min-height:30px!important;height:30px!important;padding:4px 5px!important;gap:2px!important;font-size:10px!important;line-height:1.05!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button strong{font-size:10px!important;font-weight:400!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button small,.app-shell:not(.home-shell) #material-resource .exposure-mode-heading span{display:none!important}.app-shell:not(.home-shell) #material-resource .reference-picker-heading{height:20px!important;min-height:20px!important;margin:6px 0 0!important;padding:6px 0 0!important;border-top:1px solid var(--workspace-line-strong)!important;font-size:11px!important;line-height:1!important}.app-shell:not(.home-shell) #material-resource .reference-picker{height:58px!important;min-height:58px!important;max-height:58px!important;flex:0 0 58px!important;margin-top:4px!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important}.app-shell:not(.home-shell) #material-resource .reference-option-wrap,.app-shell:not(.home-shell) #material-resource .reference-option{height:52px!important;flex-basis:66px!important}.app-shell:not(.home-shell) #material-resource .reference-option img{width:48px!important;height:48px!important;aspect-ratio:1!important}.app-shell:not(.home-shell) #style-resource .resource-module-label{justify-content:flex-start!important}.app-shell:not(.home-shell) #style-resource .reference-current{grid-template-columns:minmax(0,1.35fr) minmax(76px,.8fr)!important;gap:8px!important;height:94px!important;min-height:94px!important;max-height:94px!important}.app-shell:not(.home-shell) #style-resource .reference-current>.reference-image-wrap,.app-shell:not(.home-shell) #style-resource .reference-current>.reference-empty{height:94px!important;max-height:94px!important;aspect-ratio:4 / 3!important}.app-shell:not(.home-shell) #style-resource .reference-actions{display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:6px!important}.app-shell:not(.home-shell) #style-resource .reference-actions button{min-height:32px!important;height:32px!important;padding:4px 6px!important;font-size:10px!important;line-height:1.05!important}.app-shell:not(.home-shell) #style-resource .visual-reference-strength{grid-template-columns:auto minmax(0,1fr) 34px!important;height:24px!important;margin-top:6px!important;gap:6px!important;font-size:10px!important}.app-shell:not(.home-shell) #copy-resource,.app-shell:not(.home-shell) #requirement-resource{grid-template-columns:54px minmax(0,1fr)!important;gap:6px!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs{width:54px!important;gap:4px!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{width:54px!important;min-height:22px!important;height:22px!important;padding:2px 0!important;gap:4px!important;font-size:11px!important;line-height:1!important}.app-shell:not(.home-shell) #copy-resource>.field-block,.app-shell:not(.home-shell) #requirement-resource>.field-block{min-width:0!important;height:100%!important}.app-shell:not(.home-shell) #copy-resource textarea,.app-shell:not(.home-shell) #requirement-resource textarea{width:100%!important;min-height:0!important;height:100%!important;padding:8px 10px!important;font-size:12px!important;line-height:1.35!important;resize:none!important;overflow-y:auto!important}.app-shell:not(.home-shell) #requirement-resource>.section-label{width:54px!important;min-width:54px!important;height:100%!important;min-height:0!important;margin:0!important;font-size:12px!important;line-height:1.05!important}.app-shell:not(.home-shell) #requirement-resource>.section-label .resource-module-summary,.app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions{display:none!important}.app-shell:not(.home-shell) #size-resource{padding:8px 6px!important}.app-shell:not(.home-shell) #size-resource>.section-label{justify-content:center!important;height:22px!important;min-height:22px!important;margin:0 0 6px!important;font-size:11px!important;line-height:1!important}.app-shell:not(.home-shell) #size-resource .preset-row{gap:5px!important}.app-shell:not(.home-shell) #size-resource .preset-button{min-height:35px!important;height:35px!important;padding:3px 2px!important;font-size:11px!important;line-height:1!important}.app-shell:not(.home-shell) #size-resource .preset-button small{display:none!important}.app-shell:not(.home-shell) #size-resource .size-model-control{gap:4px!important;margin-top:6px!important}.app-shell:not(.home-shell) #size-resource .size-model-heading{gap:0!important}.app-shell:not(.home-shell) #size-resource .size-model-heading>span,.app-shell:not(.home-shell) #size-resource .size-model-heading .text-button{font-size:10px!important;line-height:1!important;font-weight:400!important}.app-shell:not(.home-shell) #size-resource .model-options{gap:5px!important}.app-shell:not(.home-shell) #size-resource .model-option{min-height:38px!important;height:38px!important;padding:4px 3px!important;font-size:10px!important;line-height:1.05!important}.app-shell:not(.home-shell) #size-resource .model-option strong{font-weight:400!important}.app-shell:not(.home-shell) #size-resource .model-option small{display:none!important}.app-shell:not(.home-shell) #result-preview .result-workbench{grid-template-columns:minmax(0,1fr) 240px 330px!important;gap:8px!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane,.app-shell:not(.home-shell) #result-preview .result-history-pane,.app-shell:not(.home-shell) #result-preview .workspace-library-panel{height:100%!important;min-height:0!important;border-radius:6px!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane{padding:10px!important;grid-template-rows:32px minmax(0,1fr)!important}.app-shell:not(.home-shell) #result-preview .result-preview-header,.app-shell:not(.home-shell) #result-preview .result-history-pane>.section-label{min-height:26px!important;height:26px!important;margin:0 0 6px!important;font-size:14px!important;line-height:1!important;font-weight:500!important}.app-shell:not(.home-shell) #result-preview .result-head-actions button{min-height:26px!important;height:26px!important;padding:3px 7px!important;font-size:11px!important;font-weight:400!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane .result-featured{min-height:0!important;height:100%!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane .result-featured-image{width:min(100%,100% - 120px)!important;height:100%!important;aspect-ratio:1 / 1!important;min-height:0!important;overflow:hidden!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane .result-featured-image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane .result-gallery{height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}.app-shell:not(.home-shell) #result-preview .result-history-pane,.app-shell:not(.home-shell) #result-preview .workspace-library-panel{padding:10px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel{padding:0!important;grid-template-rows:42px minmax(0,1fr)!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel-head{min-height:42px!important;height:42px!important;padding:8px 10px!important;font-size:14px!important;font-weight:500!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel-body{padding:10px!important;overflow-y:auto!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-preview-pane{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;grid-template-rows:auto minmax(0,1fr)!important;column-gap:10px!important;row-gap:8px!important;min-width:0!important;min-height:0!important;overflow:hidden!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-preview-header{grid-column:1 / -1!important;grid-row:1!important;min-width:0!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-featured{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px!important;align-items:center!important;min-width:0!important;min-height:0!important;height:100%!important;max-height:none!important;overflow:hidden!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-featured-image{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;place-items:center!important;justify-self:center!important;align-self:center!important;width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;aspect-ratio:1 / 1!important;padding:0!important;overflow:hidden!important;border-radius:6px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-featured-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-gallery{grid-column:2!important;grid-row:2!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;align-content:flex-start!important;gap:8px!important;min-width:0!important;min-height:0!important;max-height:none!important;height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;margin:0!important;scrollbar-gutter:stable!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-image-link{flex:0 0 auto!important;width:100%!important;height:72px!important;min-width:0!important;min-height:72px!important;max-height:72px!important;padding:0!important;overflow:hidden!important;border-radius:5px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-image-link img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-empty{grid-column:1 / -1!important;grid-row:2!important;min-width:0!important;min-height:0!important;height:100%!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;align-items:stretch!important;gap:8px!important;min-width:0!important;min-height:0!important;padding:12px!important;overflow:hidden!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .resource-module-label,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .resource-module-label{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;min-width:0!important;min-height:0!important;height:100%!important;margin:0!important;padding:0!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .module-title,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .module-title{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;min-width:0!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .module-title>.section-icon,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .module-title>.section-icon{flex:0 0 18px!important;width:18px!important;height:18px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .module-title>span:last-child,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .module-title>span:last-child{color:var(--workspace-text)!important;font-size:16px!important;font-weight:400!important;line-height:1!important;letter-spacing:0!important;writing-mode:vertical-rl!important;text-orientation:upright!important;white-space:nowrap!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .copy-editor-tabs{position:static!important;grid-column:1!important;grid-row:1!important;align-self:end!important;justify-self:center!important;z-index:2!important;display:flex!important;flex-direction:column-reverse!important;align-items:flex-start!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:24px!important;padding:3px 0!important;border:0!important;border-left:2px solid transparent!important;color:var(--workspace-muted)!important;font-size:12px!important;font-weight:400!important;line-height:1.1!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button.active{border-left-color:var(--workspace-green)!important;color:var(--workspace-green)!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource>.field-block,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource>.field-block{grid-column:2!important;grid-row:1!important;display:grid!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource textarea,.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource textarea{display:block!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:14px!important;border:1px solid rgba(174,183,198,.72)!important;border-radius:10px!important;background:#0b1119!important;color:var(--workspace-text)!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important;resize:none!important;overflow-y:auto!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions{grid-column:1!important;grid-row:1!important;align-self:end!important;display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important;margin:0!important;z-index:2!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:24px!important;padding:3px 2px!important;border:0!important;background:transparent!important;color:var(--workspace-muted)!important;font-size:9px!important;font-weight:400!important;line-height:1.1!important;white-space:nowrap!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions button:hover:not(:disabled){color:var(--workspace-green)!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .resource-module-label{display:none!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .copy-editor-tabs{align-self:start!important;justify-self:start!important;flex-direction:column-reverse!important;gap:8px!important;width:64px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{flex-direction:row!important;justify-content:flex-start!important;gap:7px!important;border-left:0!important;font-size:12px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .module-title{flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;width:64px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .module-title>.section-icon{flex:0 0 18px!important;margin-top:1px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .module-title>span:last-child{width:34px!important;color:var(--workspace-text)!important;font-size:16px!important;line-height:1.25!important;letter-spacing:0!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;word-break:break-all!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions{display:none!important}@media (min-width: 1601px){.app-shell:not(.home-shell).app-shell:not(.home-shell) .workspace-main>.editor-column>.editor-card{grid-template-rows:60px 460px minmax(0,1fr)!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) .editor-grid{grid-template-columns:minmax(300px,32fr) minmax(240px,23fr) minmax(380px,39fr) minmax(120px,7fr)!important;grid-template-rows:232px 216px!important;height:460px!important;gap:12px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .product-reference-current,.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .product-reference-current .selected-reference-list,.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .product-reference-current>.reference-empty,.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .selected-reference-list .reference-image-wrap{height:170px!important;min-height:170px!important;max-height:170px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .exposure-mode-control{margin-top:10px!important;padding-top:10px!important;gap:6px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .exposure-mode-button{height:36px!important;min-height:36px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .reference-picker-heading{margin-top:10px!important;padding-top:10px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .reference-picker{height:82px!important;min-height:82px!important;max-height:82px!important;flex-basis:82px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .reference-option-wrap,.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .reference-option{height:74px!important;flex-basis:92px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .reference-option img{height:72px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #style-resource .reference-current{height:168px!important;min-height:168px!important;max-height:168px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #style-resource .reference-current>.reference-image-wrap,.app-shell:not(.home-shell).app-shell:not(.home-shell) #style-resource .reference-current>.reference-empty{height:168px!important;min-height:168px!important;max-height:168px!important}.app-shell:not(.home-shell).app-shell:not(.home-shell) #style-resource .reference-actions button{min-height:46px!important}}.app-shell:not(.home-shell) .workspace-main>.editor-column>.editor-card{grid-template-rows:54px minmax(0,.86fr) minmax(0,1.14fr)!important;gap:8px!important}.app-shell:not(.home-shell) .editor-grid{grid-template-rows:270px 190px!important;gap:7px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module,.app-shell:not(.home-shell) .editor-grid>.copy-module-frame,.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{border-radius:8px!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-control{margin-top:6px!important;padding-top:6px!important;gap:5px!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-options{gap:5px!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button{height:38px!important;min-height:38px!important;padding:5px 6px!important}.app-shell:not(.home-shell) #material-resource .product-reference-current{height:94px!important;min-height:94px!important;max-height:94px!important}.app-shell:not(.home-shell) #material-resource .reference-image-wrap,.app-shell:not(.home-shell) #material-resource .selected-reference-list .reference-image-wrap,.app-shell:not(.home-shell) #material-resource .product-reference-current>.reference-empty{height:94px!important;max-height:94px!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-heading{margin-bottom:4px!important}.app-shell:not(.home-shell) #material-resource .reference-picker-heading{height:18px!important;min-height:18px!important;margin-top:5px!important;padding-top:5px!important}.app-shell:not(.home-shell) #material-resource .reference-picker{height:52px!important;min-height:52px!important;max-height:52px!important;flex-basis:52px!important}.app-shell:not(.home-shell) #material-resource .reference-option-wrap,.app-shell:not(.home-shell) #material-resource .reference-option{height:48px!important;flex-basis:60px!important}.app-shell:not(.home-shell) #material-resource .reference-option img{height:46px!important}.app-shell:not(.home-shell) .workspace-slot-context{position:relative!important;display:block!important;min-width:0!important;min-height:0!important;margin:0!important;overflow:visible!important;border:0!important;background:transparent!important}.app-shell:not(.home-shell) .workspace-slot-context>.workspace-slot-titlebar{box-sizing:border-box!important;display:flex!important;width:100%!important;min-height:54px!important;height:54px!important;margin:0!important;padding:10px 14px!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:1px solid var(--workspace-line-strong)!important;border-radius:8px!important;background:#0f151e!important;cursor:pointer!important}.app-shell:not(.home-shell) .workspace-slot-context[open]>.workspace-slot-titlebar{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.app-shell:not(.home-shell) .workspace-slot-context-toggle{flex:0 0 auto!important;color:var(--workspace-muted)!important;font-size:11px!important}.app-shell:not(.home-shell) .workspace-slot-context-toggle:after{content:"⌄"!important;display:inline-block!important;margin-left:5px!important;color:var(--workspace-green)!important;transition:transform .16s ease!important}.app-shell:not(.home-shell) .workspace-slot-context[open] .workspace-slot-context-toggle:after{transform:rotate(180deg)!important}.app-shell:not(.home-shell) .workspace-slot-context-body{position:absolute!important;top:54px!important;left:0!important;z-index:30!important;box-sizing:border-box!important;width:100%!important;max-height:min(300px,42vh)!important;overflow:auto!important;border-left:1px solid var(--workspace-line-strong)!important;border-right:1px solid var(--workspace-line-strong)!important;border-bottom:1px solid var(--workspace-line-strong)!important;border-bottom-left-radius:8px!important;border-bottom-right-radius:8px!important;background:#0f151e!important;box-shadow:0 14px 30px #03070d59!important}.app-shell:not(.home-shell) .workspace-slot-context-body>p,.app-shell:not(.home-shell) .workspace-slot-context-body>pre{margin:0!important;padding:10px 14px 0!important}.app-shell:not(.home-shell) .workspace-slot-context-body>pre{padding-bottom:12px!important;font-size:11px!important;line-height:1.5!important}.global-brand-button .brand-logo-image{display:block!important;width:76px!important;height:46px!important;object-fit:contain!important;object-position:center!important}.app-shell:not(.home-shell) .workspace-main>.editor-column>.editor-card{grid-template-rows:46px minmax(0,.86fr) minmax(0,1.14fr)!important}.app-shell:not(.home-shell) .workspace-slot-context>.workspace-slot-titlebar{min-height:46px!important;height:46px!important;padding:7px 12px!important;gap:8px!important}.app-shell:not(.home-shell) .workspace-slot-titlebar>div{gap:6px!important;align-items:baseline!important}.app-shell:not(.home-shell) .workspace-slot-titlebar>div>span,.app-shell:not(.home-shell) .workspace-slot-titlebar>div>strong{font-size:14px!important;line-height:1.2!important;font-weight:400!important}.app-shell:not(.home-shell) .workspace-slot-titlebar>div>span{color:var(--workspace-green)!important}.app-shell:not(.home-shell) .workspace-slot-titlebar>div>strong{color:var(--workspace-text)!important}.app-shell:not(.home-shell) .workspace-slot-context-toggle{font-size:10px!important}.app-shell:not(.home-shell) .workspace-slot-context-body{top:46px!important}.app-shell:not(.home-shell) #size-resource>.resource-module-label>span:first-child{font-size:12px!important;white-space:nowrap!important}.app-shell:not(.home-shell) #size-resource .preset-button small,.app-shell:not(.home-shell) #size-resource .size-model-heading svg,.app-shell:not(.home-shell) #size-resource .resource-module-label svg{display:none!important}.app-shell:not(.home-shell) #size-resource .size-model-heading{margin-top:6px!important;padding-top:6px!important;border-top:1px solid var(--workspace-line)!important}.app-shell:not(.home-shell) #size-resource .size-model-heading>span{font-size:11px!important}.app-shell:not(.home-shell) #size-resource .preset-button{min-height:40px!important;height:40px!important;padding:4px!important}.app-shell:not(.home-shell) .resource-module-label>span:first-child,.app-shell:not(.home-shell) .result-preview-header>span,.app-shell:not(.home-shell) .result-history-pane>.section-label>span,.app-shell:not(.home-shell) .workspace-library-panel-head strong{font-size:15px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:0!important}.app-shell:not(.home-shell) .resource-module-label>span:first-child .section-icon,.app-shell:not(.home-shell) .result-preview-header>span .section-icon,.app-shell:not(.home-shell) .result-history-pane>.section-label>span .section-icon,.app-shell:not(.home-shell) .workspace-library-panel-head .section-icon{flex:0 0 18px!important;width:18px!important;height:18px!important}.app-shell:not(.home-shell) .editor-grid{grid-template-columns:minmax(300px,32fr) minmax(240px,23fr) minmax(380px,39fr) minmax(96px,7fr)!important}.app-shell:not(.home-shell) .editor-grid{grid-template-columns:minmax(300px,32fr) minmax(240px,23fr) minmax(380px,39fr) minmax(96px,7fr)!important;grid-template-rows:300px 220px!important;height:528px!important;gap:8px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module{overflow:hidden!important}.app-shell:not(.home-shell) #copy-resource>.field-block,.app-shell:not(.home-shell) #requirement-resource>.field-block{height:calc(100% - 34px)!important}.app-shell:not(.home-shell) #copy-resource textarea,.app-shell:not(.home-shell) #requirement-resource textarea{height:100%!important;min-height:0!important;font-size:13px!important;line-height:1.45!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{font-size:12px!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane{grid-template-rows:auto minmax(0,1fr) 96px!important}.app-shell:not(.home-shell) #result-preview .result-featured{display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px!important;min-height:0!important;height:100%!important;max-height:none!important;align-items:center!important}.app-shell:not(.home-shell) #result-preview .result-featured-image{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;justify-self:center!important}.app-shell:not(.home-shell) #result-preview .result-featured-image img{width:100%!important;height:100%!important;object-fit:contain!important}.app-shell:not(.home-shell) #result-preview .result-gallery{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:8px!important;max-height:116px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-top:8px!important}.app-shell:not(.home-shell) #result-preview .result-image-link{flex:0 0 108px!important;width:108px!important;height:82px!important;min-width:108px!important;min-height:82px!important;max-height:82px!important;overflow:hidden!important}.app-shell:not(.home-shell) #result-preview .result-image-link img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel{grid-template-rows:54px minmax(0,1fr)!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel-head{font-size:15px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel-body{padding:14px!important;overflow:auto!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel-body .workspace-tool-section{padding:0!important;overflow:visible!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .resource-picker,.app-shell:not(.home-shell) #result-preview .workspace-library-panel .font-gallery{margin-top:0!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .composition-picker{gap:12px!important;padding:12px!important;border-radius:8px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .resource-selection{flex-wrap:wrap!important;gap:4px 7px!important;padding-bottom:10px!important;font-size:12px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .resource-fields,.app-shell:not(.home-shell) #result-preview .workspace-library-panel .composition-fields.resource-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .resource-fields label>span{font-size:11px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .resource-fields select{height:40px!important;min-height:40px!important;padding:0 9px!important;font-size:12px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .font-gallery-grid{grid-template-columns:1fr!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .font-gallery-card{min-height:72px!important;padding:9px 10px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .font-gallery-card .font-gallery-sample{font-size:15px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .font-gallery-card.body-card .font-gallery-sample{font-size:12px!important}.app-shell:not(.home-shell) .resource-module-label,.app-shell:not(.home-shell) .result-preview-header,.app-shell:not(.home-shell) .result-history-pane>.section-label{font-size:15px!important}.app-shell:not(.home-shell) .resource-module-label strong,.app-shell:not(.home-shell) .result-preview-header strong{font-size:15px!important}.app-shell:not(.home-shell) .muted-text,.app-shell:not(.home-shell) .field-block>span,.app-shell:not(.home-shell) .visual-reference-strength,.app-shell:not(.home-shell) .slot-lane-current{font-size:11px!important}.app-shell:not(.home-shell) .workspace-layout>.workspace-main{grid-template-columns:1109px 66px!important}.app-shell:not(.home-shell) .editor-grid{grid-template-columns:300px 300px 1fr 76px!important;grid-template-rows:minmax(0,1.25fr) minmax(0,.95fr)!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-image-wrap,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-image-wrap,.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-empty,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-empty{max-height:120px!important}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame,.app-shell:not(.home-shell) .editor-grid>.field-block,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.field-block{height:auto!important;min-height:0!important;max-height:100%!important}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame{overflow:auto!important}.app-shell:not(.home-shell) .editor-grid>.copy-module-frame textarea,.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module textarea{min-height:150px}.app-shell:not(.home-shell) .workspace-layout{display:grid!important;grid-template-columns:258px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-layout>.slot-column{grid-column:1!important;grid-row:1!important}.app-shell:not(.home-shell) .workspace-layout>.workspace-main{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 52px 320px!important;grid-template-rows:minmax(0,1fr)!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-main>.editor-column{grid-column:1!important;grid-row:1!important;display:block!important;height:100%!important;min-width:0!important;min-height:0!important;padding:14px 12px 22px 14px!important;overflow:auto!important}.app-shell:not(.home-shell) .workspace-main>.editor-column>.editor-card{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}.app-shell:not(.home-shell) .editor-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(300px,auto) minmax(220px,auto)!important;height:auto!important;min-height:0!important;overflow:visible!important}.app-shell:not(.home-shell) .editor-grid>#material-resource{grid-column:1!important;grid-row:1!important}.app-shell:not(.home-shell) .editor-grid>.copy-module-frame{grid-column:2!important;grid-row:1!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module{grid-column:1!important;grid-row:2!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{display:none!important}.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module{grid-column:2!important;grid-row:2!important}.app-shell:not(.home-shell) #result-preview{display:block!important;height:520px!important;min-height:520px!important;margin-top:10px!important;overflow:hidden!important}.app-shell:not(.home-shell) #result-preview .result-workbench{display:grid!important;grid-template-columns:minmax(0,1fr) 240px!important;height:calc(100% - 30px)!important;min-height:0!important}.app-shell:not(.home-shell) .workspace-main>.workspace-tools{grid-column:2 / span 2!important;grid-row:1!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:54px minmax(0,1fr)!important;width:auto!important;height:100%!important;min-width:0!important;min-height:0!important;border-left:1px solid var(--workspace-line)!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-tools>.workspace-tools-head{grid-column:2!important;grid-row:1!important;min-width:0!important;min-height:54px!important}.app-shell:not(.home-shell) .workspace-tools>.workspace-tool-rail{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;width:52px!important;min-width:52px!important;min-height:0!important;flex-direction:column!important;padding:12px 6px!important;border-right:1px solid var(--workspace-line)!important}.app-shell:not(.home-shell) .workspace-tools>.workspace-tools-body{grid-column:2!important;grid-row:2!important;min-width:0!important;min-height:0!important;overflow:auto!important}@media (max-width: 760px){.app-shell:not(.home-shell) .workspace-layout{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important}.app-shell:not(.home-shell) .workspace-layout>.workspace-main{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important}.app-shell:not(.home-shell) .workspace-main>.workspace-tools{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:48px 54px minmax(0,1fr)!important;height:520px!important}.app-shell:not(.home-shell) .workspace-tools>.workspace-tool-rail{grid-column:1!important;grid-row:1!important;flex-direction:row!important;width:auto!important;min-width:0!important}.app-shell:not(.home-shell) .workspace-tools>.workspace-tools-head{grid-column:1!important;grid-row:2!important}.app-shell:not(.home-shell) .workspace-tools>.workspace-tools-body{grid-column:1!important;grid-row:3!important}}.app-shell:not(.home-shell) .editor-grid{grid-template-rows:360px 250px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource,.app-shell:not(.home-shell) .editor-grid>.copy-module-frame,.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module{height:auto!important;min-height:0!important;max-height:100%!important;overflow:auto!important}.app-shell:not(.home-shell) .editor-grid{grid-template-columns:minmax(0,60%) minmax(0,30%) minmax(64px,10%)!important;grid-template-rows:360px 250px!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{display:flex!important;grid-column:3!important;grid-row:1 / span 2!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:100%!important;overflow:auto!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-row,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-options{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:6px!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-button,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-option{width:100%!important;min-width:0!important;padding:8px 5px!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-button small,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-option small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.app-shell:not(.home-shell) .resource-module-frame.is-keeping{border-color:var(--workspace-line)!important;background:var(--workspace-surface)!important}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame,.app-shell:not(.home-shell) .editor-grid>.resource-module-frame:hover,.app-shell:not(.home-shell) .editor-grid>.resource-module-frame:focus-within{height:auto!important;max-height:100%!important;transform:none!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource>.section-label{display:block!important;min-height:0!important;margin-bottom:10px!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource>.section-label>span:first-child{display:block!important;overflow-wrap:anywhere!important;font-size:11px!important;line-height:1.25!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-row,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .size-model-control,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-options{width:100%!important;min-width:0!important;flex:0 0 auto!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-button,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-option{min-height:42px!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:10px!important;line-height:1.2!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-button small,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-option small{font-size:9px!important;line-height:1.15!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .size-model-heading{display:block!important;min-width:0!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .size-model-heading>span,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .size-model-heading .text-button{display:block!important;width:100%!important;margin:0 0 6px!important;font-size:10px!important;white-space:normal!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-row,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-button,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-button small,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .size-model-control,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .size-model-heading,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-options,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-option,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-option small{visibility:visible!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-row,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .size-model-control{opacity:1!important;transform:none!important}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame :is(.section-label,.field-block,.copy-editor-tabs,.copy-editor-tabs button,.reference-current,.reference-actions,.reference-picker-heading,.reference-picker,.reference-option-wrap,.reference-option,.reference-option-remove,.exposure-mode-control,.exposure-mode-heading,.exposure-mode-options,.exposure-mode-button,.preset-row,.preset-button,.size-model-control,.size-model-heading,.model-options,.model-option,textarea,select,output,.visual-reference-strength){visibility:visible!important;opacity:1!important;transform:none!important}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame .hidden-input{display:none!important}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame .field-block>span,.app-shell:not(.home-shell) .editor-grid>.resource-module-frame .reference-empty,.app-shell:not(.home-shell) .editor-grid>.resource-module-frame p,.app-shell:not(.home-shell) .editor-grid>.resource-module-frame strong,.app-shell:not(.home-shell) .editor-grid>.resource-module-frame small{visibility:visible!important;opacity:1!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.resource-module-frame :is(.section-label,.field-block,.reference-current,.reference-actions,.reference-image-wrap,.reference-empty,.primary-button,.secondary-button,textarea,input[type=range]){visibility:visible!important;opacity:1!important;transform:none!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.resource-module-frame .hidden-input{display:none!important}.app-shell:not(.home-shell) .workspace-tools-empty{display:grid;place-items:center;min-height:auto;padding:48px 24px;text-align:center;color:var(--workspace-muted)}.app-shell:not(.home-shell) .workspace-tools-empty strong{display:block;margin-bottom:8px;color:var(--workspace-text);font-size:14px}.app-shell:not(.home-shell) .workspace-tools-empty p{max-width:240px;margin:0;font-size:12px;line-height:1.7}.app-shell:not(.home-shell) .editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(76px,.12fr)!important;grid-template-rows:300px 220px!important;height:520px!important;gap:8px!important;align-items:stretch!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .visual-reference-strength{visibility:visible!important;opacity:1!important;transform:none!important}.app-shell:not(.home-shell) .editor-grid>#material-resource,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module{display:flex!important;flex-direction:column!important;overflow:auto!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-current,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-current{flex:0 0 auto!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-picker,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-picker{min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important}.app-shell:not(.home-shell) .editor-grid>.copy-module-frame,.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module{overflow:hidden!important}.app-shell:not(.home-shell) .editor-grid>.copy-module-frame .field-block,.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module .field-block{min-height:0!important;height:100%!important}.app-shell:not(.home-shell) .editor-grid>.copy-module-frame textarea,.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module textarea{min-height:0!important;height:100%!important;resize:none!important}.app-shell:not(.home-shell) .workspace-main>.workspace-tools{grid-column:2 / span 2!important;grid-row:1!important;grid-template-columns:52px minmax(0,1fr)!important}.app-shell:not(.home-shell),.app-shell:not(.home-shell) #root,.app-shell:not(.home-shell) .main-panel{overflow:hidden!important}.app-shell:not(.home-shell) .main-panel{height:calc(100vh - 56px)!important;min-height:0!important}.app-shell:not(.home-shell) .workspace-page{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin}.app-shell:not(.home-shell) .workspace-layout{width:1433px!important;min-width:1433px!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:258px 1175px!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .slot-column{grid-column:1!important;grid-row:1!important;width:258px!important;min-width:258px!important;height:100%!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-main{grid-column:2!important;grid-row:1!important;width:1175px!important;min-width:1175px!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:1109px 66px!important;grid-template-rows:minmax(0,1fr)!important;padding:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-main>.editor-column{grid-column:1!important;grid-row:1!important;width:1109px!important;min-width:1109px!important;height:100%!important;min-height:0!important;display:block!important;padding:14px 12px 14px 14px!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-main>.workspace-tools{grid-column:2!important;grid-row:1!important;width:66px!important;min-width:66px!important;height:100%!important;min-height:0!important;display:block!important;border-left:1px solid var(--workspace-line)!important;background:#0b1119!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-tools>.workspace-tool-rail{display:flex!important;width:66px!important;min-width:66px!important;height:100%!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:14px 8px!important;border:0!important}.app-shell:not(.home-shell) .workspace-tools>.workspace-tool-rail button{width:50px!important;min-width:50px!important;min-height:104px!important;padding:12px 8px!important;writing-mode:vertical-rl!important;font-size:14px!important;line-height:1.15!important}.app-shell:not(.home-shell) .workspace-tools>.workspace-tools-head,.app-shell:not(.home-shell) .workspace-tools>.workspace-tools-body{display:none!important}.app-shell:not(.home-shell) .editor-card{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:60px minmax(0,1fr)!important;gap:10px!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-main>.editor-column>.editor-card{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:60px minmax(0,1.05fr) minmax(0,.95fr)!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-slot-titlebar{width:100%!important;min-height:40px!important;height:40px!important;margin:0!important;padding:6px 14px!important;font-size:13px!important}.app-shell:not(.home-shell) .workspace-slot-titlebar strong{font-size:18px!important}.app-shell:not(.home-shell) .workspace-slot-titlebar em{font-size:12px!important}.app-shell:not(.home-shell) .editor-grid{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:300px 300px 1fr 76px!important;grid-template-rows:minmax(0,1.25fr) minmax(0,.95fr)!important;gap:8px!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-grid>#material-resource{grid-column:1!important;grid-row:1 / span 2!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row{display:contents!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module{grid-column:2!important;grid-row:1 / span 2!important}.app-shell:not(.home-shell) .editor-grid>.copy-module-frame{grid-column:3!important;grid-row:1!important}.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module{grid-column:3!important;grid-row:2!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{grid-column:4!important;grid-row:1 / span 2!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-current,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-current{min-height:0!important;max-height:132px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-image-wrap,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-image-wrap,.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-empty,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-empty{aspect-ratio:4 / 3!important;max-height:120px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .exposure-mode-control{margin-top:8px!important;padding-top:8px!important;gap:6px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .exposure-mode-options{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .exposure-mode-button{min-height:56px!important;padding:6px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .exposure-mode-button strong{font-size:10px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .exposure-mode-button small{font-size:9px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-picker-heading{margin-top:8px!important;padding-top:8px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-picker{height:68px!important;margin-top:6px!important;padding-top:0!important;border-top:0!important}.app-shell:not(.home-shell) #material-resource .resource-module-label{justify-content:space-between!important;align-items:center!important}.app-shell:not(.home-shell) #material-resource .module-add-button{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:30px!important;padding:5px 10px!important;border:1px solid var(--workspace-line-strong)!important;border-radius:5px!important;color:var(--workspace-text)!important;background:transparent!important;font-size:12px!important;white-space:nowrap!important}.app-shell:not(.home-shell) #material-resource .module-add-button:hover{border-color:var(--workspace-green)!important;color:var(--workspace-green)!important}.app-shell:not(.home-shell) #material-resource .product-reference-current{display:block!important;width:100%!important;height:170px!important;min-height:170px!important;max-height:170px!important}.app-shell:not(.home-shell) #material-resource .product-reference-current .selected-reference-list,.app-shell:not(.home-shell) #material-resource .product-reference-current .reference-image-wrap,.app-shell:not(.home-shell) #material-resource .product-reference-current .reference-empty{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important}.app-shell:not(.home-shell) #material-resource .product-reference-current img{object-fit:contain!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-heading span,.app-shell:not(.home-shell) #material-resource .exposure-mode-button small,.app-shell:not(.home-shell) #material-resource .reference-picker .reference-option span{display:none!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-heading{justify-content:flex-start!important}.app-shell:not(.home-shell) #material-resource .reference-picker-heading{border-top:1px solid var(--workspace-line-strong)!important;color:var(--workspace-text)!important;font-size:14px!important}.app-shell:not(.home-shell) #material-resource .reference-picker{height:76px!important;min-height:76px!important;max-height:76px!important;flex:0 0 76px!important;overflow-x:auto!important;overflow-y:hidden!important}.app-shell:not(.home-shell) #material-resource .reference-option-wrap,.app-shell:not(.home-shell) #material-resource .reference-option{height:68px!important;flex-basis:88px!important}.app-shell:not(.home-shell) .editor-grid>#result-preview{grid-column:1 / -1!important;grid-row:3!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-grid>.resource-module-frame,.app-shell:not(.home-shell) .editor-grid>.field-block,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.field-block{min-height:0!important;max-height:100%!important}.app-shell:not(.home-shell) .editor-grid>#material-resource,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module,.app-shell:not(.home-shell) .editor-grid>.copy-module-frame,.app-shell:not(.home-shell) .editor-grid>.visual-requirement-module,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource{height:100%!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-grid,.app-shell:not(.home-shell) .result-workbench{font-size:13px!important}.app-shell:not(.home-shell) .resource-module-label,.app-shell:not(.home-shell) .result-preview-header,.app-shell:not(.home-shell) .result-history-pane>.section-label{min-height:30px!important;margin-bottom:10px!important;font-size:16px!important}.app-shell:not(.home-shell) .resource-module-summary,.app-shell:not(.home-shell) .resource-module-summary strong{font-size:11px!important}.app-shell:not(.home-shell) .copy-editor-tabs button,.app-shell:not(.home-shell) .reference-actions button,.app-shell:not(.home-shell) .result-head-actions button{font-size:12px!important}.app-shell:not(.home-shell) .field-block>span,.app-shell:not(.home-shell) .reference-picker-heading,.app-shell:not(.home-shell) .exposure-mode-heading,.app-shell:not(.home-shell) .visual-reference-strength{font-size:12px!important}.app-shell:not(.home-shell) .editor-grid textarea{font-size:14px!important;line-height:1.5!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-picker,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-picker,.app-shell:not(.home-shell) .result-history-list,.app-shell:not(.home-shell) .result-log-pane,.app-shell:not(.home-shell) .editor-grid textarea{scrollbar-width:thin}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-picker,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-picker{overflow-x:auto!important;overflow-y:hidden!important}.app-shell:not(.home-shell) .editor-grid textarea{overflow-y:auto!important}.app-shell:not(.home-shell) #result-preview .result-workbench{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 240px 330px!important;gap:8px!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane,.app-shell:not(.home-shell) #result-preview .result-history-pane,.app-shell:not(.home-shell) #result-preview .workspace-library-panel{min-width:0!important;min-height:0!important;height:100%!important;border:1px solid var(--workspace-line)!important;border-radius:6px!important;background:#10151f!important;overflow:hidden!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;padding:10px!important}.app-shell:not(.home-shell) #result-preview .result-history-pane{display:grid!important;grid-template-rows:auto minmax(0,1fr) minmax(72px,.35fr)!important;padding:10px!important}.app-shell:not(.home-shell) .result-featured,.app-shell:not(.home-shell) .result-featured-image{min-height:0!important}.app-shell:not(.home-shell) .result-featured-image img{object-fit:contain!important}.app-shell:not(.home-shell) .result-gallery{overflow-x:auto!important;overflow-y:hidden!important}.app-shell:not(.home-shell) .result-actions{margin:0!important}.app-shell:not(.home-shell) .workspace-library-panel{display:grid!important;grid-template-rows:52px minmax(0,1fr)!important}.app-shell:not(.home-shell) .workspace-library-panel-head{display:flex!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:10px 14px!important;border-bottom:1px solid var(--workspace-line)!important;font-size:16px!important}.app-shell:not(.home-shell) .workspace-library-panel-body{min-width:0!important;min-height:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-library-panel-body .workspace-tool-section{min-height:100%!important;padding:12px!important;overflow:auto!important}@media (max-width: 760px){.app-shell:not(.home-shell) .workspace-layout,.app-shell:not(.home-shell) .workspace-main,.app-shell:not(.home-shell) .workspace-main>.workspace-tools{display:grid!important;flex-direction:initial!important}}@media (max-width: 1600px){.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-current,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-current{grid-template-columns:minmax(0,1.08fr) minmax(86px,.92fr)!important;gap:10px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-image-wrap,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-image-wrap,.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-empty,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-empty{max-width:100%!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .exposure-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-actions,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-current p,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module .reference-current p{display:none!important}}.app-shell:not(.home-shell) .workspace-layout>.workspace-main{width:1175px!important;min-width:1175px!important;display:grid!important;grid-template-columns:1109px 66px!important;grid-template-rows:minmax(0,1fr)!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-main>.editor-column>.editor-card>#result-preview{grid-column:1!important;grid-row:3!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .slot-card-track{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;grid-auto-rows:auto!important}.app-shell:not(.home-shell) .slot-board-card,.app-shell:not(.home-shell) .slot-board-card:hover,.app-shell:not(.home-shell) .slot-board-card:focus-within{position:relative!important;width:calc((100% - 18px)/4)!important;height:42px!important;min-height:42px!important;z-index:auto!important;transform:none!important}.app-shell:not(.home-shell) .slot-board-card:hover{border-color:var(--line-strong)!important;background:#141a18!important;box-shadow:none!important}.app-shell:not(.home-shell) .slot-board-card.is-selected,.app-shell:not(.home-shell) .slot-board-card.is-selected:hover{border-color:var(--accent)!important}.app-shell:not(.home-shell) .slot-board-card .slot-board-card-button,.app-shell:not(.home-shell) .slot-board-card:hover .slot-board-card-button,.app-shell:not(.home-shell) .slot-board-card:focus-within .slot-board-card-button{display:grid!important;grid-template-columns:1fr!important;place-items:center!important;gap:0!important;width:100%!important;min-height:40px!important;height:40px!important;padding:0!important}.app-shell:not(.home-shell) .slot-board-card .slot-board-card-number,.app-shell:not(.home-shell) .slot-board-card:hover .slot-board-card-number{align-self:center!important;padding:0!important;font-size:13px!important}.app-shell:not(.home-shell) .slot-board-card .slot-board-card-copy,.app-shell:not(.home-shell) .slot-board-card:hover .slot-board-card-copy,.app-shell:not(.home-shell) .slot-board-card:focus-within .slot-board-card-copy{display:none!important}.app-shell:not(.home-shell) .slot-board-card:hover .slot-delete-button{display:none!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .product-reference-current{height:116px!important;min-height:116px!important;max-height:116px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .product-reference-current .selected-reference-list{display:block!important;width:56%!important;height:100%!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .product-reference-current .selected-reference-list .reference-image-wrap,.app-shell:not(.home-shell) .editor-grid>#material-resource .product-reference-current>.reference-empty{width:100%!important;height:100%!important;aspect-ratio:4 / 3!important;max-height:none!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .exposure-mode-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .exposure-mode-button{min-height:46px!important;height:46px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-picker{height:64px!important;min-height:64px!important;max-height:64px!important;flex-basis:64px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-option-wrap,.app-shell:not(.home-shell) .editor-grid>#material-resource .reference-option{height:58px!important;flex-basis:72px!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource>.section-label{display:flex!important;height:28px!important;min-height:28px!important;margin-bottom:8px!important;overflow:visible!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .preset-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;height:auto!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .size-model-control{width:100%!important;margin-top:8px!important}.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>#size-resource .model-options{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.app-shell:not(.home-shell) .workspace-slot-titlebar em,.app-shell:not(.home-shell) .resource-module-summary{display:none!important}.app-shell:not(.home-shell) .editor-grid{grid-template-columns:minmax(300px,32fr) minmax(240px,23fr) minmax(380px,39fr) minmax(96px,7fr)!important;grid-template-rows:minmax(0,1.25fr) minmax(0,.95fr)!important;gap:8px!important}.app-shell:not(.home-shell) .editor-grid>#material-resource,.app-shell:not(.home-shell) .editor-grid>.style-and-size-row>.visual-reference-module{padding:12px!important;overflow:hidden!important}.app-shell:not(.home-shell) #material-resource .product-reference-current{display:block!important;height:116px!important;min-height:116px!important;max-height:116px!important}.app-shell:not(.home-shell) #material-resource .selected-reference-list{display:block!important;width:56%!important;height:100%!important}.app-shell:not(.home-shell) #material-resource .selected-reference-list .reference-image-wrap,.app-shell:not(.home-shell) #material-resource .product-reference-current>.reference-empty{width:100%!important;height:100%!important;aspect-ratio:4 / 3!important;max-height:none!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-control{margin-top:8px!important;padding-top:8px!important;gap:6px!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-options{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button{min-height:46px!important;height:46px!important;padding:6px 7px!important;align-content:center!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button strong{font-size:10px!important;line-height:1.2!important;white-space:normal!important}.app-shell:not(.home-shell) #material-resource .reference-picker-heading{height:24px!important;min-height:24px!important;margin-top:8px!important;padding-top:8px!important;font-size:12px!important;line-height:1!important}.app-shell:not(.home-shell) #material-resource .reference-picker{height:64px!important;min-height:64px!important;max-height:64px!important;flex:0 0 64px!important;gap:8px!important}.app-shell:not(.home-shell) #material-resource .reference-option-wrap,.app-shell:not(.home-shell) #material-resource .reference-option{height:58px!important;flex-basis:72px!important}.app-shell:not(.home-shell) #material-resource .reference-option img{height:56px!important;aspect-ratio:1!important}.app-shell:not(.home-shell) #material-resource .reference-option-remove{right:2px!important;bottom:2px!important;width:18px!important;height:18px!important}.app-shell:not(.home-shell) #style-resource .reference-current{grid-template-columns:minmax(0,1.45fr) minmax(100px,.85fr)!important;gap:10px!important;height:112px!important;min-height:112px!important;max-height:112px!important}.app-shell:not(.home-shell) #style-resource .reference-current>.reference-image-wrap,.app-shell:not(.home-shell) #style-resource .reference-current>.reference-empty{height:112px!important;max-height:112px!important;aspect-ratio:4 / 3!important}.app-shell:not(.home-shell) #style-resource .reference-current>.reference-actions{display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:8px!important}.app-shell:not(.home-shell) #style-resource .reference-actions button{min-height:38px!important;padding:7px 8px!important;font-size:11px!important;line-height:1.2!important}.app-shell:not(.home-shell) #style-resource .visual-reference-strength{grid-template-columns:auto minmax(0,1fr) 38px!important;margin-top:8px!important;gap:8px!important;font-size:11px!important}.app-shell:not(.home-shell) #copy-resource{position:relative!important;padding:12px!important}.app-shell:not(.home-shell) #copy-resource .resource-module-label{padding-right:118px!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs{position:absolute!important;top:12px!important;right:12px!important;z-index:2!important;margin:0!important;border-bottom:0!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{min-height:28px!important;padding:4px 8px!important;font-size:12px!important}.app-shell:not(.home-shell) #copy-resource>.field-block{min-height:0!important;height:calc(100% - 42px)!important}.app-shell:not(.home-shell) #copy-resource textarea,.app-shell:not(.home-shell) #requirement-resource textarea{min-height:0!important;height:calc(100% - 28px)!important;padding:10px!important;font-size:13px!important;line-height:1.45!important;resize:none!important}.app-shell:not(.home-shell) #requirement-resource{padding:12px!important}.app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions{display:flex!important;gap:6px!important;margin-top:6px!important}.app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions button{min-height:28px!important;padding:4px 8px!important;font-size:11px!important}.app-shell:not(.home-shell) .workspace-layout{width:100%!important;min-width:1433px!important;grid-template-columns:258px minmax(1175px,1fr)!important;margin-inline:0!important}.app-shell:not(.home-shell) .workspace-layout>.workspace-main{width:100%!important;min-width:1175px!important;grid-template-columns:minmax(1109px,1fr) 66px!important}.app-shell:not(.home-shell) .workspace-main>.editor-column{width:100%!important;min-width:1109px!important}.app-shell:not(.home-shell) #size-resource{padding:10px 8px!important;overflow:hidden!important}.app-shell:not(.home-shell) #size-resource>.section-label{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:28px!important;min-height:28px!important;margin:0 0 8px!important}.app-shell:not(.home-shell) #size-resource>.section-label>span:first-child{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:11px!important;white-space:nowrap!important}.app-shell:not(.home-shell) #size-resource .preset-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;height:auto!important}.app-shell:not(.home-shell) #size-resource .preset-button{min-height:48px!important;height:48px!important;padding:5px 4px!important;font-size:12px!important;line-height:1.15!important}.app-shell:not(.home-shell) #size-resource .preset-button small{margin-top:3px!important;font-size:9px!important;line-height:1.1!important}.app-shell:not(.home-shell) #size-resource .size-model-control{display:grid!important;gap:6px!important;width:100%!important;margin-top:8px!important}.app-shell:not(.home-shell) #size-resource .size-model-heading{display:grid!important;gap:4px!important;width:100%!important}.app-shell:not(.home-shell) #size-resource .size-model-heading>span,.app-shell:not(.home-shell) #size-resource .size-model-heading .text-button{width:100%!important;margin:0!important;font-size:10px!important;line-height:1.2!important;white-space:normal!important}.app-shell:not(.home-shell) #size-resource .model-options{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important}.app-shell:not(.home-shell) #size-resource .model-option{min-height:48px!important;padding:6px 4px!important;font-size:10px!important;line-height:1.15!important}.app-shell:not(.home-shell) #size-resource .model-option small{display:block!important;margin-top:3px!important;font-size:8px!important;line-height:1.1!important;white-space:normal!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current{display:block!important;width:100%!important;height:94px!important;min-height:94px!important;max-height:94px!important;overflow:hidden!important;box-sizing:border-box!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current .selected-reference-list,#root .app-shell:not(.home-shell) #material-resource .product-reference-current>.reference-empty{display:block!important;width:56%!important;min-width:0!important;max-width:56%!important;height:94px!important;min-height:0!important;max-height:94px!important;box-sizing:border-box!important;overflow:hidden!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current .reference-image-wrap{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:94px!important;min-height:0!important;max-height:94px!important;aspect-ratio:auto!important;box-sizing:border-box!important;overflow:hidden!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current .reference-image-wrap{display:grid!important;place-items:center!important}#root .app-shell:not(.home-shell) #material-resource .product-reference-current img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}#root .app-shell:not(.home-shell) #material-resource .exposure-mode-heading,#root .app-shell:not(.home-shell) #material-resource .reference-picker-heading{display:none!important}#root .app-shell:not(.home-shell) #material-resource .exposure-mode-control{display:grid!important;margin-top:6px!important;padding-top:6px!important;gap:4px!important;min-height:0!important}#root .app-shell:not(.home-shell) #material-resource .exposure-mode-options{height:30px!important;min-height:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}#root .app-shell:not(.home-shell) #material-resource .reference-picker{display:flex!important;width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;max-height:58px!important;flex:0 0 58px!important;margin-top:6px!important;padding:6px 0 0!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important}#root .app-shell:not(.home-shell) #material-resource .reference-option-wrap,#root .app-shell:not(.home-shell) #material-resource .reference-option{flex:0 0 66px!important;width:66px!important;min-width:66px!important;height:52px!important;min-height:52px!important;max-height:52px!important;box-sizing:border-box!important}#root .app-shell:not(.home-shell) #material-resource .reference-option img{width:48px!important;height:48px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}#root .app-shell:not(.home-shell) #style-resource .reference-current,#root .app-shell:not(.home-shell) #style-resource .reference-current>.reference-image-wrap,#root .app-shell:not(.home-shell) #style-resource .reference-current>.reference-empty{height:94px!important;min-height:94px!important;max-height:94px!important;box-sizing:border-box!important}#root .app-shell:not(.home-shell) .editor-grid{grid-template-rows:140px 140px!important;align-content:start!important}@media (min-width: 1601px){#root .app-shell:not(.home-shell) .editor-grid{grid-template-rows:140px 140px!important}}#root .app-shell:not(.home-shell) #copy-resource>.field-block,#root .app-shell:not(.home-shell) #requirement-resource>.field-block{align-self:stretch!important}#root .app-shell:not(.home-shell) #copy-resource .field-block>textarea,#root .app-shell:not(.home-shell) #requirement-resource .field-block>textarea{height:100%!important;min-height:0!important}#root .app-shell:not(.home-shell) #requirement-resource .module-title>.section-icon{width:14px!important;height:14px!important;flex:0 0 14px!important}#root .app-shell:not(.home-shell) #requirement-resource .module-title>span:last-child{font-size:12px!important;line-height:18px!important}#root .app-shell:not(.home-shell) #result-preview .result-history-pane{grid-template-rows:auto auto!important;align-content:start!important}#root .app-shell:not(.home-shell) #result-preview .result-history-pane .result-history-list,#root .app-shell:not(.home-shell) #result-preview .result-history-pane .result-log-pane{min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important}#root .app-shell:not(.home-shell) .workspace-main>.editor-column>.editor-card{grid-template-rows:40px auto minmax(0,1fr)!important}#root .app-shell:not(.home-shell) .editor-grid{height:auto!important;min-height:0!important}#root .app-shell:not(.home-shell) #result-preview .result-featured{grid-template-columns:minmax(0,1fr)!important}#root .app-shell:not(.home-shell) #result-preview .result-nav-button{display:none!important}#root .app-shell:not(.home-shell) #result-preview .result-featured-image{width:100%!important;height:100%!important;max-height:none!important}#root .app-shell:not(.home-shell) #result-preview .result-featured-image img{width:100%!important;height:100%!important;object-fit:contain!important}.app-shell:not(.home-shell) .slot-board-card{position:relative!important}.app-shell:not(.home-shell) .slot-board-card .slot-delete-button{display:none!important;position:absolute!important;top:-10px!important;right:-10px!important;bottom:auto!important;left:auto!important;z-index:5!important;flex:0 0 auto!important;min-width:0!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;gap:0!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;background:#12161ef5!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 2px 10px #00000073!important;cursor:pointer!important}.app-shell:not(.home-shell) .slot-board-card .slot-delete-button svg{width:11px!important;height:11px!important;flex:0 0 auto!important}.app-shell:not(.home-shell) .slot-board-card:hover .slot-delete-button,.app-shell:not(.home-shell) .slot-board-card:focus-within .slot-delete-button{display:inline-flex!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}button,a,input,textarea,select{transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.global-header{background:var(--bg-input);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.12)}.header-primary-action{background:linear-gradient(135deg,var(--accent-active),#0ea5e9);color:#0f172a;border:none;border-radius:8px;font-weight:600;box-shadow:0 2px 8px #38bdf840}.header-primary-action:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-primary),var(--accent-active));box-shadow:0 4px 16px #38bdf859}.header-primary-action:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.global-nav button{color:#94a3b8;border-radius:6px;font-weight:500}.global-nav button:hover{color:#e2e8f0;background:#94a3b814}.global-nav button.active{color:var(--accent-primary)}.run-quota{background:var(--bg-surface);border:1px solid rgba(148,163,184,.12);border-radius:8px;color:#94a3b8}.run-quota.warn{border-color:#fbbf2466;color:var(--warning)}.run-quota.over{border-color:#f8717166;color:var(--error)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-active);box-shadow:0 0 0 3px #38bdf81f}.slot-board-card:hover{border-color:#7dd3fc4d;background:var(--bg-surface)}.slot-board-card.active{border-color:var(--accent-active)}.project-card:hover,.draft-card:hover{border-color:#7dd3fc4d;box-shadow:0 4px 12px #0000004d}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{color:#f1f5f9}strong{color:#e2e8f0}[data-theme=light]{--bg-base: #f1f5f9;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-elevated: #f8fafc;--bg-input: #ffffff;--bg-overlay: rgba(15, 23, 42, .5);--border-subtle: #e2e8f0;--border-default: #cbd5e1;--border-strong: #94a3b8;--border-accent: rgba(79, 70, 229, .4);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--text-accent: #4f46e5;--accent-primary: #4f46e5;--accent-primary-hover: #6366f1;--accent-primary-dim: rgba(79, 70, 229, .1)}[data-theme=light] body,[data-theme=light] .app-shell{background:#f1f5f9;color:#1e293b}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] strong,[data-theme=light] b{color:#1e293b}[data-theme=light] p,[data-theme=light] span,[data-theme=light] div{color:#334155}[data-theme=light] .muted-text,[data-theme=light] .text-muted{color:#94a3b8}[data-theme=light] .global-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172a0f;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .global-header button,[data-theme=light] .global-header span,[data-theme=light] .global-header div{color:#334155}[data-theme=light] .global-nav button{color:#64748b}[data-theme=light] .global-nav button:hover{color:#1e293b;background:#f1f5f9}[data-theme=light] .global-nav button.active{color:#4f46e5}[data-theme=light] .header-primary-action{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 2px 8px #4f46e540}[data-theme=light] .header-primary-action:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 4px 16px #4f46e559}[data-theme=light] .run-quota{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}[data-theme=light] .slot-column,[data-theme=light] .slot-structure-section{background:#fff;border-right:1px solid #e2e8f0}[data-theme=light] .slot-column-header,[data-theme=light] .slot-board-card{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .slot-board-card:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .slot-board-card.active{border-color:#4f46e5}[data-theme=light] .project-card,[data-theme=light] .draft-card{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .project-card:hover,[data-theme=light] .draft-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a14}[data-theme=light] .panel-card,[data-theme=light] .editor-card,[data-theme=light] .field-block,[data-theme=light] .result-panel,[data-theme=light] .reference-panel,[data-theme=light] .size-panel,[data-theme=light] .copy-module-frame,[data-theme=light] .visual-reference-module,[data-theme=light] .visual-requirement-module,[data-theme=light] .resource-module-frame{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172a0a}[data-theme=light] .section-label,[data-theme=light] .resource-module-label,[data-theme=light] .result-preview-header,[data-theme=light] .slot-column-header-main,[data-theme=light] .workspace-slot-titlebar{color:#1e293b;border-bottom:1px solid #f1f5f9}[data-theme=light] .section-label span,[data-theme=light] .resource-module-label span,[data-theme=light] .module-title{color:#1e293b}[data-theme=light] .resource-module-summary{color:#64748b}[data-theme=light] .resource-module-summary strong{color:#4f46e5}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:#fff;border:1px solid #e2e8f0;color:#1e293b}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#94a3b8}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}[data-theme=light] .primary-button{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;box-shadow:0 2px 6px #4f46e533}[data-theme=light] .primary-button:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 4px 12px #4f46e54d}[data-theme=light] .secondary-button{background:#f8fafc;color:#334155;border:1px solid #e2e8f0}[data-theme=light] .secondary-button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .text-button{background:transparent;color:#475569;border:1px solid transparent}[data-theme=light] .text-button:hover:not(:disabled){background:#f1f5f9;color:#1e293b}[data-theme=light] .icon-button{background:transparent;color:#64748b;border:1px solid transparent}[data-theme=light] .icon-button:hover:not(:disabled){background:#f1f5f9;color:#1e293b}[data-theme=light] .exposure-mode-options button,[data-theme=light] .exposure-mode-control button{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}[data-theme=light] .exposure-mode-options button.active,[data-theme=light] .exposure-mode-control button.active{color:#4f46e5;border-color:#4f46e5}[data-theme=light] .size-panel button,[data-theme=light] .size-option{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}[data-theme=light] .size-panel button.active,[data-theme=light] .size-option.active{color:#4f46e5;border-color:#4f46e5}[data-theme=light] .result-preview-pane,[data-theme=light] .result-history-pane,[data-theme=light] .result-workbench{background:#fff}[data-theme=light] .result-featured,[data-theme=light] .result-gallery,[data-theme=light] .result-empty{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .result-image-link,[data-theme=light] .result-featured-image{border:2px solid #e2e8f0}[data-theme=light] .result-image-link.is-selected,[data-theme=light] .result-featured-image.is-selected{border-color:#4f46e5}[data-theme=light] .result-nav-button{background:#fff;color:#475569;border:1px solid #e2e8f0;box-shadow:0 2px 6px #0f172a14}[data-theme=light] .result-nav-button:hover:not(:disabled){background:#f8fafc;color:#1e293b}[data-theme=light] .result-history-item{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}[data-theme=light] .result-history-item:hover{background:#f1f5f9}[data-theme=light] .result-history-item.active{border-color:#4f46e5;color:#4f46e5}[data-theme=light] .result-history-item small{color:#64748b}[data-theme=light] .result-log-pane{border-top:1px solid #e2e8f0;color:#64748b}[data-theme=light] .result-log-pane strong{color:#1e293b}[data-theme=light] .workspace-tools,[data-theme=light] .workspace-tool-section,[data-theme=light] .workspace-library-panel-body,[data-theme=light] .workspace-library-panel-head{background:#fff;border-left:1px solid #e2e8f0;color:#334155}[data-theme=light] .workspace-tools-tab{background:transparent;color:#64748b;border:1px solid transparent}[data-theme=light] .workspace-tools-tab:hover{background:#f1f5f9;color:#1e293b}[data-theme=light] .workspace-tools-tab.active{color:#4f46e5}[data-theme=light] .workspace-tool-rail button{background:transparent;color:#64748b}[data-theme=light] .workspace-tool-rail button:hover{background:#f1f5f9;color:#1e293b}[data-theme=light] .workspace-tool-rail button.active{color:#4f46e5}[data-theme=light] .reference-current,[data-theme=light] .product-reference-current,[data-theme=light] .reference-thumbnails,[data-theme=light] .reference-thumbnail{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .image-remove-button{background:#ef4444e6;color:#fff}[data-theme=light] input[type=range]{background:#e2e8f0}[data-theme=light] input[type=range]::-webkit-slider-thumb{background:#4f46e5;box-shadow:0 1px 4px #4f46e54d}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] hr,[data-theme=light] .divider,[data-theme=light] [class*=divider]{border-color:#e2e8f0;background:#e2e8f0}[data-theme=light] .modal-backdrop,[data-theme=light] [class*=modal]{background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 60px #0f172a26}[data-theme=light] .draft-banner{background:#fef3c7;border:1px solid #fde68a;color:#92400e}[data-theme=light] .creation-hero,[data-theme=light] .creation-subtitle{color:#334155}[data-theme=light] .composer-parse-report{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}[data-theme=light] .login-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}[data-theme=light] .admin-panel,[data-theme=light] .admin-section,[data-theme=light] .repair-tool,[data-theme=light] .repair-section,[data-theme=light] .repair-mask-editor,[data-theme=light] .skill-card,[data-theme=light] .skill-tool,[data-theme=light] .workflow-node,[data-theme=light] .wf-operator-node{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .canvas-slot-node,[data-theme=light] .canvas-skill-node,[data-theme=light] .canvas-note-node{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0f172a0f}[data-theme=light] .history-panel,[data-theme=light] .history-entry,[data-theme=light] .history-preview,[data-theme=light] .operations-panel,[data-theme=light] .ops-brief-row,[data-theme=light] .ops-grid{background:#fff;border:1px solid #e2e8f0}[data-theme=light] [style*="background: #0f172a"],[data-theme=light] [style*="background: #1e293b"],[data-theme=light] [style*="background: #0a0f1d"],[data-theme=light] [style*="background:#0f172a"],[data-theme=light] [style*="background:#1e293b"],[data-theme=light] [style*="background:#0a0f1d"]{background:#fff!important}#material-resource,#style-resource,#size-resource,#requirement-resource,#copy-resource,#result-preview{background-color:var(--bg-surface)!important;border-radius:14px!important;padding:16px!important;border:1px solid var(--divider)!important}#material-resource,#style-resource,#size-resource,#requirement-resource,#copy-resource,#result-preview .section-label,#result-preview .resource-module-label{margin-bottom:12px!important}#material-resource,#style-resource,#size-resource,#requirement-resource,#copy-resource,#result-preview .section-label>span:first-child,#result-preview .resource-module-label>span:first-child{color:#e0e0e0!important;font-weight:600!important;font-size:14px!important}#material-resource,#style-resource,#size-resource,#requirement-resource,#copy-resource,#result-preview .module-add-button,#result-preview .primary-button{background-color:#7dd3fc1f!important;color:var(--accent-primary)!important;border-radius:8px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;border:1px solid rgba(125,211,252,.25)!important;transition:all .2s ease!important}#material-resource,#style-resource,#size-resource,#requirement-resource,#copy-resource,#result-preview .module-add-button:hover:not(:disabled),#result-preview .primary-button:hover:not(:disabled){background-color:#7dd3fc33!important;border-color:#7dd3fc66!important}#material-resource,#style-resource,#size-resource,#requirement-resource,#copy-resource,#result-preview .secondary-button{background-color:var(--bg-input)!important;color:#aaa!important;border-radius:8px!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;border:1px solid #333333!important;transition:all .2s ease!important}#material-resource,#style-resource,#size-resource,#requirement-resource,#copy-resource,#result-preview .secondary-button:hover:not(:disabled){background-color:var(--bg-surface)!important;border-color:#444!important;color:#ccc!important}#material-resource input,#style-resource input,#size-resource input,#requirement-resource input,#copy-resource input,#result-preview input,#material-resource textarea,#style-resource textarea,#size-resource textarea,#requirement-resource textarea,#copy-resource textarea,#result-preview textarea,#material-resource select,#style-resource select,#size-resource select,#requirement-resource select,#copy-resource select,#result-preview select{background-color:var(--bg-input)!important;color:#ccc!important;border:1px solid #333333!important;border-radius:8px!important;padding:8px 10px!important;font-size:12px!important;transition:all .2s ease!important}#material-resource input:focus,#style-resource input:focus,#size-resource input:focus,#requirement-resource input:focus,#copy-resource input:focus,#result-preview input:focus,#material-resource textarea:focus,#style-resource textarea:focus,#size-resource textarea:focus,#requirement-resource textarea:focus,#copy-resource textarea:focus,#result-preview textarea:focus,#material-resource select:focus,#style-resource select:focus,#size-resource select:focus,#requirement-resource select:focus,#copy-resource select:focus,#result-preview select:focus{border-color:var(--accent-primary)!important;outline:none!important;box-shadow:0 0 8px #7dd3fc26!important}#material-resource .reference-image-wrap{background-color:var(--bg-input)!important;border-radius:10px!important;overflow:hidden!important;border:2px solid rgba(125,211,252,.3)!important;transition:all .2s ease!important}#material-resource .reference-image-wrap:hover{border-color:#7dd3fc99!important;box-shadow:0 0 16px #7dd3fc26!important}#material-resource .reference-image-wrap small{background-color:#7dd3fcd9!important;color:#0f172a!important;padding:3px 8px!important;border-radius:4px!important;font-size:11px!important;font-weight:600!important}#material-resource .image-remove-button,#material-resource .reference-option-remove{background-color:#00000080!important;color:#fff!important;border-radius:9999px!important;width:24px!important;height:24px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;transition:all .2s ease!important}#material-resource .image-remove-button:hover,#material-resource .reference-option-remove:hover{background-color:var(--error)!important}#material-resource .exposure-mode-button{background-color:var(--bg-base)!important;color:#888!important;border:2px solid var(--bg-base)!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}#material-resource .exposure-mode-button:hover:not(.active){border-color:var(--bg-surface)!important;color:#ccc!important}#material-resource .exposure-mode-button.active{border-color:#7dd3fc80!important;color:var(--accent-primary)!important}#material-resource .reference-option{background-color:var(--bg-input)!important;border-radius:10px!important;overflow:hidden!important;border:2px solid transparent!important;transition:all .2s ease!important}#material-resource .reference-option:hover:not(.active){border-color:#7dd3fc40!important}#material-resource .reference-option.active{border-color:#7dd3fc80!important}#material-resource .reference-empty{background-color:var(--bg-input)!important;color:#666!important;border-radius:10px!important;padding:24px 16px!important;font-size:12px!important;border:2px dashed #333333!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:140px!important;width:100%!important;box-sizing:border-box!important;text-align:center!important}#material-resource .reference-empty:before{content:"";display:block;width:48px;height:48px;flex-shrink:0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7}#size-resource .preset-button{background-color:var(--bg-base)!important;color:#888!important;border:2px solid var(--bg-base)!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}#size-resource .preset-button:hover:not(.active){border-color:var(--bg-surface)!important;color:#ccc!important}#size-resource .preset-button.active{border-color:#7dd3fc80!important;color:var(--accent-primary)!important}#size-resource .model-option{background-color:var(--bg-input)!important;color:#aaa!important;border:1px solid #333333!important;border-radius:8px!important;padding:10px!important;transition:all .2s ease!important}#size-resource .model-option:hover:not(.active){border-color:#444!important}#size-resource .model-option.active{border-color:#7dd3fc66!important}#result-preview .result-featured-image{background-color:var(--bg-input)!important;border-radius:10px!important;overflow:hidden!important;border:2px solid rgba(125,211,252,.2)!important}#result-preview .result-image-link{background-color:var(--bg-input)!important;border-radius:8px!important;overflow:hidden!important;border:2px solid transparent!important;transition:all .2s ease!important}#result-preview .result-image-link:hover:not(.is-selected){border-color:#7dd3fc40!important}#result-preview .result-image-link.is-selected{border-color:#7dd3fc80!important}#result-preview .result-nav-button{background-color:#00000080!important;color:#fff!important;border-radius:9999px!important;width:32px!important;height:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;transition:all .2s ease!important}#result-preview .result-nav-button:hover:not(:disabled){background-color:#7dd3fc4d!important}#result-preview .result-preview-pane,#result-preview .result-history-pane,#result-preview .workspace-library-panel{background-color:var(--bg-input)!important;border-radius:10px!important;padding:12px!important;border:1px solid rgba(255,255,255,.04)!important}#result-preview .result-history-item{background-color:var(--bg-base)!important;color:#888!important;border:1px solid var(--bg-surface)!important;border-radius:8px!important;padding:8px 10px!important;margin-bottom:6px!important;transition:all .2s ease!important;display:flex!important;flex-direction:column!important;gap:2px!important}#result-preview .result-history-item:hover:not(.active){border-color:#3a3a3a!important;color:#ccc!important}#result-preview .result-history-item.active{border-color:#7dd3fc66!important;color:var(--accent-primary)!important}#result-preview .result-history-item span{font-weight:600!important;font-size:12px!important}#result-preview .result-history-item small{font-size:10px!important;opacity:.7!important}#result-preview .result-log-pane{background-color:var(--bg-base)!important;border-radius:8px!important;padding:10px!important;margin-top:10px!important;border:1px solid var(--bg-surface)!important}#result-preview .result-log-pane strong{color:#ccc!important;font-size:12px!important;display:block!important;margin-bottom:6px!important}#result-preview .result-log-pane p{color:#888!important;font-size:11px!important;margin:0 0 4px!important}#result-preview .result-log-pane small{color:#666!important;font-size:10px!important}#result-preview .result-featured{background-color:var(--bg-base)!important;border-radius:10px!important;padding:8px!important;border:1px solid var(--bg-surface)!important}#result-preview .result-gallery{gap:8px!important;margin-top:10px!important}#result-preview .workspace-library-panel-head{color:#e0e0e0!important;font-weight:600!important;font-size:14px!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:8px!important}#result-preview .workspace-library-panel-body{color:#666!important;font-size:12px!important;text-align:center!important;padding:20px 10px!important;min-height:100px!important;display:flex!important;align-items:center!important;justify-content:center!important}#result-preview .result-empty{background-color:var(--bg-base)!important;color:#666!important;border-radius:10px!important;padding:30px 20px!important;text-align:center!important;font-size:12px!important;border:2px dashed #333333!important;min-height:200px!important;display:flex!important;align-items:center!important;justify-content:center!important}.app-shell:not(.home-shell) #result-preview.result-panel{background-color:transparent!important;border:none!important;padding:0!important;border-radius:0!important}.app-shell:not(.home-shell) #result-preview .result-workbench{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(200px,280px) minmax(200px,280px)!important;gap:12px!important;height:100%!important;min-height:0!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane,.app-shell:not(.home-shell) #result-preview .result-history-pane,.app-shell:not(.home-shell) #result-preview .workspace-library-panel{min-width:0!important;width:100%!important;height:100%!important;min-height:400px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane>*{min-width:0!important}.app-shell:not(.home-shell) #result-preview .result-history-pane .result-history-list{flex:1!important;overflow-y:auto!important;min-height:0!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel .workspace-library-panel-body{flex:1!important;overflow-y:auto!important;min-height:0!important}@media (max-width: 1400px){.app-shell:not(.home-shell) #result-preview .result-workbench{grid-template-columns:minmax(0,1fr) minmax(180px,240px) minmax(180px,240px)!important}}@media (max-width: 1100px){.app-shell:not(.home-shell) #result-preview .result-workbench{grid-template-columns:minmax(0,1fr) minmax(160px,200px)!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel{grid-column:1 / -1!important;min-height:200px!important}}.app-shell:not(.home-shell) #result-preview .result-preview-pane,.app-shell:not(.home-shell) #result-preview .result-history-pane,.app-shell:not(.home-shell) #result-preview .workspace-library-panel{background-color:var(--bg-surface)!important;border-radius:14px!important;border:1px solid var(--divider)!important;padding:14px!important}.app-shell:not(.home-shell) #result-preview .result-preview-header,.app-shell:not(.home-shell) #result-preview .result-history-pane .section-label,.app-shell:not(.home-shell) #result-preview .workspace-library-panel-head{color:#e0e0e0!important;font-weight:600!important;font-size:14px!important;margin-bottom:12px!important;padding-bottom:10px!important;border-bottom:1px solid var(--divider)!important}.app-shell:not(.home-shell) #result-preview .result-featured{background-color:var(--bg-input)!important;border-radius:10px!important;padding:10px!important;border:1px solid rgba(255,255,255,.04)!important}.app-shell:not(.home-shell) #result-preview .result-gallery{background-color:var(--bg-input)!important;border-radius:10px!important;padding:10px!important;margin-top:10px!important;border:1px solid rgba(255,255,255,.04)!important;gap:8px!important}.app-shell:not(.home-shell) #result-preview .result-image-link{background-color:var(--bg-base)!important;border-radius:8px!important;overflow:hidden!important;border:2px solid transparent!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #result-preview .result-nav-button{background-color:var(--bg-base)!important;color:#ccc!important;border-radius:9999px!important;border:1px solid #333333!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #result-preview .result-empty{background-color:var(--bg-input)!important;color:#666!important;border-radius:10px!important;border:2px dashed #3a3a3a!important}.app-shell:not(.home-shell) #result-preview .result-history-list{background-color:var(--bg-input)!important;border-radius:10px!important;padding:10px!important;border:1px solid rgba(255,255,255,.04)!important}.app-shell:not(.home-shell) #result-preview .result-history-item{background-color:var(--bg-base)!important;color:#888!important;border:1px solid var(--bg-surface)!important;border-radius:8px!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #result-preview .result-history-item:hover:not(.active){border-color:#3a3a3a!important;color:#ccc!important}.app-shell:not(.home-shell) #result-preview .result-log-pane{background-color:var(--bg-input)!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.04)!important;margin-top:10px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel-body{background-color:var(--bg-input)!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.04)!important;color:#888!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel button{background-color:var(--bg-base)!important;color:#888!important;border:1px solid var(--bg-surface)!important;border-radius:8px!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel button:hover{background-color:var(--bg-input)!important;border-color:#3a3a3a!important;color:#ccc!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel button.active,.app-shell:not(.home-shell) #result-preview .workspace-library-panel button.selected{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #result-preview .result-history-list{overflow:hidden!important;box-sizing:border-box!important}.app-shell:not(.home-shell) #result-preview .result-history-item{width:100%!important;box-sizing:border-box!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:8px 10px!important}.app-shell:not(.home-shell) #result-preview .result-history-item span,.app-shell:not(.home-shell) #result-preview .result-history-item small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.app-shell:not(.home-shell) #result-preview .result-image-link{border-width:1px!important}.app-shell:not(.home-shell) #result-preview .result-history-item{border-width:1px!important}.app-shell:not(.home-shell) #result-preview .result-history-item.active{border-width:1px!important}#material-resource .reference-option,#material-resource .reference-image-wrap,#material-resource .exposure-mode-button,#material-resource .reference-empty{border-width:1px!important}.app-shell:not(.home-shell) #result-preview .result-empty{border-width:1px!important}#size-resource .preset-button{border-width:1px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel button{border-width:1px!important}.app-shell:not(.home-shell) #result-preview .workspace-library-panel button.active,.app-shell:not(.home-shell) #result-preview .workspace-library-panel button.selected{border-width:1px!important}.app-shell:not(.home-shell) .global-header{background-color:var(--bg-base)!important;border-bottom:1px solid var(--divider)!important}.app-shell:not(.home-shell) .slot-column.panel-card{background-color:var(--bg-base)!important;border-radius:0!important;border:0!important}.app-shell:not(.home-shell) .slot-structure-section{background-color:var(--bg-input)!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.04)!important;padding:12px!important;margin-bottom:10px!important}.app-shell:not(.home-shell) .editor-column{background-color:transparent!important}.app-shell:not(.home-shell) .panel-card.editor-card{background-color:var(--bg-surface)!important;border-radius:14px!important;border:1px solid var(--divider)!important;padding:14px!important}.app-shell:not(.home-shell) .field-block{background-color:var(--bg-input)!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.04)!important;padding:12px!important}.app-shell:not(.home-shell) .panel-card{background-color:var(--bg-surface)!important;border-radius:14px!important;border:1px solid var(--divider)!important}.app-shell:not(.home-shell) .section-label{color:#e0e0e0!important;font-weight:600!important;font-size:14px!important;padding-bottom:0!important;margin-bottom:12px!important;border-bottom:none!important}.app-shell:not(.home-shell) input,.app-shell:not(.home-shell) textarea,.app-shell:not(.home-shell) select{background-color:var(--bg-base)!important;color:#ccc!important;border:1px solid #333333!important;border-radius:8px!important;padding:8px 10px!important;font-size:12px!important;transition:all .2s ease!important}.app-shell:not(.home-shell) .primary-button{background-color:#7dd3fc26!important;color:var(--accent-primary)!important;border:1px solid rgba(125,211,252,.4)!important;border-radius:8px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;transition:all .2s ease!important}.app-shell:not(.home-shell) .primary-button:hover:not(:disabled){background-color:#7dd3fc40!important;border-color:#7dd3fc99!important}.app-shell:not(.home-shell) .secondary-button{background-color:var(--bg-input)!important;color:#aaa!important;border:1px solid #333333!important;border-radius:8px!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important}.app-shell:not(.home-shell) .secondary-button:hover:not(:disabled){background-color:var(--bg-surface)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) .text-button{background-color:transparent!important;color:#888!important;border:none!important;border-radius:6px!important;padding:4px 8px!important;font-size:12px!important;transition:all .2s ease!important}.app-shell:not(.home-shell) .text-button:hover{background-color:var(--accent-bg)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) .icon-button{background-color:var(--bg-input)!important;color:#888!important;border:1px solid #333333!important;border-radius:8px!important;width:32px!important;height:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.app-shell:not(.home-shell) .icon-button:hover{background-color:var(--bg-surface)!important;border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) .badge,.app-shell:not(.home-shell) .tag{background-color:var(--bg-input)!important;color:#888!important;border:1px solid #333333!important;border-radius:6px!important;padding:2px 8px!important;font-size:11px!important}.app-shell:not(.home-shell) .badge.active,.app-shell:not(.home-shell) .tag.active{color:var(--accent-primary)!important;border-color:#7dd3fc66!important}.app-shell:not(.home-shell) .modal-card,.app-shell:not(.home-shell) .modal-content{background-color:var(--bg-surface)!important;border-radius:14px!important;border:1px solid var(--divider)!important}.app-shell:not(.home-shell) .modal-head{color:#e0e0e0!important;border-bottom:1px solid var(--divider)!important;padding-bottom:12px!important;margin-bottom:16px!important}.app-shell:not(.home-shell) .dropdown-menu,.app-shell:not(.home-shell) .menu-list{background-color:var(--bg-surface)!important;border-radius:10px!important;border:1px solid var(--divider)!important;padding:8px!important}.app-shell:not(.home-shell) .dropdown-item,.app-shell:not(.home-shell) .menu-item{background-color:transparent!important;color:#ccc!important;border-radius:6px!important;padding:8px 10px!important;transition:all .2s ease!important}.app-shell:not(.home-shell) .dropdown-item:hover,.app-shell:not(.home-shell) .menu-item:hover{background-color:var(--bg-input)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) ::-webkit-scrollbar{width:6px!important;height:6px!important}.app-shell:not(.home-shell) ::-webkit-scrollbar-track{background:var(--bg-base)!important;border-radius:3px!important}.app-shell:not(.home-shell) ::-webkit-scrollbar-thumb{background:#444!important;border-radius:3px!important}.app-shell:not(.home-shell) .editor-grid{gap:12px!important;width:100%!important;height:100%!important}.app-shell:not(.home-shell) .editor-card .field-block{width:100%!important;height:100%!important;min-height:0!important;box-sizing:border-box!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-card>.editor-grid>.field-block{min-height:280px!important}.app-shell:not(.home-shell) #result-preview.result-panel{background-color:transparent!important;border:none!important;border-radius:0!important;padding:0!important}.app-shell:not(.home-shell) #result-preview .result-workbench{width:100%!important;height:100%!important;gap:12px!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane,.app-shell:not(.home-shell) #result-preview .result-history-pane,.app-shell:not(.home-shell) #result-preview .workspace-library-panel{width:100%!important;height:100%!important;min-height:400px!important;box-sizing:border-box!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-main{min-height:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-column{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-column{background-color:var(--bg-base)!important;border-radius:0!important;padding:12px!important;margin:0!important}.app-shell:not(.home-shell) .panel-card.editor-card{background-color:transparent!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.app-shell:not(.home-shell) .editor-card>.editor-grid>.field-block{background-color:var(--bg-input)!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.05)!important;padding:14px!important;min-height:280px!important;box-sizing:border-box!important;overflow:hidden!important}.app-shell:not(.home-shell) #result-preview.result-panel{background-color:transparent!important;border:none!important;border-radius:0!important;padding:0!important;margin-top:12px!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane,.app-shell:not(.home-shell) #result-preview .result-history-pane,.app-shell:not(.home-shell) #result-preview .workspace-library-panel{background-color:var(--bg-input)!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.05)!important;padding:14px!important;min-height:400px!important;box-sizing:border-box!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-card .field-block input,.app-shell:not(.home-shell) .editor-card .field-block textarea,.app-shell:not(.home-shell) .editor-card .field-block select{background-color:var(--bg-base)!important;border:1px solid #333333!important;border-radius:8px!important}.app-shell:not(.home-shell) .editor-card .field-block .reference-image-wrap,.app-shell:not(.home-shell) .editor-card .field-block .result-featured,.app-shell:not(.home-shell) .editor-card .field-block .result-gallery,.app-shell:not(.home-shell) .editor-card .field-block .result-history-list,.app-shell:not(.home-shell) .editor-card .field-block .result-log-pane{background-color:var(--bg-base)!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:10px!important}.app-shell:not(.home-shell) .workspace-main{background-color:var(--bg-base)!important}.app-shell:not(.home-shell) .editor-header,.app-shell:not(.home-shell) .page-header{background-color:transparent!important;border-bottom:1px solid var(--divider)!important;margin-bottom:12px!important;padding-bottom:10px!important}.app-shell:not(.home-shell) .editor-card>.editor-grid>.field-block{background-color:var(--bg-surface)!important;border-radius:12px!important;border:1px solid var(--divider)!important;padding:14px!important;min-height:280px!important;box-sizing:border-box!important;overflow:hidden!important}.app-shell:not(.home-shell) #result-preview .result-preview-pane,.app-shell:not(.home-shell) #result-preview .result-history-pane,.app-shell:not(.home-shell) #result-preview .workspace-library-panel{background-color:var(--bg-surface)!important;border-radius:12px!important;border:1px solid var(--divider)!important;padding:14px!important;min-height:400px!important;box-sizing:border-box!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-card .field-block input,.app-shell:not(.home-shell) .editor-card .field-block textarea,.app-shell:not(.home-shell) .editor-card .field-block select{background-color:var(--bg-input)!important;border:1px solid #3a3a3a!important;border-radius:8px!important;color:#ccc!important}.app-shell:not(.home-shell) .editor-card .field-block input:focus,.app-shell:not(.home-shell) .editor-card .field-block textarea:focus,.app-shell:not(.home-shell) .editor-card .field-block select:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 8px #7dd3fc26!important}.app-shell:not(.home-shell) .editor-card .field-block .reference-image-wrap,.app-shell:not(.home-shell) .editor-card .field-block .result-featured,.app-shell:not(.home-shell) .editor-card .field-block .result-gallery,.app-shell:not(.home-shell) .editor-card .field-block .result-history-list,.app-shell:not(.home-shell) .editor-card .field-block .result-log-pane,.app-shell:not(.home-shell) #result-preview .result-featured,.app-shell:not(.home-shell) #result-preview .result-gallery,.app-shell:not(.home-shell) #result-preview .result-history-list,.app-shell:not(.home-shell) #result-preview .result-log-pane,.app-shell:not(.home-shell) #result-preview .workspace-library-panel-body{background-color:var(--bg-input)!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:10px!important}.app-shell:not(.home-shell) .editor-card .field-block button,.app-shell:not(.home-shell) #result-preview button{background-color:var(--bg-base)!important;border:1px solid #333333!important;border-radius:8px!important;color:#aaa!important;transition:all .2s ease!important}.app-shell:not(.home-shell) .editor-card .field-block button:hover,.app-shell:not(.home-shell) #result-preview button:hover{background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) .editor-card .field-block button.active,.app-shell:not(.home-shell) .editor-card .field-block button.selected,.app-shell:not(.home-shell) #result-preview button.active,.app-shell:not(.home-shell) #result-preview button.selected{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #copy-resource,.app-shell:not(.home-shell) #material-resource,.app-shell:not(.home-shell) #style-resource,.app-shell:not(.home-shell) #size-resource,.app-shell:not(.home-shell) #requirement-resource{background-color:var(--bg-surface)!important;border-radius:12px!important;border:1px solid var(--divider)!important;padding:14px!important;min-height:280px!important;box-sizing:border-box!important;overflow:hidden!important}.app-shell:not(.home-shell) .style-and-size-row{background-color:transparent!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;gap:12px!important}.app-shell:not(.home-shell) #copy-resource textarea,.app-shell:not(.home-shell) #copy-resource input,.app-shell:not(.home-shell) #material-resource .reference-image-wrap,.app-shell:not(.home-shell) #material-resource .reference-empty,.app-shell:not(.home-shell) #style-resource .reference-image-wrap,.app-shell:not(.home-shell) #style-resource .reference-empty,.app-shell:not(.home-shell) #size-resource .preset-row,.app-shell:not(.home-shell) #size-resource .size-model-control,.app-shell:not(.home-shell) #requirement-resource textarea{background-color:var(--bg-input)!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:10px!important}.app-shell:not(.home-shell) #copy-resource button,.app-shell:not(.home-shell) #material-resource button,.app-shell:not(.home-shell) #style-resource button,.app-shell:not(.home-shell) #size-resource button,.app-shell:not(.home-shell) #requirement-resource button{background-color:var(--bg-base)!important;border:1px solid #333333!important;border-radius:8px!important;color:#aaa!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #copy-resource button:hover,.app-shell:not(.home-shell) #material-resource button:hover,.app-shell:not(.home-shell) #style-resource button:hover,.app-shell:not(.home-shell) #size-resource button:hover,.app-shell:not(.home-shell) #requirement-resource button:hover{background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) #copy-resource button.active,.app-shell:not(.home-shell) #material-resource button.active,.app-shell:not(.home-shell) #style-resource button.active,.app-shell:not(.home-shell) #size-resource button.active,.app-shell:not(.home-shell) #requirement-resource button.active{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #material-resource .reference-option.active,.app-shell:not(.home-shell) #style-resource .reference-option.active{border-color:var(--accent-primary)!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button{background-color:var(--bg-surface)!important;border:1px solid #3a3a3a!important;border-radius:8px!important;color:#aaa!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button:hover{background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button.active{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #style-resource .reference-actions button{background-color:var(--bg-surface)!important;border:1px solid #3a3a3a!important;border-radius:8px!important;color:#aaa!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #style-resource .reference-actions button:hover{background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{background-color:var(--bg-surface)!important;border:1px solid #3a3a3a!important;border-radius:8px!important;color:#aaa!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button:hover{background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button.active{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #size-resource .preset-button{background-color:var(--bg-surface)!important;border:1px solid #3a3a3a!important;border-radius:8px!important;color:#aaa!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important;width:100%!important;text-align:center!important}.app-shell:not(.home-shell) #size-resource .preset-button:hover{background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) #size-resource .preset-button.active{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #size-resource .model-option{background-color:var(--bg-surface)!important;border:1px solid #3a3a3a!important;border-radius:8px!important;color:#aaa!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important;width:100%!important;text-align:center!important}.app-shell:not(.home-shell) #size-resource .model-option:hover{background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) #size-resource .model-option.active{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions button{background-color:var(--bg-surface)!important;border:1px solid #3a3a3a!important;border-radius:8px!important;color:#aaa!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #requirement-resource .visual-requirement-actions button:hover{background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) #result-preview .result-head-actions button{background-color:var(--bg-surface)!important;border:1px solid #3a3a3a!important;border-radius:8px!important;color:#aaa!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #result-preview .result-head-actions button:hover:not(:disabled){background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) #result-preview .result-head-actions .primary-button{background-color:#7dd3fc26!important;border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #result-preview .result-head-actions .primary-button:hover:not(:disabled){background-color:#7dd3fc40!important}.app-shell:not(.home-shell) #result-preview .result-history-item{background-color:var(--bg-surface)!important;border:1px solid #3a3a3a!important;border-radius:8px!important;color:#aaa!important;padding:10px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important;width:100%!important;text-align:center!important}.app-shell:not(.home-shell) #result-preview .result-history-item:hover{background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) #result-preview .result-history-item.active{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #result-preview .result-nav-button{background-color:var(--bg-surface)!important;border:1px solid #3a3a3a!important;border-radius:9999px!important;color:#aaa!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #result-preview .result-nav-button:hover:not(:disabled){background-color:var(--bg-input)!important;border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #result-preview .result-image-link{background-color:var(--bg-surface)!important;border:1px solid transparent!important;border-radius:8px!important;overflow:hidden!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #result-preview .result-image-link:hover:not(.is-selected){border-color:#7dd3fc4d!important}.app-shell:not(.home-shell) #result-preview .result-image-link.is-selected{border-color:var(--accent-primary)!important}.app-shell:not(.home-shell) #copy-resource button,.app-shell:not(.home-shell) #material-resource button,.app-shell:not(.home-shell) #style-resource button,.app-shell:not(.home-shell) #size-resource button,.app-shell:not(.home-shell) #requirement-resource button,.app-shell:not(.home-shell) #result-preview button{background-color:var(--bg-surface)!important;border-color:#3a3a3a!important;color:#aaa!important}.app-shell:not(.home-shell) #copy-resource button:hover,.app-shell:not(.home-shell) #material-resource button:hover,.app-shell:not(.home-shell) #style-resource button:hover,.app-shell:not(.home-shell) #size-resource button:hover,.app-shell:not(.home-shell) #requirement-resource button:hover,.app-shell:not(.home-shell) #result-preview button:hover{background-color:var(--bg-input)!important;border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) #copy-resource button.active,.app-shell:not(.home-shell) #material-resource button.active,.app-shell:not(.home-shell) #style-resource button.active,.app-shell:not(.home-shell) #size-resource button.active,.app-shell:not(.home-shell) #requirement-resource button.active,.app-shell:not(.home-shell) #result-preview button.active{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #copy-resource button,.app-shell:not(.home-shell) #material-resource button,.app-shell:not(.home-shell) #style-resource button,.app-shell:not(.home-shell) #size-resource button,.app-shell:not(.home-shell) #requirement-resource button,.app-shell:not(.home-shell) #result-preview button{border:none!important;outline:none!important}.app-shell:not(.home-shell) #copy-resource button:hover,.app-shell:not(.home-shell) #material-resource button:hover,.app-shell:not(.home-shell) #style-resource button:hover,.app-shell:not(.home-shell) #size-resource button:hover,.app-shell:not(.home-shell) #requirement-resource button:hover,.app-shell:not(.home-shell) #result-preview button:hover{border:none!important;outline:none!important}.app-shell:not(.home-shell) #copy-resource button.active,.app-shell:not(.home-shell) #material-resource button.active,.app-shell:not(.home-shell) #style-resource button.active,.app-shell:not(.home-shell) #size-resource button.active,.app-shell:not(.home-shell) #requirement-resource button.active,.app-shell:not(.home-shell) #result-preview button.active{border:1px solid var(--accent-primary)!important;outline:none!important}.app-shell:not(.home-shell) #size-resource .preset-button{background-color:var(--bg-surface)!important;border:none!important;border-radius:8px!important;color:#aaa!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important;transition:all .2s ease!important;width:100%!important;text-align:center!important;margin-bottom:8px!important}.app-shell:not(.home-shell) #size-resource .preset-button:hover{background-color:var(--bg-input)!important;border:none!important;color:#ccc!important}.app-shell:not(.home-shell) #size-resource .preset-button.active{border:1px solid var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #size-resource .size-model-control{background-color:var(--bg-surface)!important;border:none!important;border-radius:10px!important;padding:12px!important;margin-top:12px!important}.app-shell:not(.home-shell) #size-resource .size-model-heading{color:#888!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:10px!important;padding-bottom:8px!important;border-bottom:1px solid var(--divider)!important}.app-shell:not(.home-shell) #size-resource .model-option{background-color:var(--bg-input)!important;border:none!important;border-radius:8px!important;color:#aaa!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important;transition:all .2s ease!important;width:100%!important;text-align:center!important;margin-bottom:6px!important}.app-shell:not(.home-shell) #size-resource .model-option:hover{background-color:var(--bg-surface)!important;border:none!important;color:#ccc!important}.app-shell:not(.home-shell) #size-resource .model-option.active{border:1px solid var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #size-resource .preset-row{background-color:transparent!important;border:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button{background-color:var(--bg-surface)!important;border:none!important;border-radius:8px!important;color:#aaa!important;padding:8px 14px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button:hover{background-color:var(--bg-input)!important;border:none!important;color:#ccc!important}.app-shell:not(.home-shell) #material-resource .exposure-mode-button.active{border:1px solid var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{background-color:var(--bg-surface)!important;border:none!important;border-radius:8px!important;color:#aaa!important;padding:6px 14px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button:hover{background-color:var(--bg-input)!important;border:none!important;color:#ccc!important}.app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button.active{border:1px solid var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #result-preview .result-history-item{background-color:var(--bg-surface)!important;border:none!important;border-radius:8px!important;color:#aaa!important;padding:12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s ease!important;width:100%!important;text-align:center!important;margin-bottom:8px!important}.app-shell:not(.home-shell) #result-preview .result-history-item:hover{background-color:var(--bg-input)!important;border:none!important;color:#ccc!important}.app-shell:not(.home-shell) #result-preview .result-history-item.active{border:1px solid var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) #size-resource{padding:10px!important}.app-shell:not(.home-shell) #size-resource .section-label{margin-bottom:8px!important;padding-bottom:6px!important}.app-shell:not(.home-shell) #size-resource .preset-button{padding:6px 10px!important;font-size:12px!important;margin-bottom:4px!important;min-height:32px!important;line-height:1.2!important}.app-shell:not(.home-shell) #size-resource .preset-row{gap:0!important;margin-bottom:0!important}.app-shell:not(.home-shell) #size-resource .size-model-control{padding:8px!important;margin-top:8px!important;border-radius:8px!important}.app-shell:not(.home-shell) #size-resource .size-model-heading{margin-bottom:6px!important;padding-bottom:4px!important;font-size:10px!important}.app-shell:not(.home-shell) #size-resource .model-option{padding:6px 10px!important;font-size:12px!important;margin-bottom:4px!important;min-height:32px!important;line-height:1.2!important}.app-shell:not(.home-shell) #size-resource .model-option:last-child{margin-bottom:0!important}.app-shell:not(.home-shell) #size-resource .model-options{display:flex!important;flex-direction:column!important;gap:0!important}.app-shell:not(.home-shell) #size-resource{overflow-y:auto!important;max-height:100%!important}.app-shell:not(.home-shell) #size-resource::-webkit-scrollbar{width:4px!important}.app-shell:not(.home-shell) #size-resource::-webkit-scrollbar-track{background:transparent!important}.app-shell:not(.home-shell) #size-resource::-webkit-scrollbar-thumb{background:#444!important;border-radius:2px!important}.app-shell:not(.home-shell) #size-resource{padding:8px!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.app-shell:not(.home-shell) #size-resource .section-label{margin-bottom:6px!important;padding-bottom:4px!important;padding-top:0!important;font-size:13px!important;line-height:1.2!important;min-height:0!important;flex-shrink:0!important}.app-shell:not(.home-shell) #size-resource .preset-row{display:flex!important;flex-direction:column!important;gap:3px!important;margin:0!important;padding:0!important;flex-shrink:0!important}.app-shell:not(.home-shell) #size-resource .preset-button{padding:4px 8px!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;min-height:30px!important;height:30px!important;margin:0!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important}.app-shell:not(.home-shell) #size-resource .size-model-control{padding:6px!important;margin-top:6px!important;border-radius:8px!important;flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.app-shell:not(.home-shell) #size-resource .size-model-heading{margin-bottom:4px!important;padding-bottom:3px!important;padding-top:0!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important;min-height:0!important;flex-shrink:0!important}.app-shell:not(.home-shell) #size-resource .model-options{display:flex!important;flex-direction:column!important;gap:3px!important;margin:0!important;padding:0!important;flex:1!important;min-height:0!important;overflow-y:auto!important}.app-shell:not(.home-shell) #size-resource .model-option{padding:4px 8px!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important;min-height:28px!important;height:28px!important;margin:0!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.app-shell:not(.home-shell) #size-resource .model-option strong{font-size:12px!important;font-weight:600!important;line-height:1.2!important}.app-shell:not(.home-shell) #size-resource .model-option small{font-size:10px!important;line-height:1.2!important;margin-top:1px!important}.app-shell:not(.home-shell) #size-resource .model-options::-webkit-scrollbar{width:3px!important}.app-shell:not(.home-shell) #size-resource .model-options::-webkit-scrollbar-track{background:transparent!important}.app-shell:not(.home-shell) #size-resource .model-options::-webkit-scrollbar-thumb{background:#444!important;border-radius:2px!important}:root{--page-bg: var(--bg-base);--workspace-bg: var(--bg-base);--workspace-surface: var(--bg-base);--surface: var(--bg-surface);--surface-raised: var(--bg-surface);--surface-panel: var(--bg-surface);--surface-input: var(--bg-input);--text: #eef3ff;--text-secondary: #b8c2ba;--muted: #7f8a82;--line: #3a3a3a;--line-strong: #4a584c;--workspace-line: #3a3a3a;--accent: var(--accent-primary);--accent-strong: var(--accent-primary);--accent-ink: #101509;--action: var(--accent-primary);--action-strong: var(--accent-primary);--action-ink: #171a22;--success: #58b99b;--danger: #ec8b82;--warning: #d9b45c;--workspace-green: var(--bg-surface);--workspace-green-bg: var(--bg-input);background:var(--page-bg);color:var(--text)}body,.app-shell,.workspace-main,.editor-column{background:var(--bg-base)!important}input,textarea,select{background-color:var(--bg-input)!important}.panel-card,.field-block,.reference-panel{background-color:var(--bg-surface)!important}*{background-color:inherit}html,body,#root,.app-shell,.workspace-main,.editor-column,.workspace-layout,.slot-column,.workspace-tools,.workspace-tool-rail,.workspace-tools-head{background-color:var(--bg-base)!important}.panel-card,.field-block,.reference-panel,.resource-module-frame,.module-frame,.result-panel,.result-preview-pane,.result-history-pane,.workspace-library-panel,.modal-card,.modal-content,.ui-modal,.dropdown-menu,.menu-list,.tooltip,.popover,.card,.container,.section,.block,.box,.pane,.module,.widget{background-color:var(--bg-surface)!important}input,textarea,select,.input,.textarea,.select,.form-control,.reference-image-wrap,.reference-empty,.result-featured,.result-gallery,.result-history-list,.result-log-pane,.workspace-library-panel-body,.size-model-control,.preset-row,.editor-card textarea,.editor-card input,.editor-card select{background-color:var(--bg-input)!important}button,.button,.btn,.primary-button,.secondary-button,.text-button,.icon-button,.preset-button,.model-option,.exposure-mode-button,.reference-option,.result-history-item,.result-nav-button,.result-image-link,.copy-editor-tabs button{background-color:var(--bg-surface)!important}button.active,button.is-selected,button[aria-selected=true],.button.active,.btn.active,.primary-button,.result-head-actions .primary-button{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.badge,.tag,.label,.chip{background-color:var(--bg-input)!important}.badge.active,.tag.active{color:var(--accent-primary)!important}::-webkit-scrollbar-track{background:var(--bg-base)!important}::-webkit-scrollbar-thumb{background:#444!important}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)!important}.modal-backdrop,.ui-modal-backdrop,.overlay,.mask{background-color:var(--overlay)!important}pre,code,.code-block{background-color:var(--bg-input)!important}table,th,td{background-color:var(--bg-surface)!important}th{background-color:var(--bg-input)!important}::selection{background-color:#7dd3fc4d!important;color:#fff!important}button:disabled,input:disabled,textarea:disabled,select:disabled{background-color:var(--bg-base)!important;color:#555!important;opacity:.6!important}input:focus,textarea:focus,select:focus,button:focus-visible{outline:1px solid var(--accent-primary)!important;outline-offset:1px!important}html,body,#root,.app-shell,.app-shell:not(.home-shell),.home-shell,.workspace-main,.workspace-layout,.editor-column,.editor-main,.slot-column,.workspace-tools,.workspace-tool-rail,.workspace-tools-head,.page,.main,.content{background-color:var(--bg-base)!important;background:var(--bg-base)!important}.app-shell:not(.home-shell) .editor-header,.app-shell:not(.home-shell) .page-header,.app-shell:not(.home-shell) .module-header,.app-shell:not(.home-shell) .section-header,.app-shell:not(.home-shell) .panel-card,.app-shell:not(.home-shell) .field-block,.app-shell:not(.home-shell) .reference-panel,.app-shell:not(.home-shell) .resource-module-frame,.app-shell:not(.home-shell) .module-frame,.app-shell:not(.home-shell) .result-panel,.app-shell:not(.home-shell) .result-preview-pane,.app-shell:not(.home-shell) .result-history-pane,.app-shell:not(.home-shell) .workspace-library-panel,.app-shell:not(.home-shell) .modal-card,.app-shell:not(.home-shell) .modal-content,.app-shell:not(.home-shell) .ui-modal,.app-shell:not(.home-shell) .dropdown-menu,.app-shell:not(.home-shell) .menu-list,.app-shell:not(.home-shell) .tooltip,.app-shell:not(.home-shell) .popover,.app-shell:not(.home-shell) .card,.app-shell:not(.home-shell) .container,.app-shell:not(.home-shell) .section,.app-shell:not(.home-shell) .block,.app-shell:not(.home-shell) .box,.app-shell:not(.home-shell) .pane,.app-shell:not(.home-shell) .module,.app-shell:not(.home-shell) .widget,.app-shell:not(.home-shell) #copy-resource,.app-shell:not(.home-shell) #material-resource,.app-shell:not(.home-shell) #style-resource,.app-shell:not(.home-shell) #size-resource,.app-shell:not(.home-shell) #requirement-resource,.app-shell:not(.home-shell) #result-preview{background-color:var(--bg-surface)!important;background:var(--bg-surface)!important}.app-shell:not(.home-shell) input,.app-shell:not(.home-shell) textarea,.app-shell:not(.home-shell) select,.app-shell:not(.home-shell) .input,.app-shell:not(.home-shell) .textarea,.app-shell:not(.home-shell) .select,.app-shell:not(.home-shell) .form-control,.app-shell:not(.home-shell) .reference-image-wrap,.app-shell:not(.home-shell) .reference-empty,.app-shell:not(.home-shell) .result-featured,.app-shell:not(.home-shell) .result-gallery,.app-shell:not(.home-shell) .result-history-list,.app-shell:not(.home-shell) .result-log-pane,.app-shell:not(.home-shell) .workspace-library-panel-body,.app-shell:not(.home-shell) .size-model-control,.app-shell:not(.home-shell) .preset-row,.app-shell:not(.home-shell) .badge,.app-shell:not(.home-shell) .tag,.app-shell:not(.home-shell) .label,.app-shell:not(.home-shell) .chip,.app-shell:not(.home-shell) pre,.app-shell:not(.home-shell) code,.app-shell:not(.home-shell) .code-block,.app-shell:not(.home-shell) #copy-resource textarea,.app-shell:not(.home-shell) #copy-resource input,.app-shell:not(.home-shell) #requirement-resource textarea,.app-shell:not(.home-shell) #requirement-resource input,.app-shell:not(.home-shell) #material-resource .reference-image-wrap,.app-shell:not(.home-shell) #style-resource .reference-image-wrap{background-color:var(--bg-input)!important;background:var(--bg-input)!important}.app-shell:not(.home-shell) button,.app-shell:not(.home-shell) .button,.app-shell:not(.home-shell) .btn,.app-shell:not(.home-shell) .primary-button:not(.active),.app-shell:not(.home-shell) .secondary-button,.app-shell:not(.home-shell) .text-button,.app-shell:not(.home-shell) .icon-button,.app-shell:not(.home-shell) .preset-button:not(.active),.app-shell:not(.home-shell) .model-option:not(.active),.app-shell:not(.home-shell) .exposure-mode-button:not(.active),.app-shell:not(.home-shell) .reference-option:not(.active),.app-shell:not(.home-shell) .result-history-item:not(.active),.app-shell:not(.home-shell) .result-nav-button,.app-shell:not(.home-shell) .result-image-link:not(.is-selected),.app-shell:not(.home-shell) .copy-editor-tabs button:not(.active){border-color:#3a3a3a!important;color:#aaa!important}.app-shell:not(.home-shell) button:hover:not(:disabled):not(.active):not(.is-selected),.app-shell:not(.home-shell) .button:hover:not(:disabled):not(.active),.app-shell:not(.home-shell) .btn:hover:not(:disabled):not(.active){border-color:#444!important;color:#ccc!important}.app-shell:not(.home-shell) button.active,.app-shell:not(.home-shell) button.is-selected,.app-shell:not(.home-shell) button[aria-selected=true],.app-shell:not(.home-shell) .button.active,.app-shell:not(.home-shell) .btn.active,.app-shell:not(.home-shell) .primary-button,.app-shell:not(.home-shell) .result-head-actions .primary-button,.app-shell:not(.home-shell) .preset-button.active,.app-shell:not(.home-shell) .model-option.active,.app-shell:not(.home-shell) .exposure-mode-button.active,.app-shell:not(.home-shell) .reference-option.active,.app-shell:not(.home-shell) .result-history-item.active,.app-shell:not(.home-shell) .result-image-link.is-selected,.app-shell:not(.home-shell) .copy-editor-tabs button.active{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.app-shell:not(.home-shell) .editor-header,.app-shell:not(.home-shell) .page-header,.app-shell:not(.home-shell) .module-header,.app-shell:not(.home-shell) .section-header,.app-shell:not(.home-shell) .section-label{color:#e0e0e0!important}.app-shell:not(.home-shell) input:focus,.app-shell:not(.home-shell) textarea:focus,.app-shell:not(.home-shell) select:focus{border-color:var(--accent-primary)!important;outline:none!important;box-shadow:0 0 8px #7dd3fc26!important}.app-shell:not(.home-shell) .modal-backdrop,.app-shell:not(.home-shell) .ui-modal-backdrop,.app-shell:not(.home-shell) .overlay,.app-shell:not(.home-shell) .mask{background-color:var(--overlay)!important;background:var(--overlay)!important}.app-shell:not(.home-shell) ::-webkit-scrollbar-track{background:var(--bg-base)!important}.app-shell:not(.home-shell) ::-webkit-scrollbar-thumb{background:#444!important}.app-shell:not(.home-shell) ::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)!important}#root .app-shell:not(.home-shell) #copy-resource textarea,#root .app-shell:not(.home-shell) #copy-resource input,#root .app-shell:not(.home-shell) #requirement-resource textarea,#root .app-shell:not(.home-shell) #requirement-resource input{background-color:var(--bg-input)!important;background:var(--bg-input)!important;color:#ccc!important;border:1px solid #3a3a3a!important;border-radius:8px!important}#root .app-shell:not(.home-shell) #copy-resource textarea:focus,#root .app-shell:not(.home-shell) #copy-resource input:focus,#root .app-shell:not(.home-shell) #requirement-resource textarea:focus,#root .app-shell:not(.home-shell) #requirement-resource input:focus{background-color:var(--bg-input)!important;background:var(--bg-input)!important;border-color:var(--accent-primary)!important;box-shadow:0 0 8px #7dd3fc26!important}#root .app-shell:not(.home-shell) #copy-resource .field-block,#root .app-shell:not(.home-shell) #requirement-resource .field-block{background-color:var(--bg-surface)!important;background:var(--bg-surface)!important}#root .app-shell:not(.home-shell) .workspace-slot-titlebar{background-color:var(--bg-surface)!important;background:var(--bg-surface)!important;border:1px solid #3a3a3a!important;border-radius:10px!important}#root .app-shell:not(.home-shell) .workspace-slot-context[open] .workspace-slot-titlebar{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}#root .app-shell:not(.home-shell) .workspace-slot-context>*:not(.workspace-slot-titlebar){background-color:var(--bg-surface)!important;background:var(--bg-surface)!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]{background-color:var(--bg-surface)!important;background:var(--bg-surface)!important;color:#ccc!important;border:none!important;border:0!important;box-shadow:none!important;transition:background-color .15s ease,color .15s ease!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]:hover{background-color:var(--bg-input)!important;background:var(--bg-input)!important;color:#e0e0e0!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]:active{background-color:var(--bg-active)!important;background:var(--bg-active)!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]:disabled{background-color:var(--bg-disabled)!important;background:var(--bg-disabled)!important;color:#666!important;cursor:not-allowed!important}#root .app-shell:not(.home-shell) button[data-unified-button=true] span,#root .app-shell:not(.home-shell) button[data-unified-button=true] strong,#root .app-shell:not(.home-shell) button[data-unified-button=true] small,#root .app-shell:not(.home-shell) button[data-unified-button=true] em{color:inherit!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]{background-color:var(--bg-surface)!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;border:none!important;cursor:pointer!important;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)!important;font-family:var(--font-sans)!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]:hover:not(:disabled):not(.active):not(.is-selected){color:var(--text-primary)!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]:active:not(:disabled){background-color:var(--bg-active)!important;background:var(--bg-active)!important;transform:scale(.97)!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]:focus-visible{outline:var(--focus-ring)!important;outline-offset:var(--focus-ring-offset)!important;box-shadow:0 0 0 4px var(--accent-bg)!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]:focus{outline:none!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}#root .app-shell:not(.home-shell) button[data-unified-button=true]:disabled{background-color:var(--bg-disabled)!important;background:var(--bg-disabled)!important;color:var(--text-disabled)!important;cursor:not-allowed!important;opacity:.7!important;transform:none!important}#root .app-shell:not(.home-shell) button[data-unified-button=true].active,#root .app-shell:not(.home-shell) button[data-unified-button=true].is-selected,#root .app-shell:not(.home-shell) button[data-unified-button=true][aria-pressed=true]{color:var(--accent-primary)!important;border-color:#7dd3fc80!important}#root .app-shell:not(.home-shell) button[data-unified-button=true] span,#root .app-shell:not(.home-shell) button[data-unified-button=true] strong,#root .app-shell:not(.home-shell) button[data-unified-button=true] small,#root .app-shell:not(.home-shell) button[data-unified-button=true] em,#root .app-shell:not(.home-shell) button[data-unified-button=true] svg{color:inherit!important}#root .app-shell:not(.home-shell) .reference-empty,#root .app-shell:not(.home-shell) .empty-state,#root .app-shell:not(.home-shell) .no-results{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:var(--space-2)!important;padding:var(--space-6) var(--space-4)!important;min-height:120px!important;text-align:center!important;color:var(--text-muted)!important;font-size:var(--text-sm)!important;background:var(--bg-input)!important;border-radius:var(--radius-md)!important;border:1px dashed var(--border-subtle)!important}#root .app-shell:not(.home-shell) .reference-empty:before,#root .app-shell:not(.home-shell) .empty-state:before{content:"";display:block;width:32px;height:32px;margin-bottom:var(--space-1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.6}#root .app-shell:not(.home-shell) .reference-empty:after{content:"点击上方按钮添加";display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);opacity:.8}#root .app-shell:not(.home-shell) .result-preview-pane .reference-empty:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='5 3 19 12 5 21 5 3'%3E%3C/polygon%3E%3C/svg%3E")}#root .app-shell:not(.home-shell) .result-preview-pane .reference-empty:after{content:'点击"生成本批素材"开始生成'}#root .app-shell:not(.home-shell) textarea::placeholder,#root .app-shell:not(.home-shell) input::placeholder{color:var(--text-muted)!important;font-size:var(--text-sm)!important;opacity:.7!important;font-style:italic!important}#root .app-shell:not(.home-shell) .reference-empty:hover{border-color:var(--border-default)!important;background:#7dd3fc08!important;cursor:pointer!important}#root .app-shell:not(.home-shell) .error,#root .app-shell:not(.home-shell) .error-message,#root .app-shell:not(.home-shell) .login-error,#root .app-shell:not(.home-shell) .run-error,#root .app-shell:not(.home-shell) .error-banner{display:flex!important;align-items:flex-start!important;gap:var(--space-2)!important;padding:var(--space-3) var(--space-4)!important;background:var(--error-bg)!important;border:1px solid rgba(248,113,113,.3)!important;border-radius:var(--radius-md)!important;color:var(--accent-danger)!important;font-size:var(--text-sm)!important;line-height:var(--leading-normal)!important}#root .app-shell:not(.home-shell) .error:before,#root .app-shell:not(.home-shell) .error-message:before,#root .app-shell:not(.home-shell) .login-error:before,#root .app-shell:not(.home-shell) .run-error:before{content:"";flex-shrink:0;width:16px;height:16px;margin-top:1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f87171' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}#root .app-shell:not(.home-shell) .error strong,#root .app-shell:not(.home-shell) .error-message strong,#root .app-shell:not(.home-shell) .login-error strong{color:var(--accent-danger)!important;font-weight:var(--font-weight-semibold)!important}#root .app-shell:not(.home-shell) .error-retry,#root .app-shell:not(.home-shell) .retry-button,#root .app-shell:not(.home-shell) .error .retry{display:inline-flex!important;align-items:center!important;gap:var(--space-1)!important;padding:4px 10px!important;background:var(--accent-danger)!important;color:#fff!important;border:none!important;border-radius:var(--radius-sm)!important;font-size:var(--text-xs)!important;font-weight:var(--font-weight-medium)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;margin-left:auto!important;flex-shrink:0!important}#root .app-shell:not(.home-shell) .error-retry:hover,#root .app-shell:not(.home-shell) .retry-button:hover{background:#ef4444!important;filter:brightness(1.1)!important}#root .app-shell:not(.home-shell) .error-retry:active{transform:scale(.97)!important}#root .app-shell:not(.home-shell) .warning,#root .app-shell:not(.home-shell) .warning-message{display:flex!important;align-items:flex-start!important;gap:var(--space-2)!important;padding:var(--space-3) var(--space-4)!important;background:var(--warning-bg)!important;border:1px solid rgba(251,191,36,.3)!important;border-radius:var(--radius-md)!important;color:var(--accent-warning)!important;font-size:var(--text-sm)!important}#root .app-shell:not(.home-shell) .success,#root .app-shell:not(.home-shell) .success-message{display:flex!important;align-items:flex-start!important;gap:var(--space-2)!important;padding:var(--space-3) var(--space-4)!important;background:var(--success-bg)!important;border:1px solid rgba(74,222,128,.3)!important;border-radius:var(--radius-md)!important;color:var(--accent-success)!important;font-size:var(--text-sm)!important}#root .app-shell:not(.home-shell) .result-empty.error{min-height:200px!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail{background:var(--bg-surface)!important;border-left:1px solid var(--border-subtle)!important;border-right:1px solid var(--border-subtle)!important}#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail .workspace-tools-tab{background:var(--bg-input)!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail .workspace-tools-tab:hover{background:var(--bg-base)!important;color:var(--text-primary)!important}#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail .workspace-tools-tab.active{background:var(--bg-input)!important;border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}#root .app-shell:not(.home-shell) .slot-column{border-radius:0!important}#root .app-shell:not(.home-shell) .slot-column .panel-card{border-radius:0!important}#root .app-shell:not(.home-shell) .workspace-header,#root .app-shell:not(.home-shell) .editor-header,#root .app-shell:not(.home-shell) .result-preview-header{border-radius:var(--radius-md) var(--radius-md) 0 0!important;overflow:hidden!important}#root .app-shell:not(.home-shell) .result-gallery{margin-left:0!important;padding-left:0!important;align-items:flex-start!important}#root .app-shell:not(.home-shell) .result-gallery .result-image-link{margin-left:0!important}.custom-generate-btn{--btn-border-radius: 16px;--btn-padding: 3px;--btn-transition: .3s;--btn-color: #101010;--btn-highlight-hue: 210deg;position:relative;isolation:isolate;-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 16px;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.3px;line-height:1;color:#e8e8e8;background-color:var(--btn-color);border:solid 1px var(--divider-strong);border-radius:var(--btn-border-radius);cursor:pointer;box-shadow:inset 0 1px 1px var(--border-hover),inset 0 2px 2px var(--divider-strong),inset 0 4px 4px var(--divider),0 2px 4px #0000004d,0 4px 8px #0003;transition:box-shadow var(--btn-transition),border var(--btn-transition),background-color var(--btn-transition),transform var(--btn-transition)}.custom-generate-btn:before{content:"";position:absolute;top:calc(0px - var(--btn-padding));left:calc(0px - var(--btn-padding));width:calc(100% + var(--btn-padding) * 2);height:calc(100% + var(--btn-padding) * 2);border-radius:calc(var(--btn-border-radius) + var(--btn-padding));pointer-events:none;background-image:linear-gradient(0deg,rgba(0,0,0,.2),var(--overlay-light));z-index:-1;transition:box-shadow var(--btn-transition),filter var(--btn-transition);box-shadow:1px 1px 1px var(--divider-strong),-1px -1px 1px #0000001a}.custom-generate-btn strong,.custom-generate-btn span,.custom-generate-btn svg{position:relative;z-index:1;background:transparent!important;box-shadow:none!important;filter:none!important;text-shadow:none!important;color:inherit}.custom-generate-btn:hover:not(:disabled){border-color:#fff3;background-color:#151515;transform:translateY(-1px);box-shadow:inset 0 1px 1px #fff3,inset 0 2px 2px #ffffff1f,inset 0 4px 4px var(--border-default),0 4px 8px #00000059,0 8px 16px #00000040}.custom-generate-btn:hover:not(:disabled):before{box-shadow:1px 1px 1px var(--border-hover),-1px -1px 1px #00000026}.custom-generate-btn:active:not(:disabled){transform:translateY(0) scale(.98);background-color:#0a0a0a;box-shadow:inset 0 2px 4px var(--overlay-light),inset 0 1px 1px var(--border-default)}html,body,#root{width:100%;height:100%;min-width:0;min-height:0;margin:0}body{overflow:hidden}.app-shell:not(.home-shell){width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.app-shell:not(.home-shell) .main-panel{width:100%;height:calc(100% - 56px);min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}.app-shell:not(.home-shell) .workspace-page{width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}.app-shell:not(.home-shell) .workspace-layout{display:grid!important;grid-template-columns:258px minmax(0,1fr)!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;align-items:stretch}.app-shell:not(.home-shell) .workspace-layout>.slot-column{grid-column:1;width:258px!important;min-width:258px!important;height:100%!important;min-height:0!important;margin:0!important;overflow:hidden}.app-shell:not(.home-shell) .workspace-layout>.workspace-main{grid-column:2;display:grid!important;grid-template-columns:minmax(0,1fr) 66px!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .workspace-main>.editor-column{grid-column:1;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:14px 12px 14px 14px!important;overflow:hidden!important;box-sizing:border-box}.app-shell:not(.home-shell) .workspace-main>.workspace-tools{grid-column:2;width:66px!important;min-width:66px!important;height:100%!important;min-height:0!important;margin:0!important;overflow:hidden!important}.app-shell:not(.home-shell) .editor-column>*{min-width:0}.app-shell:not(.home-shell) .editor-grid,.app-shell:not(.home-shell) #result-preview{width:100%!important;min-width:0!important;box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:32px;padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;letter-spacing:.2px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all var(--transition-fast)}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn:active:not(:disabled){background:var(--bg-active);transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active);border-color:var(--accent-active)}.btn-secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.btn-danger{background:var(--error);border-color:var(--error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:#ef4444;border-color:#ef4444}.btn-success{background:var(--success);border-color:var(--success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:#22c55e;border-color:#22c55e}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-md)}.btn-icon svg{width:var(--icon-md);height:var(--icon-md)}.btn-icon-circle{width:32px;height:32px;padding:0;border-radius:var(--radius-full)}.btn-icon-circle svg{width:var(--icon-md);height:var(--icon-md)}.btn-sm{height:28px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.btn-sm svg{width:var(--icon-sm);height:var(--icon-sm)}.btn-lg{height:40px;padding:0 var(--space-5);font-size:var(--font-size-md)}.btn-lg svg{width:var(--icon-lg);height:var(--icon-lg)}.btn-loading{position:relative;pointer-events:none;opacity:.7}.btn-loading:before{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-active,.btn[aria-pressed=true]{background:var(--accent-bg);border-color:var(--border-active);color:var(--accent-primary)}.btn-group{display:inline-flex;align-items:center;gap:0}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right-width:1px}.btn-group .btn:hover:not(:disabled){transform:none}.custom-generate-btn{--btn-border-radius: 16px;--btn-padding: 3px;--btn-transition: .3s;--btn-color: #101010;--btn-highlight-hue: 210deg;position:relative;isolation:isolate;-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 16px;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.3px;line-height:1;color:#e8e8e8;background-color:var(--btn-color);border:solid 1px rgba(255,255,255,.1);border-radius:var(--btn-border-radius);cursor:pointer;box-shadow:inset 0 1px 1px #ffffff26,inset 0 2px 2px #ffffff1a,inset 0 4px 4px #ffffff0f,0 2px 4px #0000004d,0 4px 8px #0003;transition:box-shadow var(--btn-transition),border var(--btn-transition),background-color var(--btn-transition),transform var(--btn-transition)}.custom-generate-btn:before{content:"";position:absolute;top:calc(0px - var(--btn-padding));left:calc(0px - var(--btn-padding));width:calc(100% + var(--btn-padding) * 2);height:calc(100% + var(--btn-padding) * 2);border-radius:calc(var(--btn-border-radius) + var(--btn-padding));pointer-events:none;background-image:linear-gradient(0deg,#0003,#0006);z-index:-1;transition:box-shadow var(--btn-transition),filter var(--btn-transition);box-shadow:1px 1px 1px #ffffff1a,-1px -1px 1px #0000001a}.custom-generate-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;background-image:linear-gradient(0deg,#fff,hsl(var(--btn-highlight-hue),100%,70%),hsla(var(--btn-highlight-hue),100%,70%,.5),8%,transparent);background-position:0 0;opacity:0;transition:opacity var(--btn-transition),filter var(--btn-transition)}.custom-generate-btn strong,.custom-generate-btn span,.custom-generate-btn svg{position:relative;z-index:1;background:transparent!important;box-shadow:none!important;filter:none!important;text-shadow:none!important;color:inherit;fill:inherit}.custom-generate-btn strong{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:1}.custom-generate-btn svg{flex:0 0 auto;width:14px;height:14px}.custom-generate-btn:hover:not(:disabled){border-color:#fff3;background-color:#151515;transform:translateY(-1px);box-shadow:inset 0 1px 1px #fff3,inset 0 2px 2px #ffffff1f,inset 0 4px 4px #ffffff14,0 4px 8px #00000059,0 8px 16px #00000040}.custom-generate-btn:hover:not(:disabled):after{opacity:.4}.custom-generate-btn:hover:not(:disabled):before{box-shadow:1px 1px 1px #ffffff26,-1px -1px 1px #00000026}.custom-generate-btn:active:not(:disabled){transform:translateY(0) scale(.98);background-color:#0a0a0a;box-shadow:inset 0 2px 4px #0006,inset 0 1px 1px #ffffff14}.custom-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.custom-generate-btn:disabled:after{opacity:0}.custom-generate-btn:focus-visible{outline:2px solid hsl(var(--btn-highlight-hue),100%,70%);outline-offset:2px}.custom-generate-btn:focus{outline:none}.card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card-flat{border:none;box-shadow:none}.card-flat:hover{box-shadow:var(--shadow-sm)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-clickable:active{transform:translateY(0) scale(.99)}.card-selected,.card[aria-selected=true]{border-color:var(--border-active);box-shadow:0 0 0 1px var(--accent-primary),var(--shadow-md)}.card-disabled{opacity:.5;pointer-events:none}.card-sm{border-radius:var(--radius-md)}.card-sm .card-header{padding:var(--space-2) var(--space-3)}.card-sm .card-body{padding:var(--space-3)}.card-sm .card-footer{padding:var(--space-2) var(--space-3)}.card-lg{border-radius:var(--radius-xl)}.card-lg .card-header{padding:var(--space-5) var(--space-6)}.card-lg .card-body{padding:var(--space-6)}.card-lg .card-footer{padding:var(--space-4) var(--space-6)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.card-title svg{width:var(--icon-md);height:var(--icon-md);color:var(--text-secondary)}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.card-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card-body{flex:1;padding:var(--space-4);overflow-y:auto;overflow-x:hidden;min-height:0;background:var(--bg-input)}.card-body-no-padding{padding:0}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.card-media{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-input);flex-shrink:0}.card-media img,.card-media video{width:100%;height:100%;object-fit:cover}.card-media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity var(--transition-fast)}.card-media:hover .card-media-overlay{opacity:1}.card-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.5;border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-secondary)}.card-badge-primary{background:var(--accent-bg);color:var(--accent-primary)}.card-badge-success{background:var(--success-bg);color:var(--success)}.card-badge-warning{background:var(--warning-bg);color:var(--warning)}.card-badge-error{background:var(--error-bg);color:var(--error)}.card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted)}.card-empty-icon{width:48px;height:48px;opacity:.5}.card-empty-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.card-empty-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;max-width:300px}.card-loading{position:relative;overflow:hidden}.card-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:card-shimmer 1.5s infinite}@keyframes card-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.panel-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.panel-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.editor-card{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.editor-card:hover{border-color:transparent;box-shadow:none}.input{display:flex;align-items:center;width:100%;height:32px;padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled):not(:focus){border-color:var(--border-hover)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-accent);background:var(--bg-input)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-disabled)}.input:read-only{background:var(--bg-disabled);cursor:default}.input-sm{height:28px;padding:0 var(--space-2);font-size:var(--font-size-xs)}.input-lg{height:40px;padding:0 var(--space-4);font-size:var(--font-size-md)}.input-ghost{background:transparent;border-color:transparent}.input-ghost:hover:not(:disabled):not(:focus){background:var(--bg-surface);border-color:transparent}.input-ghost:focus{background:var(--bg-surface);border-color:var(--border-focus)}.input-underline{background:transparent;border:none;border-bottom:1px solid var(--border-default);border-radius:0;padding-left:0;padding-right:0}.input-underline:hover:not(:disabled):not(:focus){border-bottom-color:var(--border-hover)}.input-underline:focus{border-bottom-color:var(--accent-primary);box-shadow:none}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:var(--space-3);width:var(--icon-sm);height:var(--icon-sm);color:var(--text-muted);pointer-events:none}.input-with-icon .input{padding-left:calc(var(--space-3) + var(--icon-sm) + var(--space-2))}.input-with-icon-right .input-icon{left:auto;right:var(--space-3)}.input-with-icon-right .input{padding-left:var(--space-3);padding-right:calc(var(--space-3) + var(--icon-sm) + var(--space-2))}.textarea{display:block;width:100%;min-height:80px;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea::placeholder{color:var(--text-muted)}.textarea:hover:not(:disabled):not(:focus){border-color:var(--border-hover)}.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-accent)}.textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-disabled);resize:none}.textarea-auto{resize:none;overflow:hidden}.select{display:flex;align-items:center;width:100%;height:32px;padding:0 var(--space-3);padding-right:calc(var(--space-3) + var(--icon-sm) + var(--space-2));font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--text-primary);background:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none}.select:hover:not(:disabled):not(:focus){border-color:var(--border-hover)}.select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-accent)}.select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-disabled)}.select option{background:var(--bg-surface);color:var(--text-primary);padding:var(--space-2)}.input-group{display:flex;align-items:stretch;gap:0}.input-group .input,.input-group .textarea,.input-group .select{border-radius:0;border-right-width:0}.input-group .input:first-child,.input-group .textarea:first-child,.input-group .select:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.input-group .input:last-child,.input-group .textarea:last-child,.input-group .select:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-right-width:1px}.input-group-addon{display:flex;align-items:center;justify-content:center;padding:0 var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.input-group-addon:first-child{border-right-width:0;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.input-group-addon:last-child{border-left-width:0;border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.input-success,.textarea-success,.select-success{border-color:var(--success)}.input-success:focus,.textarea-success:focus,.select-success:focus{border-color:var(--success);box-shadow:0 0 0 4px #4ade801a}.input-warning,.textarea-warning,.select-warning{border-color:var(--warning)}.input-warning:focus,.textarea-warning:focus,.select-warning:focus{border-color:var(--warning);box-shadow:0 0 0 4px #fbbf241a}.input-error,.textarea-error,.select-error{border-color:var(--error)}.input-error:focus,.textarea-error:focus,.select-error:focus{border-color:var(--error);box-shadow:0 0 0 4px #f871711a}.input-help{display:block;margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted)}.input-help-success{color:var(--success)}.input-help-warning{color:var(--warning)}.input-help-error{color:var(--error)}.input-label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.input-label-required:after{content:" *";color:var(--error)}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input,.radio input{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--accent-primary)}.checkbox span,.radio span{font-size:var(--font-size-sm);color:var(--text-primary)}.checkbox input:disabled,.radio input:disabled{cursor:not-allowed;opacity:.5}.checkbox input:disabled+span,.radio input:disabled+span{opacity:.5;cursor:not-allowed}.switch{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-full);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.switch-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:50%;transform:translateY(-50%);background:var(--text-secondary);border-radius:50%;transition:transform var(--transition-fast),background-color var(--transition-fast)}.switch input:checked+.switch-slider{background:var(--accent-primary);border-color:var(--accent-primary)}.switch input:checked+.switch-slider:before{transform:translateY(-50%) translate(18px);background:var(--text-inverse)}.switch input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modal-fade-in var(--transition-normal)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;z-index:var(--z-modal);display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 80px);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);overflow:hidden;animation:modal-slide-up var(--transition-normal)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:800px}.modal-xl{max-width:1024px}.modal-fullscreen{max-width:100%;max-height:100%;height:100%;border-radius:0}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.modal-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-title svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--text-secondary)}.modal-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:var(--icon-md);height:var(--icon-md)}.modal-body{flex:1;padding:var(--space-5);overflow-y:auto;overflow-x:hidden;min-height:0;background:var(--bg-input)}.modal-body-no-padding{padding:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.modal-footer-start{justify-content:flex-start}.modal-footer-between{justify-content:space-between}.modal-warning .modal-title{color:var(--warning)}.modal-warning .modal-title svg{color:var(--warning)}.modal-danger .modal-title{color:var(--error)}.modal-danger .modal-title svg{color:var(--error)}.modal-success .modal-title{color:var(--success)}.modal-success .modal-title svg{color:var(--success)}.modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted)}.modal-empty-icon{width:64px;height:64px;opacity:.5}.modal-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.modal-empty-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;max-width:300px}.modal-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.modal-spinner{width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:modal-spin .8s linear infinite}@keyframes modal-spin{to{transform:rotate(360deg)}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);background:var(--overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modal-fade-in var(--transition-normal)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;flex-direction:column;width:400px;max-width:90vw;background:var(--bg-surface);border-left:1px solid var(--border-default);box-shadow:var(--shadow-2xl);overflow:hidden;animation:drawer-slide-in var(--transition-normal)}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-left{right:auto;left:0;border-left:none;border-right:1px solid var(--border-default);animation:drawer-slide-in-left var(--transition-normal)}@keyframes drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--divider);flex-shrink:0}.drawer-body{flex:1;padding:var(--space-4);overflow-y:auto;overflow-x:hidden;min-height:0}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--divider);flex-shrink:0}.tooltip{position:relative;display:inline-block}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;font-size:var(--font-size-xs);line-height:1.4;color:var(--text-inverse);background:var(--text-primary);border-radius:var(--radius-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-tooltip);pointer-events:none}.tooltip:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--text-primary);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-tooltip);pointer-events:none}.tooltip:hover:after,.tooltip:hover:before,.tooltip:focus:after,.tooltip:focus:before{opacity:1;visibility:visible}.tooltip-bottom:after{bottom:auto;top:calc(100% + 8px)}.tooltip-bottom:before{bottom:auto;top:calc(100% + 2px);border-top-color:transparent;border-bottom-color:var(--text-primary)}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#000000c7;animation:login-modal-fade .2s ease}@keyframes login-modal-fade{0%{opacity:0}to{opacity:1}}.login-modal{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 48px);overflow-y:auto;padding:40px 40px 28px;background:#161616;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);box-shadow:0 24px 64px #0000008c;animation:login-modal-slide .24s cubic-bezier(.2,.8,.3,1)}@keyframes login-modal-slide{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-modal-close{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent!important;color:#8a8a8a;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.login-modal-close:hover{color:#fff;background:#ffffff14}.login-modal-accent{display:block;width:28px;height:3px;border-radius:2px;background:var(--accent-lime)}.login-modal-title{margin:14px 0 0;color:#fff;font-size:26px;font-weight:var(--font-weight-bold);line-height:1.2}.login-modal-sub{margin:8px 0 0;color:#9a9a9a;font-size:var(--font-size-base)}.login-modal-field{display:block;margin-top:22px}.login-modal-field>span:first-child{display:block;margin-bottom:8px;color:#b3b3b3;font-size:var(--font-size-sm)}.login-modal-field input{width:100%;height:42px;padding:0 12px;color:#f0f0f0;font-size:var(--font-size-md);background:var(--bg-input);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-modal-field input::placeholder{color:#5c5c5c}.login-modal-field input:focus{border-color:#c3dd72b3;box-shadow:0 0 0 3px #c3dd7224}.login-modal-password{position:relative;display:block}.login-modal-password input{padding-right:42px}.login-modal-eye{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent!important;color:#8a8a8a;cursor:pointer;transition:color var(--transition-fast)}.login-modal-eye:hover{color:#e5e5e5}.login-modal-alert{margin:12px 0 0;color:#c3dd72;font-size:var(--font-size-sm);line-height:1.5}.login-modal-alert.is-error{color:#ff7b72}.login-modal-agreement{margin:16px 0 0;color:#8a8a8a;font-size:var(--font-size-sm)}.login-modal-agreement a{color:var(--accent-lime);text-decoration:none}.login-modal-agreement a:hover{text-decoration:underline}.login-modal-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin-top:18px;border:none;border-radius:var(--radius-sm);background:var(--accent-lime)!important;color:#101408!important;font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:1px;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.login-modal-submit:hover:not(:disabled){background:#d3ea8a!important;box-shadow:0 0 18px #c3dd7240}.login-modal-submit:active:not(:disabled){transform:scale(.99)}.login-modal-submit:disabled{background:var(--accent-lime)!important;color:#101408!important;opacity:.55;cursor:not-allowed}.login-modal-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#6a6a6a;font-size:var(--font-size-xs);letter-spacing:2px}.login-modal-divider i{flex:1;height:1px;background:#ffffff17}.login-modal-alt{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-modal-alt button{height:40px;color:#d4d4d4;font-size:var(--font-size-base);background:transparent!important;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.login-modal-alt button:hover{border-color:#c3dd72a6;color:var(--accent-lime)}.login-modal-hint{margin:18px 0 0;color:#5f5f5f;font-size:var(--font-size-xs);text-align:center}@media (max-width: 560px){.login-modal{padding:32px 24px 22px}.login-modal-alt{grid-template-columns:1fr}}.sidebar{display:flex;flex-direction:column;width:280px;height:100%;background:var(--bg-surface);border-right:1px solid var(--border-default);overflow:hidden;flex-shrink:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--divider);flex-shrink:0}.sidebar-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.sidebar-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2);min-height:0}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--divider);flex-shrink:0}.sidebar-collapsed{width:64px}.sidebar-collapsed .sidebar-title span,.sidebar-collapsed .nav-item-label,.sidebar-collapsed .sidebar-footer{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item:active{background:var(--bg-active)}.nav-item.active,.nav-item[aria-current=page]{background:var(--accent-bg);color:var(--accent-primary)}.nav-item svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.nav-item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-item-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-secondary);flex-shrink:0}.nav-item.active .nav-item-badge{background:var(--accent-primary);color:var(--text-inverse)}.nav-group{margin-bottom:var(--space-4)}.nav-group-title{display:flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0}.nav-group-items{display:flex;flex-direction:column;gap:2px}.top-nav{display:flex;align-items:center;gap:var(--space-1);height:100%}.top-nav-item{display:flex;align-items:center;gap:var(--space-2);height:100%;padding:0 var(--space-3);border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.top-nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.top-nav-item.active,.top-nav-item[aria-current=page]{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.top-nav-item svg{width:var(--icon-sm);height:var(--icon-sm)}.tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--divider);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;margin-bottom:-1px}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active,.tab[aria-selected=true]{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab svg{width:var(--icon-sm);height:var(--icon-sm)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-secondary)}.tab.active .tab-badge{background:var(--accent-primary);color:var(--text-inverse)}.tab-content{display:none;padding:var(--space-4)}.tab-content.active{display:block}.breadcrumb{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.breadcrumb-item a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--accent-primary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{color:var(--text-muted);margin:0 var(--space-1)}.breadcrumb-separator svg{width:var(--icon-xs);height:var(--icon-xs)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-1);margin:0;padding:0;list-style:none}.pagination-item{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination-item:hover:not(:disabled):not(.active){border-color:var(--border-hover);background:var(--bg-hover);color:var(--text-primary)}.pagination-item.active{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--text-inverse)}.pagination-item:disabled{opacity:.5;cursor:not-allowed}.pagination-item svg{width:var(--icon-sm);height:var(--icon-sm)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--text-muted);font-size:var(--font-size-sm)}.steps{display:flex;align-items:flex-start;gap:0;width:100%}.step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:var(--border-default)}.step.completed:not(:last-child):after{background:var(--accent-primary)}.step-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);z-index:1;transition:all var(--transition-fast)}.step.completed .step-icon{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--text-inverse)}.step.active .step-icon{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-bg)}.step-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center}.step.completed .step-title,.step.active .step-title{color:var(--text-primary)}.step-description{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button--sm{padding:5px 10px;font-size:var(--text-sm);gap:5px}.ui-button--md{padding:7px 14px;font-size:var(--text-base)}.ui-button--lg{padding:10px 18px;font-size:var(--text-lg)}.ui-button--primary{background:linear-gradient(135deg,var(--accent-primary),#38bdf8);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.ui-button--primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-glow)}.ui-button--secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-subtle)}.ui-button--secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-default)}.ui-button--ghost{background:transparent;color:var(--text-secondary)}.ui-button--ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.ui-button--danger{background:var(--accent-danger-dim);color:var(--accent-danger);border-color:#f871714d}.ui-button--danger:hover:not(:disabled){background:#f8717140}.ui-button--icon{padding:6px;border-radius:var(--radius-sm)}.ui-button__spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:ui-spin .6s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-card--elevated{box-shadow:var(--shadow-md);border-color:var(--border-default)}.ui-card--flat{background:transparent;border:none;box-shadow:none}.ui-card--padding-sm{padding:var(--space-3)}.ui-card--padding-md{padding:var(--space-4)}.ui-card--padding-lg{padding:var(--space-6)}.ui-card--padding-none{padding:0}.ui-input-wrap{display:flex;flex-direction:column;gap:var(--space-1)}.ui-input__label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.ui-input,.ui-textarea,.ui-select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.ui-input{padding:7px 12px;font-size:var(--text-base)}.ui-input--sm{padding:4px 8px;font-size:var(--text-sm)}.ui-input--lg{padding:10px 14px;font-size:var(--text-lg)}.ui-textarea{padding:8px 12px;font-size:var(--text-base);resize:vertical;line-height:1.6}.ui-select{padding:7px 12px;font-size:var(--text-base);cursor:pointer}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-primary-dim)}.ui-input.has-error,.ui-textarea.has-error,.ui-select.has-error{border-color:var(--accent-danger)}.ui-input__error{font-size:var(--text-xs);color:var(--accent-danger)}.ui-input__hint{font-size:var(--text-xs);color:var(--text-muted)}.ui-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);line-height:1.5;white-space:nowrap}.ui-badge--sm{padding:1px 6px;font-size:10px}.ui-badge--lg{padding:3px 10px;font-size:var(--text-sm)}.ui-badge--default{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.ui-badge--primary{background:var(--accent-primary-dim);color:var(--accent-primary)}.ui-badge--success{background:var(--accent-success-dim);color:var(--accent-success)}.ui-badge--warning{background:var(--accent-warning-dim);color:var(--accent-warning)}.ui-badge--danger{background:var(--accent-danger-dim);color:var(--accent-danger)}.ui-badge--info{background:#38bdf826;color:#38bdf8}.ui-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6);animation:ui-fade-in .15s ease}.ui-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;animation:ui-slide-up .2s ease}.ui-modal--sm{max-width:420px}.ui-modal--md{max-width:560px}.ui-modal--lg{max-width:760px}.ui-modal--xl{max-width:1000px}.ui-modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle)}.ui-modal__title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.ui-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none}.ui-modal__close:hover{background:var(--bg-elevated);color:var(--text-primary)}.ui-modal__body{padding:var(--space-6);overflow-y:auto;flex:1}.ui-modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--space-3)}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ui-tabs{display:flex;flex-direction:column;gap:var(--space-3)}.ui-tabs__nav{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-1)}.ui-tabs__tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.ui-tabs__tab:hover{color:var(--text-primary);background:var(--bg-hover)}.ui-tabs__tab.is-active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.ui-tabs__badge{background:var(--bg-elevated);color:var(--text-secondary);font-size:10px;padding:1px 6px;border-radius:var(--radius-full)}.ui-tabs__content{flex:1;min-height:0}.ui-tabs__panel{height:100%}.ui-tooltip-wrap{position:relative;display:inline-flex}.ui-tooltip{position:absolute;z-index:var(--z-tooltip);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-xs);padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-default);box-shadow:var(--shadow-md);white-space:nowrap;pointer-events:none;animation:ui-tooltip-in .12s ease}.ui-tooltip--top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.ui-tooltip--bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.ui-tooltip--left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.ui-tooltip--right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}@keyframes ui-tooltip-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.ui-toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.ui-toast{display:flex;align-items:center;gap:var(--space-2);padding:10px 14px;min-width:240px;max-width:400px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:ui-toast-in .2s ease}.ui-toast--success{border-left:3px solid var(--accent-success)}.ui-toast--error{border-left:3px solid var(--accent-danger)}.ui-toast--warning{border-left:3px solid var(--accent-warning)}.ui-toast--info{border-left:3px solid var(--accent-primary)}.ui-toast__icon{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ui-toast--success .ui-toast__icon{background:var(--accent-success)}.ui-toast--error .ui-toast__icon{background:var(--accent-danger)}.ui-toast--warning .ui-toast__icon{background:var(--accent-warning)}.ui-toast--info .ui-toast__icon{background:var(--accent-primary)}.ui-toast__message{flex:1;font-size:var(--text-sm);color:var(--text-primary)}.ui-toast__close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:2px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.ui-toast__close:hover{color:var(--text-primary);background:var(--bg-hover)}@keyframes ui-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ui-flex{display:flex}.ui-flex-center{display:flex;align-items:center;justify-content:center}.ui-flex-between{display:flex;align-items:center;justify-content:space-between}.ui-flex-col{display:flex;flex-direction:column}.ui-gap-1{gap:var(--space-1)}.ui-gap-2{gap:var(--space-2)}.ui-gap-3{gap:var(--space-3)}.ui-gap-4{gap:var(--space-4)}.ui-mt-1{margin-top:var(--space-1)}.ui-mt-2{margin-top:var(--space-2)}.ui-mt-3{margin-top:var(--space-3)}.ui-mt-4{margin-top:var(--space-4)}.ui-mb-1{margin-bottom:var(--space-1)}.ui-mb-2{margin-bottom:var(--space-2)}.ui-mb-3{margin-bottom:var(--space-3)}.ui-mb-4{margin-bottom:var(--space-4)}.ui-text-muted{color:var(--text-muted)}.ui-text-secondary{color:var(--text-secondary)}.ui-text-accent{color:var(--accent-primary)}.ui-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-field{display:flex;flex-direction:column;gap:var(--space-2)}.dialog-field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.dialog-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dialog-input:focus{border-color:var(--border-active);box-shadow:var(--shadow-accent)}.dialog-input::placeholder{color:var(--text-muted)}.dialog-message{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-secondary)}.ui-button--danger,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#0b0f14;background:var(--error);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.ui-button--danger:hover,.danger-button:hover:not(:disabled){background:#fca5a5}.ui-button--danger:disabled,.danger-button:disabled{opacity:.5;cursor:not-allowed}.global-header{height:56px;min-height:56px;padding:0 var(--space-4);background:var(--bg-base);border-bottom:1px solid var(--divider);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.global-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.global-header .global-brand-button,.global-header .global-brand-button.ui-button,#root .app-shell:not(.home-shell) .global-header .global-brand-button,#root .app-shell:not(.home-shell) .global-header .global-brand-button.ui-button{height:auto!important;align-self:center!important;padding:0!important;border:0!important;background:transparent!important;background-color:transparent!important;border-radius:var(--radius-sm)!important;box-shadow:none!important}.global-header .global-brand{background:transparent;box-shadow:none}.global-header .global-brand-button:hover,.global-header .global-brand-button.ui-button:hover,#root .app-shell:not(.home-shell) .global-header .global-brand-button:hover,#root .app-shell:not(.home-shell) .global-header .global-brand-button.ui-button:hover{background:transparent!important;background-color:transparent!important;border:0}.global-header .global-brand-button .brand-logo-image{height:32px;width:auto;display:block}.header-divider{width:1px;height:18px;background:var(--divider-strong);flex-shrink:0}.global-header .global-nav{display:flex;align-items:center;gap:var(--space-2)}.global-header .global-nav .ui-button{min-width:96px;height:32px;padding:0 var(--space-4);background:transparent;border-color:transparent;color:var(--text-secondary)}.global-header .global-nav .ui-button:hover{background:var(--bg-hover);color:var(--text-primary)}.global-header .global-nav .ui-button.active{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.global-user:not(.open):focus-within .global-user-menu{display:none}.global-header{padding:0 24px;border-bottom:1px solid rgba(255,255,255,.06);background:var(--bg-base, #141414);box-shadow:none}.global-brand{gap:12px}.global-brand-button{gap:10px}.global-brand-button .brand-logo-image{height:34px;width:auto;display:block}.global-brand .brand-wordmark{font-size:15px;font-weight:800;letter-spacing:.14em;color:#fff;text-transform:uppercase;white-space:nowrap}.global-brand .brand-wordmark b{color:var(--accent-primary);font-weight:800}.global-nav{gap:4px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.global-nav button{min-width:auto;height:34px;padding:0 14px;border-radius:10px;color:var(--text-secondary, #a3a3a3);background:transparent;font-size:12.5px;font-weight:600;letter-spacing:.02em;transition:color .16s ease,background .16s ease,text-shadow .16s ease}.global-nav button:hover{color:#fff;background:#ffffff0d}.global-nav button.active{color:var(--accent-primary, #7dd3fc);background:#7dd3fc14;text-shadow:0 0 16px rgba(125,211,252,.55)}.global-nav button svg{opacity:.9}.header-divider{height:20px;background:#ffffff14}.project-context strong{font-size:12.5px;color:#f2f4f8}.project-context>span{margin-top:3px;font-size:10px;color:var(--text-muted, #737373)}.run-quota{height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:10px;border:1px solid rgba(251,191,36,.25);background:#fbbf2414;color:#fbbf24;font-size:11px;font-weight:600}.run-quota.warn{border-color:#fb923c66;background:#fb923c1a;color:#fb923c}.run-quota.over{border-color:#f8717166;background:#f871711a;color:#f87171}.global-user{border-radius:12px}.global-user-avatar{border-radius:999px}.global-header .header-login-button{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border:1px solid rgba(195,221,114,.55)!important;border-radius:8px;background:linear-gradient(180deg,#cfe494,var(--accent-lime, #c3dd72))!important;color:#101408!important;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease),border-color var(--transition-fast, .15s ease)}.global-header .header-login-button:hover{background:linear-gradient(180deg,#dceda4,#cde085)!important;border-color:#d3ea8ad9!important;box-shadow:0 4px 14px #c3dd7247}.global-header .header-login-button:focus-visible{outline:2px solid rgba(195,221,114,.8);outline-offset:2px}#root .global-header .global-user-menu{width:100%;min-width:0;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:var(--surface-raised, #17191d);box-shadow:0 18px 44px #0000008c}#root .global-header .global-user-menu button.global-user-item{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:34px;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--text-secondary, #a3a3a3)!important;font-size:13px;font-weight:500;text-align:center;cursor:pointer;transition:background .15s ease,color .15s ease!important}#root .global-header .global-user-menu button.global-user-item svg{flex:0 0 auto;opacity:.85}#root .global-header .global-user-menu button.global-user-item:hover{background:#ffffff0f!important;color:#fff!important}#root .global-header .global-user-menu button.global-user-item.global-user-logout{color:#f87171!important}#root .global-header .global-user-menu button.global-user-item.global-user-logout:hover{background:#f871711a!important;color:#fca5a5!important}.global-header .global-nav .ui-button.active{background:#7dd3fc14;border-color:transparent;color:var(--accent-primary, #7dd3fc);text-shadow:0 0 16px rgba(125,211,252,.55)}.global-header .global-nav button.ui-button,.global-header .global-nav button.ui-button:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.global-header .global-nav button.ui-button.active,.global-header .global-nav button.ui-button.active:hover{background:#7dd3fc14!important;color:var(--accent-primary, #7dd3fc)!important;text-shadow:0 0 16px rgba(125,211,252,.55)!important}.app-shell{background:var(--bg-base, #141414)}.global-header .global-nav .ui-button{min-width:38px;padding:0}.global-header .global-nav button.ui-button.active,.global-header .global-nav button.ui-button.active:hover{background:transparent!important;color:var(--accent-primary, #7dd3fc)!important;text-shadow:0 0 16px rgba(125,211,252,.55)!important}.infinite-canvas-header{background:var(--bg-base, #141414);border-bottom:1px solid rgba(255,255,255,.06)}.infinite-canvas-header>button:first-child{height:32px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary, #a3a3a3);transition:color .16s ease,border-color .16s ease}.infinite-canvas-header>button:first-child:hover{color:#fff;border-color:#fff3}.workspace-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-base)}.workspace-content{flex:1;display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:var(--space-3);padding:var(--space-3);min-height:0;overflow:hidden}.workspace-content.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr) 320px}.workspace-sidebar{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-3)}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-section-title{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.sidebar-section-content{display:flex;flex-direction:column;gap:2px}.slot-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast)}.slot-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.slot-card.active{border-color:var(--border-active);background:var(--accent-bg)}.slot-card-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.slot-card.active .slot-card-number{background:var(--accent-primary);color:var(--text-inverse)}.slot-card-name{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-card-status{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.slot-card-status.completed{background:var(--success)}.slot-card-status.generating{background:var(--warning);animation:pulse 1.5s ease-in-out infinite}.slot-card-status.error{background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.workspace-editor{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-base);border-radius:var(--radius-lg);padding:var(--space-3)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-shrink:0}.editor-toolbar-left,.editor-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.editor-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.editor-grid{flex:1;display:grid;grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--space-2);min-height:0;overflow:hidden}.editor-grid-row{display:grid;gap:var(--space-2);min-height:0;overflow:hidden}.editor-grid-row-1{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-grid-row-2{grid-template-columns:minmax(0,1fr)}.resource-module{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md)}.resource-module-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.resource-module-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.resource-module-title svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--text-secondary)}.resource-module-actions{display:flex;align-items:center;gap:var(--space-1)}.resource-module-body{flex:1;padding:var(--space-3);overflow-y:auto;overflow-x:hidden;min-height:0;background:var(--bg-input)}#copy-resource .resource-module-body{display:flex;flex-direction:column;gap:var(--space-3)}.copy-field{display:flex;flex-direction:column;gap:var(--space-1)}.copy-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.copy-field textarea{width:100%;min-height:60px;padding:var(--space-2);font-size:var(--font-size-xs);line-height:1.5;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);resize:vertical}.copy-field textarea:focus{outline:none;border-color:var(--border-focus)}#material-resource .resource-module-body{display:flex;flex-direction:column;gap:var(--space-2)}.material-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border:2px dashed var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);cursor:pointer;transition:all var(--transition-fast)}.material-upload-area:hover{border-color:var(--accent-primary);background:var(--accent-bg)}.material-upload-icon{width:32px;height:32px;color:var(--text-muted)}.material-upload-text{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center}.material-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.material-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-fast)}.material-item:hover{border-color:var(--accent-primary);transform:scale(1.02)}.material-item img{width:100%;height:100%;object-fit:cover}.material-item-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0009;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.material-item:hover .material-item-remove{opacity:1}#style-resource .resource-module-body,.style-list{display:flex;flex-direction:column;gap:var(--space-2)}.style-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-base);cursor:pointer;transition:all var(--transition-fast)}.style-item:hover{border-color:var(--border-hover);background:var(--bg-hover)}.style-item.active{border-color:var(--accent-primary);background:var(--accent-bg)}.style-item-thumbnail{width:40px;height:40px;border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0}.style-item-thumbnail img{width:100%;height:100%;object-fit:cover}.style-item-info{flex:1;min-width:0}.style-item-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-item-desc{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#size-resource .resource-module-body{display:flex;flex-direction:column;gap:var(--space-3)}.size-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.size-preset{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-base);cursor:pointer;transition:all var(--transition-fast)}.size-preset:hover{border-color:var(--border-hover);background:var(--bg-hover)}.size-preset.active{border-color:var(--accent-primary);background:var(--accent-bg)}.size-preset-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.size-preset-dimensions{font-size:10px;color:var(--text-muted)}.model-selector{display:flex;flex-direction:column;gap:var(--space-1)}.model-selector-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.model-options{display:flex;flex-wrap:wrap;gap:var(--space-1)}.model-option{padding:4px 8px;font-size:10px;font-weight:var(--font-weight-medium);border:1px solid var(--border-default);border-radius:var(--radius-xs);background:var(--bg-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.model-option:hover{border-color:var(--border-hover);color:var(--text-primary)}.model-option.active{border-color:var(--accent-primary);background:var(--accent-bg);color:var(--accent-primary)}#requirement-resource .resource-module-body{display:flex;flex-direction:column;gap:var(--space-2)}.requirement-textarea{flex:1;width:100%;min-height:80px;padding:var(--space-2);font-size:var(--font-size-xs);line-height:1.5;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);resize:none}.requirement-textarea:focus{outline:none;border-color:var(--border-focus)}.requirement-actions{display:flex;gap:var(--space-2)}#result-preview .resource-module-body{display:flex;flex-direction:column;gap:var(--space-2);padding:0}.result-preview-main{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-base);min-height:200px;position:relative;overflow:hidden}.result-preview-image{max-width:100%;max-height:100%;object-fit:contain}.result-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-muted)}.result-preview-empty-icon{width:48px;height:48px;opacity:.5}.result-preview-empty-text{font-size:var(--font-size-sm);color:var(--text-muted)}.result-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.result-preview-nav{display:flex;align-items:center;gap:var(--space-2)}.result-preview-counter{font-size:var(--font-size-xs);color:var(--text-secondary)}.workspace-preview{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;overflow:hidden}.preview-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.preview-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.preview-panel-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.preview-panel-body{flex:1;padding:var(--space-3);overflow-y:auto;overflow-x:hidden;min-height:0;background:var(--bg-input)}.history-list{display:flex;flex-direction:column;gap:var(--space-2)}.history-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-base);cursor:pointer;transition:all var(--transition-fast)}.history-item:hover{border-color:var(--border-hover);background:var(--bg-hover)}.history-item.active{border-color:var(--accent-primary);background:var(--accent-bg)}.history-item-thumbnail{width:48px;height:48px;border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0}.history-item-thumbnail img{width:100%;height:100%;object-fit:cover}.history-item-info{flex:1;min-width:0}.history-item-version{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.history-item-time{font-size:10px;color:var(--text-muted)}.history-item-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.history-item-status.completed{background:var(--success)}.history-item-status.generating{background:var(--warning);animation:pulse 1.5s ease-in-out infinite}.history-item-status.error{background:var(--error)}.workspace-tools{display:flex;flex-direction:column;gap:var(--space-2)}.workspace-tool-tab{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.workspace-tool-tab:hover{background:var(--bg-base);color:var(--text-primary)}.workspace-tool-tab.active{border-color:var(--accent-primary);background:var(--accent-bg);color:var(--accent-primary)}.workspace-tool-tab svg{width:var(--icon-sm);height:var(--icon-sm)}.workspace-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted)}.workspace-empty-icon{width:64px;height:64px;opacity:.5}.workspace-empty-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.workspace-empty-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;max-width:300px}.workspace-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.workspace-spinner{width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:workspace-spin .8s linear infinite}@keyframes workspace-spin{to{transform:rotate(360deg)}}.workspace-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.workspace-error-icon{width:48px;height:48px;color:var(--error)}.workspace-error-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--error);margin:0}.workspace-error-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;max-width:300px}.app-shell:not(.home-shell) .workspace-tools-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:auto;padding:var(--space-10) var(--space-5);text-align:center;color:var(--text-muted)}.app-shell:not(.home-shell) .workspace-tools-empty-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--space-1);color:var(--accent-primary);background:var(--accent-bg);border:1px solid var(--border-default);border-radius:var(--radius-full)}.app-shell:not(.home-shell) .workspace-tools-empty strong{display:block;margin-bottom:0;color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.app-shell:not(.home-shell) .workspace-tools-empty p{max-width:240px;margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}#root .app-shell:not(.home-shell) .workspace-layout>.slot-column{padding:var(--space-4)!important;gap:var(--space-4)!important;border-radius:0!important;border-color:transparent!important}#root .app-shell:not(.home-shell) .slot-column .slot-lane{border-color:var(--divider-strong)!important;border-radius:var(--radius-md)!important;background:var(--bg-input)!important}#root .app-shell:not(.home-shell) .workspace-actions{display:inline-flex;gap:6px;margin-left:auto}#root .app-shell:not(.home-shell) .workspace-actions .ui-button,#root .app-shell:not(.home-shell) .workspace-actions button{width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--radius-sm)!important;background:transparent!important;border:1px solid var(--border-default)!important;color:var(--text-muted)!important}#root .app-shell:not(.home-shell) .workspace-actions .ui-button:hover,#root .app-shell:not(.home-shell) .workspace-actions button:hover{color:var(--text-primary)!important;border-color:var(--border-hover)!important;background:var(--bg-hover)!important}#root .app-shell:not(.home-shell) .workspace-actions .ui-button svg{width:13px!important;height:13px!important}#root .app-shell:not(.home-shell) .workspace-slot-context summary{list-style:none}#root .app-shell:not(.home-shell) .workspace-slot-context summary::-webkit-details-marker{display:none}#root .app-shell:not(.home-shell) .result-panel,#root .app-shell:not(.home-shell) .result-panel.field-block{background:transparent;border:0;padding:0}#root .app-shell:not(.home-shell) .result-workbench{background:transparent;border:0}#root .app-shell:not(.home-shell) .result-preview-pane{background:var(--bg-surface);border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important;overflow:hidden}#root .app-shell:not(.home-shell) .result-preview-header,#root .app-shell:not(.home-shell) #result-preview .result-preview-header{height:auto!important;min-height:32px!important;border:0!important;background:transparent!important;padding:0 0 var(--space-2)!important}#root .app-shell:not(.home-shell) #result-preview .result-preview-pane{grid-template-rows:auto minmax(0,1fr)!important;padding:var(--space-3)!important}#root .app-shell:not(.home-shell) .result-featured-image{border:1px solid var(--divider-strong)!important;border-radius:var(--radius-md)!important;background:var(--bg-base)!important}#root .app-shell:not(.home-shell) .result-history-pane{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-color:var(--border-default)!important;border-radius:var(--radius-lg)!important;background:var(--bg-surface)!important}#root .app-shell:not(.home-shell) .result-history-list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable}#root .app-shell:not(.home-shell) .result-log-pane{flex-shrink:0;border-top:1px solid var(--divider)!important}#root .app-shell:not(.home-shell) .workspace-main>.workspace-tools{grid-template-columns:60px minmax(0,1fr)!important;border-left:1px solid var(--divider)!important;background:var(--bg-base)!important}#root .app-shell:not(.home-shell) .workspace-main>.workspace-tools>.workspace-tool-rail{width:60px!important;min-width:60px!important;padding:var(--space-3) 8px!important;gap:var(--space-2)!important;align-items:center!important;background:var(--bg-base)!important;border-right:0!important}#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail .workspace-tools-tab,#root .app-shell:not(.home-shell) .workspace-tool-rail button.workspace-tools-tab{writing-mode:horizontal-tb!important;min-height:0!important;width:44px!important;height:48px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0!important;border-radius:var(--radius-md)!important;background:transparent!important;border:1px solid transparent!important;color:var(--text-muted)!important;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail .workspace-tools-tab span{writing-mode:horizontal-tb!important;font-size:var(--font-size-xs)!important;line-height:1!important;letter-spacing:.02em}#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail .workspace-tools-tab svg{width:17px!important;height:17px!important}#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail .workspace-tools-tab span,#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail .workspace-tools-tab svg{background-color:transparent!important}#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail .workspace-tools-tab:hover{background:var(--bg-hover)!important;border-color:transparent!important;color:var(--text-primary)!important}#root .app-shell:not(.home-shell) .workspace-tools .workspace-tool-rail .workspace-tools-tab.active{background:var(--accent-bg)!important;border-color:var(--border-active)!important;color:var(--accent-primary)!important}#root .app-shell:not(.home-shell) .workspace-library-panel{border-color:var(--border-default)!important;border-radius:var(--radius-lg)!important;background:var(--bg-surface)!important}#root .app-shell:not(.home-shell):not(.home-shell) #result-preview .workspace-library-panel{padding:10px!important}#root .app-shell:not(.home-shell) .workspace-layout .workspace-library-panel>.workspace-library-panel-head{margin:0 0 10px!important}#root .app-shell:not(.home-shell) .editor-grid{gap:10px!important}#root .app-shell:not(.home-shell) .editor-grid>.field-block{margin-bottom:0!important}#root .app-shell:not(.home-shell) #result-preview .result-workbench{gap:10px!important}#root .app-shell:not(.home-shell) .workspace-slot-context{height:auto!important}#root .app-shell:not(.home-shell) .workspace-slot-context>.workspace-slot-titlebar{height:40px!important;min-height:40px!important;padding-bottom:0!important}#root .app-shell:not(.home-shell) #result-preview .result-preview-pane,#root .app-shell:not(.home-shell) #result-preview .result-history-pane,#root .app-shell:not(.home-shell) #result-preview .workspace-library-panel{border-radius:10px!important}#root .app-shell:not(.home-shell) .workspace-layout>.slot-column.panel-card{border-right:1px solid rgba(255,255,255,.06)!important}.app-shell:not(.home-shell) .workspace-layout>.slot-column{border-right:1px solid var(--workspace-line, rgba(255, 255, 255, .06))!important}#root .app-shell:not(.home-shell) .slot-card-track{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:6px 0 2px!important;overflow:visible!important}#root .app-shell:not(.home-shell) .slot-board-card{position:relative!important;width:auto!important;height:42px!important;min-height:42px!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;background:var(--bg-input)!important;box-shadow:none!important;overflow:visible;z-index:auto!important;transform:none!important;transition:border-color var(--transition-fast),background var(--transition-fast)}#root .app-shell:not(.home-shell) .slot-board-card:hover,#root .app-shell:not(.home-shell) .slot-board-card:focus-within{width:auto!important;height:42px!important;min-height:42px!important;border-color:var(--border-hover)!important;background:var(--bg-hover)!important;box-shadow:none!important;z-index:7!important}#root .app-shell:not(.home-shell) .slot-board-card.is-selected,#root .app-shell:not(.home-shell) .slot-board-card.is-selected:hover{border-color:var(--accent-primary)!important}#root .app-shell:not(.home-shell) .slot-board-card.is-drag-over{border-color:var(--accent-primary)!important;border-style:dashed!important;background:var(--accent-bg)!important}#root .app-shell:not(.home-shell) .slot-board-card .slot-board-card-button,#root .app-shell:not(.home-shell) .slot-board-card:hover .slot-board-card-button,#root .app-shell:not(.home-shell) .slot-board-card:focus-within .slot-board-card-button{display:grid!important;grid-template-columns:1fr!important;place-items:center!important;gap:0!important;width:100%!important;height:40px!important;min-height:40px!important;padding:0!important;background:transparent!important}#root .app-shell:not(.home-shell) .slot-board-card .slot-board-card-number,#root .app-shell:not(.home-shell) .slot-board-card:hover .slot-board-card-number{align-self:center!important;padding:0!important;font-size:13px!important;font-weight:700;color:var(--text-secondary)}#root .app-shell:not(.home-shell) .slot-board-card .slot-board-card-copy,#root .app-shell:not(.home-shell) .slot-board-card:hover .slot-board-card-copy{display:none!important}#root .app-shell:not(.home-shell) .slot-board-card .slot-run-indicator{top:4px!important;left:4px!important;right:auto!important}#root .app-shell:not(.home-shell) .slot-board-card .slot-card-remove{position:absolute!important;top:-9px!important;right:-9px!important;bottom:auto!important;left:auto!important;z-index:8;width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;box-sizing:border-box!important;background:#12161ef5!important;border:1px solid var(--border-hover)!important;color:var(--text-secondary)!important;line-height:0!important;box-shadow:0 2px 8px #00000073;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}#root .app-shell:not(.home-shell) .slot-board-card:hover .slot-card-remove,#root .app-shell:not(.home-shell) .slot-board-card:focus-within .slot-card-remove{opacity:1;pointer-events:auto}#root .app-shell:not(.home-shell) .slot-board-card .slot-card-remove:hover{color:var(--error)!important;border-color:#f8717180!important}#root .app-shell:not(.home-shell) .slot-board-card .slot-card-remove:disabled{opacity:.35;pointer-events:none}#root .app-shell:not(.home-shell) .slot-lane-add{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;flex:0 0 auto!important;align-items:center!important;gap:5px!important;width:max-content!important;min-width:0!important;height:26px!important;margin-left:auto!important;white-space:nowrap!important}#root .app-shell:not(.home-shell) .slot-lane-add .ui-button__label{display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}#root .app-shell:not(.home-shell) .slot-lane-head{flex-wrap:nowrap!important}#root .app-shell:not(.home-shell) .editor-grid .resource-module-frame>:not(.section-label){opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;transition:none!important}#root .app-shell:not(.home-shell) #style-resource{gap:0!important}#root .app-shell:not(.home-shell) #style-resource .reference-block{display:flex!important;align-items:stretch!important;gap:10px!important;flex:1 1 0!important;min-height:92px!important}#root .app-shell:not(.home-shell) #style-resource .composition-reference-block{margin-top:8px!important;padding-top:8px!important;border-top:1px solid var(--divider, rgba(255, 255, 255, .06))!important}#root .app-shell:not(.home-shell) #style-resource .reference-block-info{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important}#root .app-shell:not(.home-shell) #style-resource .reference-block-title{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;font-size:14px!important;line-height:1.15!important;font-weight:400!important;color:var(--text-primary)!important}#root .app-shell:not(.home-shell) #style-resource .reference-block-title .section-icon{margin:0!important;width:20px!important;height:20px!important}#root .app-shell:not(.home-shell) #style-resource .reference-block-title .section-icon svg{width:12px!important;height:12px!important}#root .app-shell:not(.home-shell) #style-resource .reference-block-action{align-self:flex-start!important;display:inline-flex!important;align-items:center!important;gap:4px!important;margin-top:6px!important;height:22px!important;padding:0 8px!important;border:1px solid var(--border-active)!important;border-radius:var(--radius-sm)!important;background:var(--accent-bg)!important;color:var(--accent-primary)!important;font-size:11px!important;white-space:nowrap!important}#root .app-shell:not(.home-shell) #style-resource .reference-block .visual-reference-strength{margin-top:auto!important;padding-top:8px!important}#root .app-shell:not(.home-shell) #style-resource .visual-reference-strength{display:flex!important;align-items:center!important;gap:8px!important;height:20px!important;min-height:20px!important;margin-top:0!important}#root .app-shell:not(.home-shell) #style-resource .visual-reference-strength>span{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important}#root .app-shell:not(.home-shell) #style-resource .visual-reference-strength input[type=range]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;flex:1 1 auto!important;align-self:center!important;min-width:0!important;height:12px!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;cursor:pointer}#root .app-shell:not(.home-shell) #style-resource .visual-reference-strength input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:var(--divider-strong, rgba(255, 255, 255, .14))}#root .app-shell:not(.home-shell) #style-resource .visual-reference-strength input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;margin-top:-3.5px;border-radius:50%;border:0;background:var(--accent-lime, #c3dd72);box-shadow:0 0 4px #c3dd7280}#root .app-shell:not(.home-shell) #style-resource .visual-reference-strength input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:var(--divider-strong, rgba(255, 255, 255, .14))}#root .app-shell:not(.home-shell) #style-resource .visual-reference-strength input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;border:0;background:var(--accent-lime, #c3dd72)}#root .app-shell:not(.home-shell) #style-resource .visual-reference-strength output{flex:0 0 auto!important;min-width:32px!important;text-align:right!important}#root .app-shell:not(.home-shell) #material-resource .exposure-mode-control{border:0!important}#root .app-shell:not(.home-shell) #material-resource .ref-dropzone{flex:0 0 auto!important;width:100%!important;height:116px!important;min-height:116px!important}#root .app-shell:not(.home-shell) :is(#style-resource,#material-resource) .ref-dropzone{flex:0 0 128px!important;position:relative!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-md)!important;background:var(--bg-base)!important;cursor:pointer;overflow:hidden;transition:border-color var(--transition-fast),background var(--transition-fast)}#root .app-shell:not(.home-shell) :is(#style-resource,#material-resource) .ref-dropzone:hover{border-color:var(--border-hover)!important;background:var(--bg-hover)!important}#root .app-shell:not(.home-shell) :is(#style-resource,#material-resource) .ref-dropzone.is-drag-over{border-color:var(--accent-primary)!important;border-style:solid!important;background:var(--accent-bg)!important}#root .app-shell:not(.home-shell) :is(#style-resource,#material-resource) .ref-dropzone .reference-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:100%!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;padding:0!important;margin:0!important;color:var(--text-muted)!important;font-size:11px!important;line-height:1.2!important;text-align:center!important}#root .app-shell:not(.home-shell) :is(#style-resource,#material-resource) .ref-dropzone .reference-empty:before,:is(#style-resource,#material-resource) .ref-dropzone .reference-empty:after{content:none!important;display:none!important}:is(#style-resource,#material-resource) .ref-dropzone .reference-empty svg{color:var(--text-muted)}#root .app-shell:not(.home-shell) :is(#style-resource,#material-resource) .ref-dropzone .reference-empty small{font-size:10px;opacity:.85}#root .app-shell:not(.home-shell) :is(#style-resource,#material-resource) .ref-dropzone .reference-image-wrap{height:100%!important;width:100%!important}#root .app-shell:not(.home-shell) :is(#style-resource,#material-resource) .ref-dropzone .reference-image-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}#root .app-shell:not(.home-shell) #size-resource .preset-button.active,#root .app-shell:not(.home-shell) #size-resource .preset-button.active:hover{border-color:var(--accent-primary)!important;background:var(--accent-bg)!important;box-shadow:inset 0 0 0 1px var(--accent-primary)}#root .app-shell:not(.home-shell) #size-resource .preset-button.active span{color:var(--accent-primary)!important;font-weight:700!important}#root .app-shell:not(.home-shell) #size-resource .preset-button:hover:not(.active){border-color:var(--border-hover)!important}#root .app-shell:not(.home-shell) #size-resource .size-model-heading{border-top:0!important;border-bottom:0!important;margin-top:10px!important;padding-top:0!important;display:flex!important;align-items:center;justify-content:center}#root .app-shell:not(.home-shell) #size-resource .size-model-heading>span{font-size:11px!important;font-weight:400!important;line-height:1.15!important;color:var(--text-primary)!important}#root .app-shell:not(.home-shell) #size-resource .model-option{background-color:var(--bg-input)!important;border:1px solid var(--border-default)!important}#root .app-shell:not(.home-shell) #size-resource .model-option:hover{border-color:var(--border-hover)!important;color:var(--text-primary)!important}#root .app-shell:not(.home-shell) #size-resource .model-option.active{background-color:var(--accent-bg)!important;border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}#root .app-shell:not(.home-shell) #size-resource .preset-button>span,#root .app-shell:not(.home-shell) #size-resource .model-option strong,#root .app-shell:not(.home-shell) #size-resource .model-option small{background-color:transparent}#root .app-shell:not(.home-shell) #size-resource .model-option strong{font-size:11px!important;font-weight:400!important}#root .app-shell:not(.home-shell) .slot-structure-section,#root .app-shell:not(.home-shell) .workspace-section{background:transparent!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-lg)!important;padding:var(--space-3)!important}#root .app-shell:not(.home-shell) .workspace-section{margin-top:0!important}#root .app-shell:not(.home-shell) .slot-column .slot-lane{background:transparent!important;border-color:var(--border-default)!important;border-radius:var(--radius-md)!important}#root .app-shell:not(.home-shell) .slot-board-card{background:#ffffff0d!important}#root .app-shell:not(.home-shell) .slot-board-card:hover{background:#ffffff14!important}#root .app-shell:not(.home-shell) .slot-column .card-title{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important}#root .app-shell:not(.home-shell) .slot-column .card-title .section-icon{margin:0!important;width:20px!important;height:20px!important}#root .app-shell:not(.home-shell) .slot-column .card-title .section-icon svg{width:12px!important;height:12px!important}#root .app-shell:not(.home-shell) .slot-lane-label{align-items:center!important;gap:7px!important}#root .app-shell:not(.home-shell) .slot-lane-label .section-icon{width:20px!important;height:20px!important}#root .app-shell:not(.home-shell) .slot-lane-label .section-icon svg{width:12px!important;height:12px!important}#root .app-shell:not(.home-shell) .slot-lane-head{align-items:center!important;min-height:24px!important}#root .app-shell:not(.home-shell) .slot-column-header,#root .app-shell:not(.home-shell) .workspace-head{min-height:20px}#root .app-shell:not(.home-shell) .slot-column-header .muted-text,#root .app-shell:not(.home-shell) .workspace-head .muted-text{margin:4px 0 0!important}#root .app-shell:not(.home-shell) .slot-board{margin-top:10px!important;gap:8px!important}#root .app-shell:not(.home-shell) .workspace-active{margin-top:10px!important}#root .app-shell:not(.home-shell) .workspace-list{margin-top:8px!important}#root .app-shell:not(.home-shell) .editor-grid .resource-module-label,#root .app-shell:not(.home-shell) #style-resource .reference-block-title,#root .app-shell:not(.home-shell) .result-history-pane>.section-label,#root .app-shell:not(.home-shell) .workspace-layout .workspace-library-panel>.workspace-library-panel-head{display:flex!important;flex-direction:row!important;align-items:center!important;height:auto!important;min-height:18px!important;padding:0!important;margin:0 0 6px!important;border-bottom:0!important;background:transparent!important}#root .app-shell:not(.home-shell) .result-preview-header{display:grid!important;align-items:center!important;height:auto!important;min-height:18px!important;padding:0!important;margin:0 0 6px!important;border-bottom:0!important}#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .resource-module-label{display:none!important}#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-preview-header,#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-history-pane>.section-label{height:auto!important;min-height:18px!important}#root .app-shell:not(.home-shell) .editor-grid .resource-module-label .module-title,#root .app-shell:not(.home-shell) .editor-grid .resource-module-label .module-title>span:not(.section-icon),#root .app-shell:not(.home-shell) #style-resource .reference-block-title,#root .app-shell:not(.home-shell) .result-history-pane>.section-label>span,#root .app-shell:not(.home-shell) .result-preview-header>span,#root .app-shell:not(.home-shell) .workspace-layout .workspace-library-panel>.workspace-library-panel-head>strong{font-size:12px!important;font-weight:500!important;line-height:1.2!important;color:#b8c2ba!important;white-space:nowrap!important;margin:0!important}#root .app-shell:not(.home-shell) .editor-grid .resource-module-label .section-icon,#root .app-shell:not(.home-shell) #style-resource .reference-block-title .section-icon,#root .app-shell:not(.home-shell) .result-history-pane>.section-label .section-icon,#root .app-shell:not(.home-shell) .result-preview-header .section-icon,#root .app-shell:not(.home-shell) .workspace-layout .workspace-library-panel>.workspace-library-panel-head .section-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:18px!important;height:18px!important;margin:0!important;border-radius:6px!important;background:#c3dd7212!important;color:#c3dd72!important}#root .app-shell:not(.home-shell) .editor-grid .resource-module-label .section-icon svg,#root .app-shell:not(.home-shell) #style-resource .reference-block-title .section-icon svg,#root .app-shell:not(.home-shell) .result-history-pane>.section-label .section-icon svg,#root .app-shell:not(.home-shell) .result-preview-header .section-icon svg,#root .app-shell:not(.home-shell) .workspace-layout .workspace-library-panel>.workspace-library-panel-head .section-icon svg{width:15px!important;height:15px!important}#root .app-shell:not(.home-shell) #requirement-resource{display:flex!important;flex-direction:column!important}#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource>.section-label{width:auto!important;min-width:0!important;height:auto!important;align-items:center!important;flex-direction:row!important}#root .app-shell:not(.home-shell) #requirement-resource>.field-block{flex:1 1 0!important;height:auto!important;min-height:0!important}#root .app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{height:auto!important;min-height:24px!important}#root .app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button .ui-button__label{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;line-height:1.2!important;white-space:nowrap!important}#root .app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button .ui-button__label svg{flex:0 0 auto!important}#root .app-shell:not(.home-shell):not(.home-shell) #result-preview .result-preview-header{height:26px!important;min-height:26px!important;padding:0!important;margin:0 0 6px!important}#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #result-preview .result-history-pane>.section-label{height:26px!important;min-height:26px!important;margin:0 0 6px!important}#root .app-shell:not(.home-shell) .result-history-pane{padding:10px!important}#root .app-shell:not(.home-shell) .workspace-layout .workspace-library-panel>.workspace-library-panel-head{height:26px!important;min-height:26px!important}#root .app-shell:not(.home-shell) #result-preview .workspace-library-panel-body{padding:0!important}#root .app-shell:not(.home-shell):not(.home-shell) #result-preview .result-preview-pane{padding:10px!important;gap:0!important}#root .app-shell:not(.home-shell) #copy-resource{display:flex!important;flex-direction:column!important}#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource>.resource-module-label{display:none!important}#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .copy-editor-tabs{position:static!important;top:auto!important;right:auto!important;flex-direction:row!important;align-items:center!important;width:auto!important;margin:0 0 6px!important}#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .copy-editor-tabs button{width:auto!important;min-width:0!important;height:24px!important;min-height:24px!important;padding:2px 8px!important}#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource>.field-block{flex:1 1 0!important;width:100%!important;height:auto!important;min-height:0!important}#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #copy-resource .module-title>span:last-child,#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #requirement-resource .module-title>span:last-child,#root .app-shell:not(.home-shell).app-shell:not(.home-shell) #material-resource .module-title>span:last-child{writing-mode:horizontal-tb!important;text-orientation:mixed!important}.admin-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-base)}.admin-content{flex:1;display:grid;grid-template-columns:240px minmax(0,1fr);min-height:0}.admin-sidebar{display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-default);overflow:hidden}.admin-sidebar-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--divider)}.admin-sidebar-logo{width:32px;height:32px;border-radius:var(--radius-md);background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:var(--font-weight-bold)}.admin-sidebar-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.admin-sidebar-nav{flex:1;padding:var(--space-2);overflow-y:auto}.admin-nav-group{margin-bottom:var(--space-4)}.admin-nav-group-title{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.admin-nav-items{display:flex;flex-direction:column;gap:2px}.admin-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.admin-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-nav-item.active{background:var(--accent-bg);color:var(--accent-primary)}.admin-nav-item svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.admin-nav-item-badge{margin-left:auto;padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-secondary)}.admin-nav-item.active .admin-nav-item-badge{background:var(--accent-primary);color:var(--text-inverse)}.admin-sidebar-footer{padding:var(--space-3);border-top:1px solid var(--divider)}.admin-user-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.admin-user-info:hover{background:var(--bg-hover)}.admin-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.admin-user-details{flex:1;min-width:0}.admin-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-role{font-size:var(--font-size-xs);color:var(--text-muted)}.admin-main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--divider);background:var(--bg-surface);flex-shrink:0}.admin-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.admin-header-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.admin-header-actions{display:flex;align-items:center;gap:var(--space-2)}.admin-body{flex:1;padding:var(--space-6);overflow-y:auto;overflow-x:hidden;min-height:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.stat-card-header{display:flex;align-items:center;justify-content:space-between}.stat-card-title{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.stat-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--accent-bg);color:var(--accent-primary)}.stat-card-icon svg{width:var(--icon-md);height:var(--icon-md)}.stat-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.stat-card-change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs)}.stat-card-change.positive{color:var(--success)}.stat-card-change.negative{color:var(--error)}.stat-card-change.neutral{color:var(--text-muted)}.admin-table-container{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6)}.admin-table-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--divider)}.admin-table-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.admin-table-actions{display:flex;align-items:center;gap:var(--space-2)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-input);border-bottom:1px solid var(--divider)}.admin-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:1px solid var(--divider)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-hover)}.admin-table-user{display:flex;align-items:center;gap:var(--space-2)}.admin-table-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.admin-table-user-name{font-weight:var(--font-weight-medium)}.admin-table-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.admin-table-status.active{background:var(--success-bg);color:var(--success)}.admin-table-status.inactive{background:var(--bg-input);color:var(--text-muted)}.admin-table-status.pending{background:var(--warning-bg);color:var(--warning)}.admin-table-status.error{background:var(--error-bg);color:var(--error)}.admin-table-actions{display:flex;align-items:center;gap:var(--space-1)}.admin-table-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.admin-table-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-table-action-btn.danger:hover{background:var(--error-bg);color:var(--error)}.admin-table-action-btn svg{width:var(--icon-sm);height:var(--icon-sm)}.admin-table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--divider);background:var(--bg-input)}.admin-table-info{font-size:var(--font-size-xs);color:var(--text-muted)}.admin-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:600px}.admin-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.admin-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.admin-form-label-required:after{content:" *";color:var(--error)}.admin-form-input{height:36px;padding:0 var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.admin-form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-accent)}.admin-form-textarea{min-height:100px;padding:var(--space-3);font-size:var(--font-size-sm);line-height:1.5;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);resize:vertical;transition:all var(--transition-fast)}.admin-form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-accent)}.admin-form-select{height:36px;padding:0 var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.admin-form-select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-accent)}.admin-form-help{font-size:var(--font-size-xs);color:var(--text-muted)}.admin-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--divider)}.settings-section{margin-bottom:var(--space-6)}.settings-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--divider)}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--divider)}.settings-item:last-child{border-bottom:none}.settings-item-info{flex:1}.settings-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.settings-item-description{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.settings-item-control{flex-shrink:0}.admin-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr))}.home-shell .home-page{--hp-font: "Inter", "Segoe UI", -apple-system, "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Microsoft YaHei UI", sans-serif;--hp-card: rgba(255, 255, 255, .035);--hp-border: rgba(255, 255, 255, .09);--hp-border-hover: rgba(255, 255, 255, .2);font-family:var(--hp-font)}.home-shell .main-panel{width:100%;max-width:none}.home-page{position:relative;width:100%;max-width:none;margin:0;padding:40px clamp(24px,4.5vw,80px) 80px;display:flex;flex-direction:column;gap:56px;background-image:radial-gradient(640px 420px at 50% 96px,rgba(143,81,234,.16),transparent 72%),radial-gradient(460px 460px at 96% 420px,rgba(34,211,238,.08),transparent 70%)}.home-hero,.home-skills{position:relative;z-index:1}.home-aurora{position:fixed;top:0;left:0;right:0;height:720px;z-index:0;overflow:hidden;pointer-events:none;opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 55%,transparent 96%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 55%,transparent 96%)}.home-hero,.home-hero-main,.home-hero-title,.home-hero-sub,.home-hero-stats,.home-skills,.home-skill-collections,.home-skill-collection,.home-section-head,.home-section-sub,.home-section-meta,.home-collection-title,.home-skill-row{background-color:transparent}.aurora-container{width:100%;height:100%}.aurora-container canvas{display:block;width:100%;height:100%}.home-shell .global-header{top:40px;margin:40px clamp(24px,4.5vw,80px) 0;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#1414148c;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 10px 30px #00000040}.home-shell .global-brand .brand-wordmark{font-size:16px;letter-spacing:.12em}.home-shell .global-brand .brand-logo-image{height:28px}#root .home-shell .global-header .global-brand .brand-logo-image{height:24px!important;width:auto!important}#root .home-shell .global-header .global-brand .brand-wordmark{font-size:14px!important;line-height:24px!important}.home-shell .global-header .global-brand,.home-shell .global-header .global-actions,.home-shell .global-header .global-nav,.home-shell .global-header .global-user,.home-shell .global-header .global-user-caret,.home-shell .global-header .global-user-shield{background-color:transparent}.home-shell .global-header .global-user:hover,.home-shell .global-header .global-user.open{background-color:#ffffff0f}#root .home-shell .global-header .global-user-menu{background:#1414148c!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 18px 44px #00000073!important;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}@media (prefers-reduced-motion: reduce){.home-aurora{display:none}}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px 56px;align-items:center;padding-top:24px}.home-hero-main{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}.home-hero-chip{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:6px 14px;border-radius:999px;border:1px solid var(--hp-border);background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--accent-primary)}.home-hero-title{margin:0;font-size:clamp(32px,4.4vw,52px);line-height:1.16;font-weight:800;letter-spacing:-.02em;color:#fff;white-space:nowrap}.home-hero-title em{font-style:normal;color:#fff}.home-hero-sub{margin:16px 0 32px;max-width:600px;font-size:15px;line-height:1.75;color:var(--text-secondary)}.home-hero .creation-composer{width:100%;max-width:760px;text-align:left;border-radius:16px;border-color:var(--hp-border);transition:border-color .2s ease,box-shadow .2s ease}.home-hero .creation-composer:focus-within{border-color:#7dd3fc8c;box-shadow:0 0 0 1px #7dd3fc59,0 0 32px #7dd3fc1f}.home-hero .creation-composer.dragging{border-color:var(--accent-lime);box-shadow:0 0 0 1px var(--accent-lime),0 0 32px #c3dd7229}.home-hero-stats{display:flex;align-items:center;gap:16px;margin-top:24px;font-size:12.5px;color:var(--text-muted)}.home-hero-stats i{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.6}.usage-card{width:320px;background:transparent;border-radius:0}.usage-card-content{position:relative;padding:16px}.usage-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.usage-card-title{display:flex;align-items:center;gap:8px}.usage-card-title h3{margin:0;font-size:13px;font-weight:600;color:var(--text-primary)}.usage-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--hp-border, rgba(255, 255, 255, .09));border-radius:8px;background:transparent;color:var(--text-primary)}.usage-card-live{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:var(--success-bg);font-size:12px;font-weight:500;color:var(--success)}.usage-card-live i{width:6px;height:6px;border-radius:50%;background:var(--success)}.usage-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.usage-stat,.usage-stat small,.usage-stat strong,.usage-stat em{background-color:transparent!important}.usage-stat{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--hp-border, rgba(255, 255, 255, .09));border-radius:8px;background-color:#ffffff08!important;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.usage-stat:hover{background-color:#ffffff0f!important}.usage-stat.active{border-color:#7dd3fc8c}.usage-stat small{font-size:12px;font-weight:500;color:var(--text-secondary)}.usage-stat strong{font-size:18px;font-weight:600;color:var(--text-primary)}.usage-stat em{font-style:normal;font-size:11px;font-weight:500;color:var(--text-muted)}.usage-card-chart{height:96px;margin-bottom:16px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#ffffff08;overflow:hidden}.usage-card-bars{display:flex;align-items:flex-end;justify-content:space-between;height:100%}.usage-card-bar{display:flex;align-items:flex-end;width:12px;height:100%;border-radius:2px;background:#7dd3fc24;overflow:hidden}.usage-card-bar span{width:100%;border-radius:2px;background:linear-gradient(180deg,#7dd3fc,#38bdf8);transition:height .3s ease}.usage-card-foot{display:flex;align-items:center;justify-content:space-between}.usage-card-guest-hint{margin:22px 0 6px;padding:18px 16px;border:1px dashed rgba(255,255,255,.14);border-radius:10px;color:var(--text-secondary);font-size:12.5px;line-height:1.6;text-align:center}.usage-card-range{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.usage-card-total{display:inline-flex;align-items:center;padding:4px 12px;border:1px solid var(--hp-border, rgba(255, 255, 255, .09));border-radius:8px;background:transparent;font-size:12px;font-weight:500;color:var(--text-primary)}.home-skills{display:flex;flex-direction:column;gap:24px}.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--hp-border)}.home-section-head h2{margin:0 0 4px;font-size:26px;font-weight:800;letter-spacing:-.01em;color:#fff}.home-section-sub{margin:0;font-size:13.5px;color:var(--text-secondary)}.home-section-meta{margin:0;font-size:12.5px;color:var(--text-muted)}.home-skill-collections{display:flex;flex-direction:column;gap:40px}.home-skill-collection+.home-skill-collection{border-top:1px solid var(--divider-strong, rgba(255, 255, 255, .1));padding-top:40px}.home-collection-title{margin:0 0 16px;font-size:21px;font-weight:800;letter-spacing:-.01em;color:#fff}.home-skill-row{display:grid;grid-auto-flow:column;grid-auto-columns:min(272px,78vw);gap:16px;overflow-x:auto;padding:6px 2px 24px;margin:-6px -2px -16px}.home-skill-row::-webkit-scrollbar{height:8px}.home-skill-row::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.home-skill-row::-webkit-scrollbar-thumb:hover{background-color:#ffffff38}.home-skill-row::-webkit-scrollbar-track{background:transparent}.home-skill-card{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;margin:0;border:1px solid var(--hp-border);border-radius:0;background:linear-gradient(180deg,#101012 58%,color-mix(in srgb,var(--hp-tone, #7dd3fc) 12%,#101012) 132%);overflow:hidden;cursor:pointer;text-align:left;transition:transform .22s cubic-bezier(.2,.8,.3,1),border-color .22s ease,box-shadow .22s ease}.home-skill-card:hover,.home-skill-card:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--hp-tone) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--hp-tone) 35%,transparent),0 12px 40px color-mix(in srgb,var(--hp-tone) 16%,rgba(0,0,0,.5))}.home-skill-cover{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:#101012}.home-skill-cover img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.001);transition:transform .45s cubic-bezier(.2,.8,.3,1)}.home-skill-card:hover .home-skill-cover img{transform:scale(1.045)}.home-skill-info{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:3px;padding:12px 14px 13px;background:linear-gradient(180deg,#1010140f,#0a0a0e6b);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.home-skill-info strong{font-size:14.5px;font-weight:700;line-height:1.35;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}.home-skill-info small{font-size:12px;line-height:1.55;color:#ffffffd1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37.2px}.home-skill-card.tone-sourcing{--hp-tone: #22d3ee}.home-skill-card.tone-ops{--hp-tone: #a78bfa}.home-skill-card.tone-inv{--hp-tone: #fbbf24}.home-skill-card.tone-visual{--hp-tone: #f472b6}@media (max-width: 1080px){.home-hero{grid-template-columns:1fr}}@media (max-width: 720px){.home-hero-title{white-space:normal}.home-page{padding:24px 16px 56px;gap:40px}.usage-card{width:100%;max-width:360px}}.home-hero .home-composer-compact{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:8px 8px 8px 18px;border-radius:999px}.home-composer-compact:has(.composer-assets),.home-composer-compact:has(.composer-parse-report),.home-composer-compact:has(.listing-chooser){border-radius:16px;padding:12px 16px}.home-composer-compact .composer-footer{display:contents}.home-composer-compact .composer-footer>span{order:1;margin-right:10px;white-space:nowrap}.home-composer-compact .composer-actions{order:3;display:flex;align-items:center;gap:6px}.home-composer-compact .composer-actions .gradient-btn{margin-left:auto}.home-composer-compact .composer-actions .icon-button{width:36px;height:36px;border-radius:999px}.home-composer-compact .composer-parse-report,.home-composer-compact .listing-chooser,.home-composer-compact .composer-assets{order:2;flex-basis:100%}.app-shell.home-shell{height:100vh;overflow:hidden}.home-shell .main-panel{height:calc(100vh - 56px);min-height:0;overflow-y:auto;overflow-x:hidden}.home-shell .main-panel::-webkit-scrollbar{width:10px}.home-shell .main-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px;border:3px solid transparent;background-clip:content-box}.home-shell .main-panel::-webkit-scrollbar-thumb:hover{background-color:#ffffff38;background-clip:content-box}.home-shell .main-panel::-webkit-scrollbar-track{background:transparent}.home-shell .home-page{min-height:0}.home-composer-compact{box-shadow:none}.home-composer-compact.dragging{box-shadow:inset 0 0 0 1px var(--accent-lime, #c3dd72)}.home-composer-compact:focus-within{box-shadow:0 0 0 1px #7dd3fc59,0 0 28px #7dd3fc1a}.home-shell .home-page .creation-composer{box-shadow:none}.home-shell .home-page .creation-composer.dragging{box-shadow:inset 0 0 0 1px var(--accent-lime, #c3dd72)}.home-shell .home-page .creation-composer:focus-within{box-shadow:0 0 0 1px #7dd3fc59,0 0 28px #7dd3fc1a}.home-composer-compact .composer-actions .composer-import-button{display:inline-flex;align-items:center;gap:6px;margin-left:0;height:36px;padding:0 16px;border:0!important;border-radius:10px!important;background:#fff!important;color:#141414!important;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.home-composer-compact .composer-actions .composer-import-button:hover{background:#ececec!important}.home-composer-compact .composer-actions .composer-import-button:active{transform:translateY(1px)}.home-composer-compact .composer-actions .composer-import-button:disabled{opacity:.5;cursor:not-allowed}.home-composer-compact.creation-composer,.home-composer-compact .composer-footer,.home-composer-compact .composer-actions{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.home-composer-compact.creation-composer{padding:0!important}.home-composer-compact .composer-parse-report{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 8px!important;margin:2px 0 6px!important;padding:0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--text-secondary)!important;font-size:12px!important;min-width:0}.home-composer-compact .composer-parse-report>svg{flex:0 0 auto;color:var(--accent-lime, #c3dd72)}.home-composer-compact .composer-parse-report strong{flex:0 0 auto;color:var(--accent-lime, #c3dd72);font-size:12px;font-weight:600;white-space:nowrap}@media (max-width: 1024px){.home-composer-compact .composer-parse-report .parse-meta{display:none!important}}.home-composer-compact .composer-parse-report .parse-meta{flex:0 1 auto;min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 9px;border:1px solid var(--border-default);border-radius:999px;color:var(--text-secondary);font-size:11px}.home-composer-compact .composer-parse-report .parse-actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;margin-left:auto}.home-composer-compact .composer-parse-report .text-button{color:var(--text-muted);font-size:11px}.home-composer-compact .composer-parse-report .text-button:hover{color:var(--text-primary)}.home-composer-compact .composer-assets{margin:0 0 6px!important;padding:0!important;border:0!important}.home-composer-compact .composer-assets-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px;margin:2px 0 6px!important;padding:0 2px!important;color:var(--text-secondary);font-size:12px}.wf-repo-page{width:min(1560px,calc(100% - 64px));max-width:none;margin:0 auto;padding:34px 0 80px;display:flex;flex-direction:column;gap:22px}.wf-repo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.wf-repo-title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;color:#fff}.wf-repo-count{color:var(--text-muted, #737373);font-size:17px;font-weight:700}.wf-repo-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wf-repo-search{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;min-width:200px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff08;color:var(--text-muted, #737373);transition:border-color .15s ease}.wf-repo-search:focus-within{border-color:#ffffff4d}.wf-repo-search input{flex:1;min-width:0;border:0;background:transparent;color:#eaf0f3;font-size:13px;outline:none}.wf-repo-folder-filter{position:relative;display:inline-flex;align-items:center;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff08;color:var(--text-secondary, #a3a3a3)}.wf-repo-folder-filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font-size:13px;font-weight:600;padding:0 30px 0 13px;height:100%;cursor:pointer;outline:none}.wf-repo-folder-filter select option{background:#17191d;color:#eaf0f3}.wf-repo-folder-filter svg{position:absolute;right:10px;pointer-events:none}.wf-repo-folder-button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff08;color:#eaf0f3;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.wf-repo-folder-button:hover{border-color:#ffffff47;background:#ffffff0f}.wf-repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:20px}.wf-repo-card{position:relative;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.07);transition:border-color .18s ease,transform .18s ease}.wf-repo-card:hover{border-color:#ffffff38;transform:translateY(-2px)}.wf-repo-cover{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10.5;border:0;background:#0c0d10;color:#2c3138;cursor:pointer;transition:color .18s ease}.wf-repo-cover:hover{color:#454c55}.wf-repo-node-badge{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:6px;background:#0a0b0dd1;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary, #a3a3a3);font-size:11px;font-weight:600}.wf-repo-folder-chip{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:#0a0b0dd1;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary, #a3a3a3);font-size:11px;font-weight:600}.wf-repo-meta{display:flex;align-items:center;gap:8px;padding:10px 12px 12px}.wf-repo-meta-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.wf-repo-meta-text strong{color:#f2f5f7;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-repo-meta-text small{color:var(--text-muted, #737373);font-size:11.5px}.wf-repo-meta-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.wf-repo-card:hover .wf-repo-meta-actions,.wf-repo-card:focus-within .wf-repo-meta-actions{opacity:1}.wf-repo-meta-actions .icon-button{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--text-muted, #737373);cursor:pointer}.wf-repo-meta-actions .icon-button:hover{color:#fff;background:#ffffff14}.wf-repo-card-new{align-items:center;justify-content:center;gap:12px;min-height:210px;border:1px dashed rgba(163,230,53,.45);background:#a3e63508;cursor:pointer;transition:border-color .18s ease,background .18s ease}.wf-repo-card-new:hover{border-color:#a3e635bf;background:#a3e6350f;transform:none}.wf-repo-card-new:disabled{opacity:.5;cursor:not-allowed}.wf-repo-new-plus{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.14);color:#f2f5f7}.wf-repo-new-label{color:#eaf0f3;font-size:14px;font-weight:700}.wf-repo-error{margin:0;padding:10px 14px;border:1px solid rgba(248,113,113,.35);border-radius:8px;background:#f8717114;color:#fca5a5;font-size:13px}.wf-repo-loading{margin:0;color:var(--text-muted, #737373);font-size:13px}.wf-repo-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:72px 24px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:var(--text-muted, #737373);text-align:center}.wf-repo-empty strong{color:#eaf0f3;font-size:16px}.wf-repo-empty p{margin:0;max-width:420px;font-size:13px;line-height:1.7}.wf-repo-empty .secondary-button{margin-top:8px}.wf-repo-empty-filtered{padding:40px 24px}@media (max-width: 760px){.wf-repo-page{width:calc(100% - 32px)}.wf-repo-actions{width:100%}.wf-repo-search{flex:1}}.skills-page{height:100%;overflow-y:auto;width:100%;max-width:1200px;margin:0 auto;padding:40px 32px 80px;display:flex;flex-direction:column;gap:24px;font-family:Inter,Segoe UI,-apple-system,HarmonyOS Sans SC,MiSans,PingFang SC,Microsoft YaHei UI,sans-serif}.skills-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.skills-head-eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted, #737373)}.skills-head h2{margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:-.01em;color:#fff}.skills-head-sub{margin:0;font-size:14px;line-height:1.7;color:var(--text-secondary, #a3a3a3)}.skills-head-summary{display:flex;align-items:baseline;gap:6px;padding:12px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.skills-head-summary strong{font-size:24px;font-weight:800;color:var(--accent-primary, #7dd3fc)}.skills-head-summary span{font-size:12px;color:var(--text-muted, #737373)}.skills-page .department-top-nav{display:flex;align-items:center;gap:14px;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.skills-page .department-top-list{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.skills-page .department-top-list::-webkit-scrollbar{display:none}#root .skills-page button.department-top-item[data-unified-button=true]{display:inline-flex;align-items:center;gap:7px;height:34px!important;min-height:0!important;min-width:0;padding:0 14px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--text-secondary, #a3a3a3)!important;font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .18s ease,background .18s ease!important}#root .skills-page button.department-top-item[data-unified-button=true]:hover{background:#ffffff0f!important;color:#fff!important}#root .skills-page button.department-top-item[data-unified-button=true] small{min-width:0!important;padding:0!important;border-radius:0!important;background:transparent!important;font-size:11px;font-weight:700;color:var(--text-muted, #737373)!important}#root .skills-page button.department-top-item[data-unified-button=true].active{border:0!important;border-color:transparent!important;background:#fff!important;color:#0b0b0c!important;box-shadow:none!important}#root .skills-page button.department-top-item[data-unified-button=true].active small{color:#0b0b0c8c!important}.skills-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}