:root{--x-color-brand-default: #ff4655;--x-color-brand-hover: #ff5c69;--x-color-brand-active: #e83b49;--x-color-brand-soft: rgba(255, 70, 85, .16);--x-color-brand-border: rgba(255, 70, 85, .38);--x-color-black-0: #000000;--x-color-black-1: #0d0d0d;--x-color-black-2: #111111;--x-color-black-3: #1a1a1a;--x-color-black-4: #262626;--x-color-black-5: #333333;--x-color-gray-50: #f8f9fb;--x-color-gray-100: #f1f2f5;--x-color-gray-200: #dfe1e7;--x-color-gray-600: #5f626b;--x-color-gray-800: #292b31;--x-color-gray-950: #101114;--x-color-white: #ffffff;--x-color-status-success: #58ca84;--x-color-status-on-success: #d4eee5;--x-color-status-warning: #f0b44d;--x-color-status-danger: #ff5265;--x-color-status-info: #65a8ff;--x-color-content-accent-lime: #b8ff45;--x-color-content-accent-magenta-overlay: rgba(140, 20, 20, .72);--x-color-content-accent-magenta-deep: #4a1015;--x-color-content-accent-cyan-deep: #074d67;--x-color-content-accent-blue-deep: #18206e;--x-color-content-accent-violet: #7c5cff;--x-color-content-accent-violet-deep: #43079a;--x-color-content-accent-gold-overlay: rgba(95, 61, 0, .88);--x-color-content-accent-gold-highlight: rgba(151, 103, 7, .48);--x-color-content-accent-gold-deep: #6d4b06;--x-color-text-primary: rgba(255, 255, 255, .94);--x-color-text-secondary: rgba(255, 255, 255, .72);--x-color-text-tertiary: rgba(255, 255, 255, .58);--x-color-text-muted: rgba(255, 255, 255, .38);--x-color-line-subtle: rgba(255, 255, 255, .06);--x-color-line-default: rgba(255, 255, 255, .1);--x-color-line-strong: rgba(255, 255, 255, .18);--x-color-canvas-background: #050505;--x-color-canvas-dot: rgba(126, 142, 151, .52);--x-color-canvas-surface: rgba(8, 8, 8, .94);--x-color-canvas-surface-strong: rgba(12, 12, 12, .98);--x-color-canvas-surface-soft: rgba(255, 255, 255, .04);--x-color-canvas-line: rgba(255, 255, 255, .08);--x-color-canvas-line-strong: rgba(255, 70, 85, .42);--x-color-canvas-brand-soft: rgba(255, 70, 85, .18);--x-radius-feature: 8px;--x-radius-glass: 14px;--x-radius-card: 16px;--x-radius-canvas: 18px;--x-radius-popover: 20px;--x-radius-panel: 24px;--x-radius-canvas-large: 28px;--x-radius-control: 9999px;--x-space-1: 4px;--x-space-2: 8px;--x-space-3: 12px;--x-space-4: 16px;--x-space-5: 20px;--x-space-6: 24px;--x-duration-none: 0ms;--x-duration-stagger: 70ms;--x-duration-fast: .15s;--x-duration-normal: .25s;--x-duration-slow: .4s;--x-duration-emphasis: .42s;--x-duration-loading: .8s;--x-duration-long: .9s;--x-duration-skeleton: 1.4s;--x-duration-pulse: 1.6s;--x-duration-ambient: 1.8s;--x-duration-countdown-step: 1s;--x-shadow-canvas: 0 22px 66px rgba(0, 0, 0, .68), 0 0 32px rgba(255, 70, 85, .08);--x-shadow-panel: 0 12px 40px rgba(0, 0, 0, .7);--x-shadow-popover: 0 18px 54px rgba(0, 0, 0, .58);--x-shadow-modal: 0 28px 90px rgba(0, 0, 0, .72);--x-shadow-focus: 0 0 0 2px rgba(255, 70, 85, .42), 0 0 0 6px rgba(255, 70, 85, .1);--x-layer-canvas: 0;--x-layer-toolbar: 60;--x-layer-drawer: 900;--x-layer-popover: 2600;--x-layer-modal: 3200;--x-layer-toast: 3600;--x-layer-tooltip: 3800;--oii-scrim: rgba(0, 0, 0, .7);--oii-border-width: 1px;--oii-focus-ring-width: 2px;--oii-font-family: "XCanvas Rounded", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;--oii-button-height-sm: 32px;--oii-button-height-md: 40px;--oii-button-height-lg: 48px;--oii-icon-button-size: 40px;--oii-segmented-height: 40px;--oii-bg: var(--x-color-black-1);--oii-nav: var(--x-color-black-0);--oii-surface: var(--x-color-black-3);--oii-raised: var(--x-color-black-4);--oii-popover-strong: var(--x-color-black-5);--oii-text: var(--x-color-text-primary);--oii-text-secondary: var(--x-color-text-secondary);--oii-muted: var(--x-color-text-tertiary);--oii-faint: var(--x-color-text-muted);--oii-line: var(--x-color-line-default);--oii-line-subtle: var(--x-color-line-subtle);--oii-line-strong: var(--x-color-line-strong);--oii-brand: var(--x-color-brand-default);--oii-brand-hover: var(--x-color-brand-hover);--oii-brand-active: var(--x-color-brand-active);--oii-brand-soft: var(--x-color-brand-soft);--oii-brand-border: var(--x-color-brand-border);--oii-focus: var(--x-color-brand-default);--oii-success: var(--x-color-status-success);--oii-on-success: var(--x-color-status-on-success);--oii-warning: var(--x-color-status-warning);--oii-danger: var(--x-color-status-danger);--oii-info: var(--x-color-status-info);--oii-content-accent-lime: var(--x-color-content-accent-lime);--oii-content-accent-magenta-overlay: var(--x-color-content-accent-magenta-overlay);--oii-content-accent-magenta-deep: var(--x-color-content-accent-magenta-deep);--oii-content-accent-cyan-deep: var(--x-color-content-accent-cyan-deep);--oii-content-accent-blue-deep: var(--x-color-content-accent-blue-deep);--oii-content-accent-violet: var(--x-color-content-accent-violet);--oii-content-accent-violet-deep: var(--x-color-content-accent-violet-deep);--oii-content-accent-gold-overlay: var(--x-color-content-accent-gold-overlay);--oii-content-accent-gold-highlight: var(--x-color-content-accent-gold-highlight);--oii-content-accent-gold-deep: var(--x-color-content-accent-gold-deep);--oii-radius: var(--x-radius-card);--oii-panel-radius: var(--x-radius-panel);--oii-popover-radius: var(--x-radius-popover);--oii-control-radius: var(--x-radius-control);--oii-motion-none: var(--x-duration-none);--oii-motion-stagger: var(--x-duration-stagger);--oii-motion-fast: var(--x-duration-fast);--oii-motion-normal: var(--x-duration-normal);--oii-motion-slow: var(--x-duration-slow);--oii-motion-emphasis: var(--x-duration-emphasis);--oii-motion-loading: var(--x-duration-loading);--oii-motion-long: var(--x-duration-long);--oii-motion-skeleton: var(--x-duration-skeleton);--oii-motion-pulse: var(--x-duration-pulse);--oii-motion-ambient: var(--x-duration-ambient);--oii-motion-countdown-step: var(--x-duration-countdown-step);--oii-layer-canvas: var(--x-layer-canvas);--oii-layer-toolbar: var(--x-layer-toolbar);--oii-layer-drawer: var(--x-layer-drawer);--oii-layer-popover: var(--x-layer-popover);--oii-layer-modal: var(--x-layer-modal);--oii-layer-toast: var(--x-layer-toast);--oii-layer-tooltip: var(--x-layer-tooltip);--oii-canvas-bg: var(--x-color-canvas-background);--oii-canvas-dot: var(--x-color-canvas-dot);--oii-canvas-surface: var(--x-color-canvas-surface);--oii-canvas-surface-strong: var(--x-color-canvas-surface-strong);--oii-canvas-surface-soft: var(--x-color-canvas-surface-soft);--oii-canvas-line: var(--x-color-canvas-line);--oii-canvas-line-subtle: var(--x-color-line-subtle);--oii-canvas-line-strong: var(--x-color-canvas-line-strong);--oii-canvas-brand: var(--x-color-brand-default);--oii-canvas-brand-hover: var(--x-color-brand-hover);--oii-canvas-brand-soft: var(--x-color-canvas-brand-soft);--oii-canvas-brand-border: var(--x-color-brand-border);--oii-canvas-text: var(--x-color-text-primary);--oii-canvas-muted: var(--x-color-text-tertiary);--oii-canvas-faint: var(--x-color-text-muted);--oii-canvas-radius: var(--x-radius-canvas);--oii-canvas-radius-lg: var(--x-radius-canvas-large);--oii-canvas-shadow: var(--x-shadow-canvas);--oii-button-radius: var(--x-radius-control);--oii-button-primary-text: var(--x-color-black-0);--oii-icon-button-radius: var(--x-radius-control);--oii-surface-panel-radius: var(--x-radius-card);--oii-surface-panel-shadow: var(--x-shadow-panel);--oii-segmented-radius: var(--x-radius-control);--oii-popover-shadow: var(--x-shadow-popover);--oii-modal-scrim: var(--oii-scrim);--oii-modal-shadow: var(--x-shadow-modal);--oii-focus-ring-shadow: var(--x-shadow-focus);--oii-button-primary-bg: var(--oii-brand);--oii-button-primary-bg-hover: var(--oii-brand-hover);--oii-button-secondary-bg: var(--oii-raised);--oii-button-secondary-bg-hover: var(--oii-popover-strong);--oii-surface-panel-background: var(--oii-surface);--oii-surface-panel-border: var(--oii-line);--oii-segmented-background: var(--oii-nav);--oii-segmented-active-background: var(--oii-raised);--oii-input-background: var(--oii-surface);--oii-input-border: var(--oii-line);--oii-input-focus: var(--oii-focus);--oii-popover-background: var(--oii-popover-strong);--oii-popover-border: var(--oii-line);--oii-modal-background: var(--oii-raised);--oii-toast-background: var(--oii-popover-strong);--oii-toast-border: var(--oii-line-strong)}[data-theme=dark]{--oii-bg: var(--x-color-black-1);--oii-faint: var(--x-color-text-muted);--oii-line: var(--x-color-line-default);--oii-line-strong: var(--x-color-line-strong);--oii-line-subtle: var(--x-color-line-subtle);--oii-muted: var(--x-color-text-tertiary);--oii-nav: var(--x-color-black-0);--oii-popover-strong: var(--x-color-black-5);--oii-raised: var(--x-color-black-4);--oii-scrim: rgba(0, 0, 0, .7);--oii-surface: var(--x-color-black-3);--oii-text: var(--x-color-text-primary);--oii-text-secondary: var(--x-color-text-secondary)}[data-theme=light]{--oii-bg: var(--x-color-white);--oii-brand: var(--x-color-brand-active);--oii-brand-active: var(--x-color-brand-active);--oii-brand-hover: var(--x-color-brand-default);--oii-faint: var(--x-color-gray-600);--oii-line: var(--x-color-gray-200);--oii-line-strong: var(--x-color-gray-600);--oii-line-subtle: var(--x-color-gray-100);--oii-muted: var(--x-color-gray-600);--oii-nav: var(--x-color-gray-50);--oii-popover-strong: var(--x-color-white);--oii-raised: var(--x-color-white);--oii-scrim: rgba(16, 17, 20, .58);--oii-surface: var(--x-color-gray-100);--oii-text: var(--x-color-gray-950);--oii-text-secondary: var(--x-color-gray-800)}.oii-ui-button,.oii-ui-icon-button,.oii-ui-segmented__item{box-sizing:border-box;border:var(--oii-border-width) solid transparent;color:var(--oii-text);font:inherit;font-family:var(--oii-font-family);font-weight:800;letter-spacing:0;cursor:pointer;transition:background-color var(--x-duration-fast) ease,border-color var(--x-duration-fast) ease,color var(--x-duration-fast) ease,opacity var(--x-duration-fast) ease}.oii-ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--x-space-2);border-radius:var(--oii-button-radius);padding-inline:var(--x-space-4);white-space:nowrap}.oii-ui-button--sm{height:var(--oii-button-height-sm);padding-inline:var(--x-space-3);font-size:12px}.oii-ui-button--md{height:var(--oii-button-height-md);font-size:13px}.oii-ui-button--lg{height:var(--oii-button-height-lg);padding-inline:var(--x-space-5);font-size:14px}.oii-ui-button--primary,.oii-ui-icon-button--primary{border-color:var(--oii-brand);color:var(--oii-button-primary-text);background-color:var(--oii-button-primary-bg)}.oii-ui-button--primary:hover:not(:disabled),.oii-ui-icon-button--primary:hover:not(:disabled){border-color:var(--oii-brand-hover);color:var(--oii-button-primary-text);background-color:var(--oii-button-primary-bg-hover)}.oii-ui-button--secondary,.oii-ui-icon-button--secondary{border-color:var(--oii-line);background-color:var(--oii-button-secondary-bg)}.oii-ui-button--secondary:hover:not(:disabled),.oii-ui-icon-button--secondary:hover:not(:disabled){border-color:var(--oii-line-strong);background-color:var(--oii-button-secondary-bg-hover)}.oii-ui-button--quiet,.oii-ui-icon-button--quiet{color:var(--oii-muted);background-color:transparent}.oii-ui-button--quiet:hover:not(:disabled),.oii-ui-icon-button--quiet:hover:not(:disabled){color:var(--oii-text);background-color:var(--oii-raised)}.oii-ui-button--danger,.oii-ui-icon-button--danger{border-color:var(--oii-brand-border);color:var(--oii-brand-hover);background-color:var(--oii-brand-soft)}.oii-ui-button--danger:hover:not(:disabled),.oii-ui-icon-button--danger:hover:not(:disabled){color:var(--oii-text);background-color:var(--oii-brand-active)}.oii-ui-button:focus-visible,.oii-ui-icon-button:focus-visible,.oii-ui-segmented__item:focus-visible{outline:var(--oii-focus-ring-width) solid var(--oii-brand);outline-offset:2px}.oii-ui-button:disabled,.oii-ui-icon-button:disabled,.oii-ui-segmented__item:disabled{opacity:.42;cursor:not-allowed}.oii-ui-button__icon{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center}.oii-ui-button__icon>svg{width:16px;height:16px}.oii-ui-button__label{overflow:hidden;text-overflow:ellipsis}.oii-ui-icon-button{display:inline-grid;width:var(--oii-icon-button-size);height:var(--oii-icon-button-size);place-items:center;border-radius:var(--oii-icon-button-radius);padding:0}.oii-ui-icon-button>svg{width:18px;height:18px}.oii-ui-surface{box-sizing:border-box;border:var(--oii-border-width) solid var(--oii-surface-panel-border);border-radius:var(--oii-surface-panel-radius);color:var(--oii-text);background-color:var(--oii-surface-panel-background);font-family:var(--oii-font-family)}.oii-ui-surface--raised{box-shadow:var(--oii-surface-panel-shadow)}.oii-ui-segmented{display:inline-grid;min-height:var(--oii-segmented-height);grid-auto-flow:column;grid-auto-columns:minmax(84px,1fr);gap:var(--x-space-1);border:var(--oii-border-width) solid var(--oii-line);border-radius:var(--oii-segmented-radius);padding:var(--x-space-1);background-color:var(--oii-segmented-background)}.oii-ui-segmented__item{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:var(--x-space-2);border-radius:var(--oii-segmented-radius);padding-inline:var(--x-space-3);color:var(--oii-muted);background-color:transparent;font-size:12px}.oii-ui-segmented__item:hover:not(:disabled),.oii-ui-segmented__item[data-selected=true]{color:var(--oii-text);background-color:var(--oii-segmented-active-background)}.oii-ui-segmented__item[data-selected=true]{border-color:var(--oii-line-strong)}.oii-ui-status{display:grid;width:min(100%,560px);min-width:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--x-space-3);border:var(--oii-border-width) solid var(--oii-line);border-radius:var(--x-radius-feature);padding:var(--x-space-4);color:var(--oii-text);background:var(--oii-surface);font-family:var(--oii-font-family)}.oii-ui-status__icon{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--x-radius-feature);color:var(--oii-muted);background:var(--oii-raised)}.oii-ui-status__copy{min-width:0}.oii-ui-status__copy strong,.oii-ui-status__copy p{overflow-wrap:anywhere;letter-spacing:0}.oii-ui-status__copy strong{display:block;font-size:13px}.oii-ui-status__copy p{margin:var(--x-space-1) 0 0;color:var(--oii-muted);font-size:12px;line-height:1.5}.oii-ui-status--failed,.oii-ui-status--offline,.oii-ui-status--permission{border-color:var(--oii-danger)}.oii-ui-status--degraded,.oii-ui-status--recovering{border-color:var(--oii-warning)}@media(max-width:520px){.oii-ui-status{grid-template-columns:auto minmax(0,1fr)}.oii-ui-status>.oii-ui-button{grid-column:1 / -1;width:100%}}@media(prefers-reduced-motion:reduce){.oii-ui-button,.oii-ui-icon-button,.oii-ui-segmented__item{transition:none}}.xcanvas-canvas-module{container-type:size;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;color:var(--oii-canvas-text);background:var(--oii-canvas-bg);color-scheme:inherit;font-family:var(--oii-font-family);font-synthesis:none;text-rendering:geometricPrecision}.xcanvas-canvas-module,.xcanvas-canvas-module *,.xcanvas-canvas-module *:before,.xcanvas-canvas-module *:after{box-sizing:border-box}.xcanvas-canvas-module button,.xcanvas-canvas-module input,.xcanvas-canvas-module textarea,.xcanvas-canvas-module select{color:inherit;font:inherit;letter-spacing:0}.xcanvas-canvas-module button{padding:0;background:none;border:0}.xcanvas-canvas-module select,.xcanvas-canvas-module option{color-scheme:inherit;color:var(--oii-text);background:var(--oii-bg)}.xcanvas-canvas-module button:focus-visible{outline:0;border-radius:999px;box-shadow:var(--oii-focus-ring-shadow)}.xcanvas-canvas-module input:focus-visible,.xcanvas-canvas-module textarea:focus-visible,.xcanvas-canvas-module select:focus-visible,.xcanvas-canvas-module [contenteditable=true]:focus-visible{outline:0;border-color:var(--oii-brand-soft);border-radius:var(--oii-canvas-radius);box-shadow:var(--oii-focus-ring-shadow)}.xcanvas-canvas-module button:disabled{cursor:not-allowed!important;opacity:.34}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.interaction-editor{position:relative;width:100%;height:100%;overflow:hidden;color:var(--oii-canvas-text);background:var(--oii-canvas-bg);background-size:auto;isolation:isolate}.interaction-editor:focus{outline:none}.interaction-editor:before{position:absolute;inset:0;z-index:var(--oii-layer-canvas);content:"";pointer-events:none;background:radial-gradient(ellipse at center,transparent 52%,var(--oii-scrim) 100%)}.editor-flow-surface{position:absolute;inset:0;z-index:calc(var(--oii-layer-canvas) + 1)}.editor-flow-surface .react-flow{background:transparent}.editor-flow-surface .react-flow__pane{cursor:default}.editor-flow-surface .react-flow__pane.dragging{cursor:grabbing}.editor-flow-surface .react-flow__selection{background:#ffffff06;border:1px solid rgba(255,255,255,.24);border-radius:2px;box-shadow:inset 0 0 0 1px #0000003d}.editor-flow-surface .react-flow__node{font:inherit}.editor-flow-surface .react-flow__node.selected{z-index:calc(var(--oii-layer-canvas) + 8)!important}.editor-flow-surface .react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px var(--oii-brand-soft))}.editor-flow-surface .react-flow__edges>svg{z-index:calc(var(--oii-layer-canvas) + 1)!important}.flowing-edge-flow{pointer-events:none}.flowing-edge-segment{vector-effect:non-scaling-stroke}.flowing-edge-sampler{fill:none;stroke:none;pointer-events:none}.interaction-editor.is-camera-interacting .editor-flow-surface .react-flow__edge-path{filter:none}.interaction-editor.is-camera-interacting .flowing-edge-flow{display:none}@media(prefers-reduced-motion:reduce){.flowing-edge-flow{display:none}}.editor-flow-surface .react-flow__connection-path{vector-effect:non-scaling-stroke}.editor-flow-surface .react-flow__attribution{display:none}.editor-top-chrome{position:absolute;inset:0 0 auto;z-index:var(--oii-layer-toolbar);height:76px;pointer-events:none}.project-switcher,.mode-switcher,.account-chrome,.bottom-left-tools,.bottom-dock,.creation-popover,.zoom-controls,.asset-drawer,.utility-drawer,.agent-panel,.canvas-context-menu,.editor-notice,.recovery-notice{color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);box-shadow:var(--oii-popover-shadow)}.project-switcher,.mode-switcher,.account-chrome{position:absolute;top:18px;display:flex;height:42px;align-items:center;pointer-events:auto;border-radius:11px}.project-switcher{left:16px;max-width:min(350px,calc(100cqw - 32px));padding:4px}.brand-mark{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;color:var(--oii-surface);font-size:15px;font-weight:900;background:var(--oii-text);border-radius:7px;cursor:pointer}.project-switcher__name{display:flex;min-width:0;max-width:252px;height:32px;align-items:center;gap:9px;padding:0 8px 0 11px;color:var(--oii-text);font-size:12px;font-weight:650;cursor:pointer}.project-switcher__name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-dot{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;color:var(--oii-muted);border-radius:6px}.save-dot--saving svg{animation:editor-spin var(--oii-motion-long) linear infinite}.save-dot--error{color:var(--oii-brand)}.save-dot--saved{color:var(--oii-success)}.mode-switcher{left:50%;padding:4px;transform:translate(-50%)}.mode-switcher button{display:inline-flex;height:32px;align-items:center;gap:7px;padding:0 14px;color:var(--oii-text-secondary);font-size:12px;border-radius:8px;cursor:pointer}.mode-switcher button:hover,.mode-switcher button.is-active{color:var(--oii-text);background:var(--oii-raised)}.account-chrome{right:16px;gap:8px;padding:0;background:transparent;border:0;box-shadow:none}.account-chrome__module{display:inline-flex;height:42px;align-items:center;padding:4px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:11px;box-shadow:var(--oii-popover-shadow)}.account-chrome__module>button{display:inline-flex;height:32px;align-items:center;justify-content:center;gap:7px;min-width:32px;padding:0 8px;color:var(--oii-text-secondary);font-size:12px;border-radius:8px;cursor:pointer}.account-chrome__module>button:hover,.project-switcher button:hover{color:var(--oii-text);background:var(--oii-raised)}.account-chrome .membership-chip{padding:0 9px;color:var(--oii-warning);background:var(--oii-surface)}.membership-chip svg{color:var(--oii-warning)}.membership-chip b{display:grid;min-width:20px;height:20px;place-items:center;color:var(--oii-surface);font-size:10px;background:var(--oii-warning);border-radius:5px}.account-chrome .agent-toggle{display:inline-flex;height:32px;align-items:center;justify-content:center;gap:7px;min-width:32px;padding:0 11px;color:var(--oii-text);font-size:12px;font-weight:650;border-radius:7px;cursor:pointer}.account-chrome .agent-toggle.is-active{color:var(--oii-surface);background:var(--oii-text)}.account-chrome__module .sl-defaults-control .sl-trigger,.account-chrome__module .sl-defaults-control__size{height:32px;background:transparent;border:0}.account-chrome__module .sl-defaults-control .sl-trigger{border-radius:7px 0 0 7px}.account-chrome__module .sl-defaults-control__size{margin-left:0;border-left:1px solid var(--oii-raised);border-radius:0 7px 7px 0}.editor-node,.editor-group-node{--editor-node-radius: 18px;position:relative;width:100%;height:100%;overflow:visible}.editor-flow-surface .react-flow__node-group,.editor-flow-surface .react-flow__node-assetGroup{padding:0;color:inherit;font-size:inherit;text-align:left;background:transparent;border:0;border-radius:0}.editor-node{--selection-accent: var(--oii-brand);--selection-accent-strong: var(--oii-text);border-radius:var(--editor-node-radius);outline:0;transition:box-shadow var(--oii-motion-fast) ease,filter var(--oii-motion-fast) ease}.editor-node--media{overflow:visible;background:var(--oii-bg);border:1px solid var(--oii-line-subtle);border-radius:var(--editor-node-radius);box-shadow:var(--oii-popover-shadow)}.editor-node.is-selected{outline:0;box-shadow:0 0 0 2px #fffffffa,0 0 0 5px #ffffff29,0 14px 34px #0000006b;animation:editor-selection-arrive var(--oii-motion-normal) cubic-bezier(.2,.8,.2,1)}.interaction-editor.is-camera-interacting .editor-node,.interaction-editor.is-camera-interacting .editor-group-node{box-shadow:none!important;filter:none!important;transition:none!important;animation:none!important}.interaction-editor.is-camera-interacting .react-flow__node.is-agent-preview:after{box-shadow:none;animation:none}.editor-node--video{--selection-accent: var(--oii-brand);--selection-accent-strong: var(--oii-text)}.editor-node--text{--selection-accent: var(--oii-text);--selection-accent-strong: var(--oii-text)}.editor-node--script,.editor-node--audio{color:var(--oii-text-secondary);overflow:visible;background:var(--oii-bg);border:1px solid var(--oii-line-subtle);border-radius:var(--editor-node-radius);box-shadow:var(--oii-popover-shadow)}.editor-node--script{--selection-accent: var(--oii-success);--selection-accent-strong: var(--oii-text)}.editor-node--audio{--selection-accent: var(--oii-warning);--selection-accent-strong: var(--oii-warning)}.editor-node--storyboard{overflow:visible;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px;box-shadow:var(--oii-popover-shadow)}.storyboard-node-preview{display:grid;height:100%;grid-template:auto auto minmax(0,1fr) auto / 96px minmax(0,1fr);gap:10px 12px;padding:12px;overflow:hidden}.storyboard-node-thumb{position:relative;display:grid;grid-row:1 / 4;min-height:120px;overflow:hidden;place-items:center;color:var(--oii-muted);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:5px}.storyboard-node-thumb img{width:100%;height:100%;object-fit:cover}.storyboard-node-shot-number{position:absolute;top:6px;left:6px;padding:2px 5px;color:var(--oii-text);background:var(--oii-modal-scrim);border:1px solid var(--oii-line);border-radius:3px;font-size:9px;font-variant-numeric:tabular-nums}.storyboard-node-heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:8px}.storyboard-node-heading strong,.storyboard-node-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storyboard-node-heading strong{font-size:13px}.storyboard-node-heading span{flex:0 0 auto;color:var(--oii-muted);font-size:10px}.storyboard-node-preview p{margin:0;overflow:hidden;color:var(--oii-text-secondary);font-size:11px;line-height:1.55}.storyboard-node-meta{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--oii-muted);font-size:10px}.storyboard-node-edit{display:inline-flex;grid-column:1 / -1;height:32px;align-items:center;justify-content:center;gap:6px;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:5px}.storyboard-node-edit:disabled{opacity:.45}.storyboard-node-empty{display:flex;grid-column:2;align-items:center;gap:7px;color:var(--oii-text-secondary);font-size:11px}.storyboard-editor-backdrop{position:fixed;inset:0;z-index:var(--oii-layer-drawer);display:grid;place-items:center;padding:28px;background:var(--oii-modal-scrim)}.storyboard-editor{display:grid;width:min(980px,calc(100cqw - 56px));max-height:calc(100cqh - 56px);grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px;box-shadow:var(--oii-popover-shadow)}.storyboard-editor>header{display:flex;min-height:58px;align-items:center;gap:12px;padding:10px 12px 10px 16px;background:var(--oii-surface);border-bottom:1px solid var(--oii-raised)}.storyboard-editor>header>div:first-child{display:grid;min-width:0;margin-right:auto}.storyboard-editor>header strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.storyboard-editor>header span{color:var(--oii-text-secondary);font-size:10px}.storyboard-editor>header label{display:flex;align-items:center;gap:6px}.storyboard-editor select{height:30px;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:4px}.storyboard-editor button{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:4px}.storyboard-editor button:disabled{opacity:.35}.storyboard-editor>header>button:not(.storyboard-icon-button){height:30px;padding:0 9px}.storyboard-icon-button{width:30px;height:30px;padding:0}.storyboard-editor-error{padding:7px 16px;color:var(--oii-warning);background:var(--oii-surface);font-size:11px}.storyboard-shot-viewport{height:var(--storyboard-height);overflow:auto;scrollbar-color:var(--oii-muted) var(--oii-surface)}.storyboard-shot-spacer{position:relative;min-width:760px}.storyboard-shot-row{position:absolute;top:0;right:0;left:0;display:grid;box-sizing:border-box;height:132px;grid-template-columns:44px 142px minmax(0,1fr) 68px;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--oii-raised)}.storyboard-shot-number{color:var(--oii-text-secondary);font-family:Consolas,monospace;font-size:12px}.storyboard-shot-thumb{display:grid;width:142px;aspect-ratio:16 / 9;place-items:center;overflow:hidden;color:var(--oii-muted);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:4px;font-size:10px}.storyboard-shot-thumb img{width:100%;height:100%;object-fit:cover}.storyboard-shot-copy{display:grid;min-width:0;gap:5px;overflow:hidden}.storyboard-shot-copy textarea{box-sizing:border-box;width:100%;height:48px;resize:none;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:4px;padding:6px 7px;font:inherit;font-size:11px;line-height:1.45}.storyboard-shot-copy>span{color:var(--oii-muted);font-size:10px}.storyboard-candidates{display:flex;gap:5px;overflow-x:auto}.storyboard-candidates button{height:22px;flex:0 0 auto;padding:0 7px;font-size:9px}.storyboard-candidates button[aria-pressed=true]{color:var(--oii-text);background:var(--oii-raised);border-color:var(--oii-brand)}.storyboard-shot-actions{display:grid;grid-template-columns:repeat(2,28px);gap:5px}.storyboard-shot-actions button{width:28px;height:28px;padding:0}@media(max-width:760px){.storyboard-editor-backdrop{padding:12px}.storyboard-editor{width:calc(100cqw - 24px)}.storyboard-editor>header{flex-wrap:wrap}}.editor-node.is-selected .editor-node-caption>span{color:var(--selection-accent-strong);text-shadow:none}@keyframes editor-selection-arrive{0%{box-shadow:0 0 0 2px #fffffffa,0 0 0 5px #ffffff29,0 14px 34px #0000006b}}.editor-node.is-locked{cursor:not-allowed}.editor-node.is-locked:after{position:absolute;inset:0;content:"";pointer-events:none;background:var(--oii-scrim);border-radius:inherit}.editor-node-caption{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;max-width:100%;align-items:center;gap:6px;color:var(--oii-text-secondary);font-size:12px;line-height:16px;white-space:nowrap;pointer-events:none}.editor-node-caption>span{max-width:190px;overflow:hidden;color:var(--oii-text);font-weight:700;text-overflow:ellipsis}.editor-node-caption small{color:var(--oii-muted);font-size:10px;text-transform:uppercase}.editor-media,.editor-media-placeholder{display:block;width:100%;height:100%;overflow:hidden;object-fit:contain;border-radius:inherit;-webkit-user-select:none;user-select:none;backface-visibility:hidden}.editor-media-surface{position:relative;width:100%;height:100%;overflow:hidden;background:var(--oii-surface);border-radius:inherit;contain:layout paint style;isolation:isolate}.editor-media-surface__fallback,.editor-media-layer{position:absolute;inset:0;width:100%;height:100%}.editor-media-layer{z-index:1}.editor-media-layer.is-pending{z-index:0;visibility:hidden;pointer-events:none}.editor-media-placeholder{display:grid;align-content:center;justify-content:center;justify-items:center;gap:7px;color:var(--oii-muted);font-size:10px;text-align:center;background:radial-gradient(circle at 50% 15%,var(--oii-brand-soft),transparent 42%),var(--oii-surface);border:1px dashed var(--oii-line)}.editor-media-placeholder svg,.editor-media-placeholder span{justify-self:center}.editor-media-syncing{color:var(--oii-text-secondary)}.editor-media-retry{display:inline-grid;width:28px;height:28px;place-items:center;color:var(--oii-text-primary);background:var(--oii-raised);border:1px solid var(--oii-line);border-radius:50%;cursor:pointer}.editor-media-retry:hover{color:var(--oii-brand);border-color:var(--oii-brand)}.editor-node--text{color:var(--oii-text-secondary);overflow:visible;background:var(--oii-bg);border:1px solid var(--oii-line-subtle);border-radius:var(--editor-node-radius);box-shadow:var(--oii-popover-shadow)}.editor-text-body{display:flex;width:100%;height:100%;align-items:flex-start;padding:15px;gap:10px;overflow:hidden;background:radial-gradient(circle at 50% 15%,var(--oii-line-subtle),transparent 42%),var(--oii-surface);border-radius:inherit}.editor-text-body>svg{flex:0 0 auto;width:17px;height:17px;margin-top:3px;color:var(--oii-muted)}.editor-text-body p{flex:1 1 auto;min-width:0;height:100%;margin:0;overflow:auto;color:var(--oii-text-secondary);font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:var(--oii-line) transparent;scrollbar-width:thin}.editor-script-body{display:flex;width:100%;height:100%;align-items:flex-start;gap:10px;padding:15px;overflow:hidden;background:radial-gradient(circle at 50% 15%,var(--oii-success),transparent 42%),var(--oii-surface);border-radius:inherit}.editor-script-body>svg{flex:0 0 auto;margin-top:3px;color:var(--oii-success)}.editor-script-body>div{display:grid;min-width:0;gap:8px}.editor-script-body strong{max-width:100%;overflow:hidden;color:var(--oii-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.editor-script-body p{margin:0;overflow:auto;color:var(--oii-text-secondary);font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.editor-audio-body{display:grid;grid-template-rows:auto minmax(34px,1fr) auto;width:100%;height:100%;gap:9px;padding:14px;overflow:hidden;background:radial-gradient(circle at 50% 15%,var(--oii-warning),transparent 42%),var(--oii-surface);border-radius:inherit}.editor-audio-icon{display:grid;width:24px;height:24px;place-items:center;color:var(--oii-warning);background:var(--oii-line-subtle);border-radius:5px}.editor-audio-waveform{display:flex;min-height:0;align-items:center;gap:3px;overflow:hidden}.editor-audio-waveform span{width:4px;min-height:8px;flex:1 1 4px;background:linear-gradient(180deg,var(--oii-warning),var(--oii-success));border-radius:999px;opacity:.9}.editor-audio-controls{display:grid;grid-template-columns:22px minmax(54px,1fr) auto 22px 52px;height:24px;align-items:center;gap:6px;color:var(--oii-text)}.editor-audio-controls button{display:grid;width:22px;height:22px;place-items:center;color:var(--oii-text);background:var(--oii-raised);border-radius:4px}.editor-audio-controls input[type=range]{min-width:0;height:3px;accent-color:var(--oii-warning)}.editor-audio-controls span{color:var(--oii-text);font-size:9px;line-height:1;white-space:nowrap}.editor-audio-volume{width:52px}.editor-node--entity{--selection-accent: var(--oii-success);--selection-accent-strong: var(--oii-text);color:var(--oii-text);overflow:visible;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px;box-shadow:var(--oii-popover-shadow)}.editor-node--entity-scene{--selection-accent: var(--oii-info)}.editor-node--entity-item{--selection-accent: var(--oii-warning)}.editor-entity-body{display:grid;width:100%;height:100%;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:var(--oii-surface);border-radius:inherit}.editor-entity-cover{min-height:0;overflow:hidden;background:var(--oii-surface);border-bottom:1px solid var(--oii-raised)}.editor-entity-cover img{display:block;width:100%;height:100%;object-fit:cover}.editor-entity-cover-placeholder{display:grid;width:100%;height:100%;min-height:110px;place-items:center;color:var(--oii-muted);background:var(--oii-surface)}.editor-entity-copy{display:grid;min-height:112px;grid-template-rows:auto minmax(28px,1fr) auto auto;gap:8px;padding:11px 12px 12px;overflow:hidden}.editor-entity-heading{display:grid;min-width:0;gap:3px}.editor-entity-heading span{color:var(--oii-muted);font-size:9px;font-weight:800;text-transform:uppercase}.editor-entity-heading strong{overflow:hidden;color:var(--oii-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.editor-entity-copy p{min-height:0;margin:0;overflow:hidden;color:var(--oii-text-secondary);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.editor-entity-tags{display:flex;flex-wrap:wrap;gap:5px;overflow:hidden}.editor-entity-tags span{flex:0 0 auto;max-width:86px;overflow:hidden;padding:3px 5px;color:var(--oii-text-secondary);font-size:9px;line-height:1;text-overflow:ellipsis;white-space:nowrap;background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:4px}.editor-entity-actions,.editor-entity-version-actions{display:flex;gap:6px}.editor-entity-actions button,.editor-entity-version-actions button{display:inline-flex;height:24px;align-items:center;justify-content:center;gap:4px;padding:0 8px;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:4px;font-size:10px}.editor-entity-actions button:disabled,.editor-entity-version-actions button:disabled{opacity:.42}.editor-entity-panel{position:absolute;right:8px;bottom:8px;left:8px;z-index:calc(var(--oii-layer-canvas) + 8);display:grid;gap:8px;padding:9px;color:var(--oii-text);background:var(--oii-canvas-surface);border:1px solid var(--oii-raised);border-radius:6px;box-shadow:var(--oii-popover-shadow)}.editor-entity-panel label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;color:var(--oii-text-secondary);font-size:10px}.editor-entity-panel select{min-width:0;height:26px;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-muted);border-radius:4px}.editor-entity-panel dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.editor-entity-panel dl div{min-width:0}.editor-entity-panel dt,.editor-entity-panel dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-entity-panel dt{color:var(--oii-muted);font-size:9px}.editor-entity-panel dd{color:var(--oii-text);font-size:10px}.xcanvas-canvas-module .editor-text-editor{flex:1 1 auto;min-width:0;height:100%;padding:0;resize:none;color:var(--oii-text);font-family:MiSans,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.7;white-space:pre-wrap;background:transparent;border:0;outline:0;scrollbar-color:var(--oii-line) transparent;scrollbar-width:thin}.xcanvas-canvas-module .editor-text-editor:focus,.xcanvas-canvas-module .editor-text-editor:focus-visible{outline:0;border:0;border-radius:0;box-shadow:none}.editor-text-production{display:grid;min-width:0;max-height:100%;align-content:start;gap:9px;overflow:auto;scrollbar-color:var(--oii-line) transparent;scrollbar-width:thin}.editor-text-summary{display:grid;min-width:0;gap:7px}.editor-text-summary>strong{color:var(--oii-text);font-size:12px}.editor-text-summary__stats{display:flex;flex-wrap:wrap;gap:5px 9px}.editor-text-summary__stats span{color:var(--oii-muted);font-size:10px;font-weight:650}.editor-text-raw-toggle{display:inline-flex;width:max-content;align-items:center;gap:5px;border:0;border-radius:4px;padding:4px 6px;color:var(--oii-muted);background:var(--oii-surface);font-size:10px}.editor-text-raw-toggle:hover,.editor-text-raw-toggle:focus-visible{color:var(--oii-text);background:var(--oii-raised)}.editor-text-raw-drawer{position:absolute;inset:66px 12px 12px;z-index:calc(var(--oii-layer-canvas) + 8);display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px;border:1px solid var(--oii-raised);border-radius:6px;padding:9px;background:var(--oii-surface);box-shadow:var(--oii-popover-shadow)}.editor-text-raw-drawer header{display:flex;align-items:center;justify-content:space-between}.editor-text-raw-drawer header strong{color:var(--oii-text-secondary);font-size:10px}.editor-text-raw-drawer header button{display:grid;width:22px;height:22px;place-items:center;border:0;border-radius:4px;padding:0;color:var(--oii-muted);background:transparent}.editor-text-raw-drawer header button:hover,.editor-text-raw-drawer header button:focus-visible{color:var(--oii-text);background:var(--oii-raised)}.editor-text-raw-drawer pre{min-height:0;margin:0;overflow:auto;color:var(--oii-text-secondary);font-family:Cascadia Code,Consolas,monospace;font-size:9px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.editor-group-node{background:color-mix(in srgb,var(--group-color, var(--oii-muted)) 7%,transparent);border:1px solid color-mix(in srgb,var(--group-color, var(--oii-muted)) 24%,transparent);border-radius:var(--editor-node-radius);transition:background var(--oii-motion-fast) ease,border-color var(--oii-motion-fast) ease,box-shadow var(--oii-motion-fast) ease}.editor-group-node.is-selected{border-color:#fffffffa;box-shadow:0 0 0 2px #fffffffa,0 0 0 5px #ffffff29,var(--oii-popover-shadow)}.editor-flow-surface .react-flow__node-group.is-frame-drop-target,.editor-flow-surface .react-flow__node-assetGroup.is-frame-drop-target{z-index:calc(var(--oii-layer-canvas) + 6)!important}.editor-flow-surface .react-flow__node-group.is-frame-drop-target .editor-group-node,.editor-flow-surface .react-flow__node-assetGroup.is-frame-drop-target .editor-group-node{background:var(--oii-success);border-color:var(--oii-success);border-style:dashed;box-shadow:var(--oii-focus-ring-shadow)}.editor-group-node>header{position:absolute;bottom:calc(100% + 6px);left:1px;display:flex;align-items:center;gap:5px;color:var(--oii-muted);font-size:9px;line-height:13px;white-space:nowrap}.editor-group-node>header strong{max-width:180px;overflow:hidden;color:var(--oii-muted);font-weight:600;text-overflow:ellipsis}.editor-frame-toggle{display:grid;width:18px;height:18px;flex:0 0 18px;place-items:center;color:var(--oii-text-secondary);border-radius:4px;cursor:pointer}.editor-frame-toggle:hover{color:var(--oii-text);background:var(--oii-line-subtle)}.editor-frame-count,.editor-frame-status{color:var(--oii-muted);font-size:8px}.editor-frame-status{display:inline-flex;align-items:center;gap:4px}.editor-frame-status i{width:5px;height:5px;background:var(--oii-success);border-radius:50%;box-shadow:var(--oii-popover-shadow)}.editor-group-node.is-collapsed{background:var(--oii-surface);border-color:var(--oii-raised);border-radius:7px;box-shadow:var(--oii-popover-shadow)}.editor-group-node.is-collapsed.is-selected{border-color:#fffffffa;box-shadow:0 0 0 2px #fffffffa,0 0 0 5px #ffffff29,var(--oii-popover-shadow)}.editor-group-node.is-collapsed>header{inset:0;height:100%;padding:0 14px;gap:8px;color:var(--oii-text-secondary)}.editor-group-node.is-collapsed>header strong{color:var(--oii-text);font-size:16px}.editor-group-node.is-collapsed .editor-frame-count{color:var(--oii-text-secondary);font-size:12px}.editor-group-node.is-collapsed .editor-frame-status{margin-left:auto;color:var(--oii-text-secondary);font-size:12px}.editor-group-node.is-collapsed .editor-frame-toggle{width:28px;height:28px;flex-basis:28px}.editor-group-node.is-collapsed .editor-frame-toggle svg,.editor-group-node.is-collapsed>header>svg{width:18px;height:18px}.editor-video-play{position:absolute;top:50%;left:50%;display:grid;width:34px;height:34px;place-items:center;padding-left:2px;color:var(--oii-surface);background:var(--oii-text);border-radius:50%;box-shadow:var(--oii-popover-shadow);transform:translate(-50%,-50%);cursor:pointer}.editor-video-play:hover{background:var(--oii-text)}.editor-video-muted{position:absolute;right:7px;bottom:7px;padding:3px;box-sizing:content-box;color:var(--oii-text);background:var(--oii-modal-scrim);border-radius:4px}.editor-video-controls{position:absolute;right:5px;bottom:5px;left:5px;z-index:calc(var(--oii-layer-canvas) + 7);display:flex;height:24px;align-items:center;gap:4px;padding:0 5px;color:var(--oii-text);background:var(--oii-modal-scrim);border:1px solid var(--oii-line);border-radius:5px;box-shadow:var(--oii-popover-shadow)}.editor-video-controls button{display:grid;width:18px;height:18px;flex:0 0 18px;place-items:center;color:var(--oii-text);border-radius:3px;cursor:pointer}.editor-video-controls button:hover{background:var(--oii-line)}.editor-video-controls input[type=range]{min-width:28px;height:3px;flex:1;accent-color:var(--oii-text);cursor:pointer}.editor-video-controls span{color:var(--oii-text);font-size:8px;line-height:1;white-space:nowrap}.editor-port{position:absolute;top:50%;z-index:calc(var(--oii-layer-canvas) + 9);width:22px;height:22px;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.86);transition:opacity var(--oii-motion-fast) ease,transform var(--oii-motion-fast) ease}.generation-stale-badge{position:absolute;top:27px;left:8px;z-index:calc(var(--oii-layer-canvas) + 7);height:22px;padding:0 8px;color:var(--oii-warning);font-size:10px;background:var(--oii-warning);border:1px solid var(--oii-warning);border-radius:4px;cursor:pointer}.home-showcase-node-badge{position:absolute;top:27px;right:8px;z-index:calc(var(--oii-layer-canvas) + 7);display:inline-flex;height:22px;align-items:center;gap:4px;padding:0 7px;color:var(--oii-text);font-size:9px;line-height:1;background:var(--oii-canvas-surface);border:1px solid var(--oii-line);border-radius:4px;box-shadow:var(--oii-popover-shadow);pointer-events:none}.generation-status{position:absolute;top:50%;left:18px;right:18px;z-index:calc(var(--oii-layer-canvas) + 8);display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:center;min-height:50px;padding:10px 12px;overflow:hidden;color:var(--oii-text);font-size:11px;background:radial-gradient(circle at 18% 0%,var(--oii-brand-soft),transparent 40%),var(--oii-modal-scrim);border:1px solid var(--oii-line);border-radius:14px;box-shadow:var(--oii-popover-shadow);-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);transform:translateY(-50%)}.generation-status:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(110deg,transparent 0 28%,var(--oii-line-subtle) 48%,transparent 68%);opacity:.75}.generation-status-line{position:relative;z-index:calc(var(--oii-layer-canvas) + 1);display:flex;gap:8px;align-items:center;min-width:0;font-weight:850}.generation-status-line .spin{color:var(--oii-brand);filter:drop-shadow(0 0 8px var(--oii-brand-soft))}.generation-status-line span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-status-line strong{color:var(--oii-text);font-weight:950}.generation-progress{position:relative;z-index:calc(var(--oii-layer-canvas) + 1);grid-column:1;height:5px;overflow:hidden;background:var(--oii-line);border-radius:999px}.generation-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--oii-brand),var(--oii-brand));border-radius:inherit;box-shadow:var(--oii-popover-shadow)}.generation-status>button{position:relative;z-index:calc(var(--oii-layer-canvas) + 1);grid-column:2;grid-row:1 / span 2;display:grid;width:32px;height:32px;padding:0;place-items:center;color:var(--oii-text-secondary);background:var(--oii-line-subtle);border:1px solid var(--oii-line);border-radius:10px;cursor:pointer}.generation-status>button:hover{color:var(--oii-text);background:var(--oii-brand-soft);border-color:var(--oii-brand-soft)}.editor-node--media:has(.generation-status--active) .editor-media,.editor-node--media:has(.generation-status--active) .editor-media-placeholder{filter:blur(9px) brightness(.5) saturate(.82);transform:scale(1.025);transition:filter var(--oii-motion-normal) ease,transform var(--oii-motion-normal) ease}.import-status-overlay{position:absolute;z-index:calc(var(--oii-layer-canvas) + 12);inset:42px 12px auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:10px;color:var(--oii-text);background:var(--oii-canvas-surface);border:1px solid var(--oii-line);border-radius:7px;box-shadow:var(--oii-popover-shadow)}.import-status-heading{display:flex;grid-column:1;gap:8px;align-items:center;min-width:0;font-size:11px}.import-status-heading strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-status-heading span{color:var(--oii-text-secondary);font-variant-numeric:tabular-nums}.import-status-overlay progress{width:100%;height:5px;grid-column:1;accent-color:var(--oii-success)}.import-status-overlay p{grid-column:1 / -1;margin:0;overflow-wrap:anywhere;color:var(--oii-warning);font-size:10px;line-height:1.35}.import-status-telemetry{grid-column:1 / -1;color:var(--oii-text-secondary);font-size:9px;letter-spacing:0}.import-status-actions{display:flex;grid-column:2;grid-row:1 / span 2;gap:4px;align-items:center}.import-status-actions button{display:grid;width:28px;height:28px;padding:0;place-items:center;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:5px;cursor:pointer}.import-status-actions button:hover,.import-status-actions button:focus-visible{color:var(--oii-text);background:var(--oii-raised);outline:2px solid var(--oii-success);outline-offset:1px}.import-status-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.import-status-overlay--failed,.import-status-overlay--reselect_required{border-color:var(--oii-brand-soft)}.import-status-overlay--offline,.import-status-overlay--paused{border-color:var(--oii-warning)}.node-import-replace{position:absolute;z-index:calc(var(--oii-layer-canvas) + 13);top:9px;right:9px;display:grid;width:28px;height:28px;padding:0;place-items:center;color:var(--oii-text);background:var(--oii-canvas-surface);border:1px solid var(--oii-line);border-radius:5px;cursor:pointer}.node-import-replace:hover,.node-import-replace:focus-visible{background:var(--oii-raised);outline:2px solid var(--oii-success);outline-offset:1px}.generation-status--active{inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:0;padding:0;color:var(--oii-text);text-align:center;background:radial-gradient(circle at 50% 44%,var(--oii-brand-soft),transparent 34%),linear-gradient(180deg,var(--oii-scrim),var(--oii-modal-scrim));border:0;border-radius:inherit;box-shadow:var(--oii-focus-ring-shadow);pointer-events:none;-webkit-backdrop-filter:blur(10px) saturate(.9);backdrop-filter:blur(10px) saturate(.9);transform:none}.generation-status--active:before{display:none}.generation-status--active .spin{color:var(--oii-brand);filter:drop-shadow(0 0 10px var(--oii-brand-soft)) drop-shadow(0 0 22px var(--oii-brand-soft))}.generation-status--active>strong{color:var(--oii-text);font-size:15px;font-weight:950;line-height:1;letter-spacing:0;text-shadow:none}.generation-status--error{grid-template-columns:auto 1fr auto;color:var(--oii-danger);border-color:var(--oii-brand-soft);background:radial-gradient(circle at 18% 0%,var(--oii-brand-soft),transparent 42%),var(--oii-canvas-surface)}.generation-status--error>button{grid-column:3;grid-row:1}.generation-job-id{display:inline-flex;min-width:0;align-items:center;gap:4px;color:var(--oii-text-secondary)}.generation-job-id code{max-width:88px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.generation-job-id button{display:grid;width:22px;height:22px;padding:0;place-items:center;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-muted);border-radius:4px}.output-version-strip{position:absolute;top:27px;right:8px;z-index:calc(var(--oii-layer-canvas) + 7);display:flex;gap:4px;max-width:calc(100% - 110px);overflow-x:auto}.editor-node--media .output-version-strip,.editor-node--media .output-version-details{display:none}.output-version-strip button{position:relative;flex:0 0 30px;width:30px;height:24px;padding:0;overflow:hidden;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-muted);border-radius:3px;cursor:pointer}.output-version-details{position:absolute;top:62px;right:8px;z-index:calc(var(--oii-layer-canvas) + 7);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 6px;max-width:min(210px,calc(100% - 16px));padding:5px 6px;color:var(--oii-text-secondary);font-size:9px;background:var(--oii-canvas-surface);border:1px solid var(--oii-raised);border-radius:5px}.output-version-details>span,.output-version-details>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-version-details>strong{color:var(--oii-info);font-weight:600}.output-version-details>small,.output-version-details>time{color:var(--oii-text-secondary)}.output-version-details>small{grid-column:1 / -1}.output-version-details>button{grid-column:3;grid-row:1 / span 2;display:grid;width:22px;height:22px;padding:0;place-items:center;color:var(--oii-text);background:var(--oii-raised);border-radius:4px}.editor-media-error{color:var(--oii-warning);background:var(--oii-raised)}.output-version-strip button[aria-pressed=true]{border-color:var(--oii-line);box-shadow:none}.output-version-strip button:focus-visible,.output-version-details>button:focus-visible{outline:0;border-color:var(--oii-brand-soft);border-radius:8px;box-shadow:var(--oii-focus-ring-shadow)}.output-version-strip img{width:100%;height:100%;object-fit:cover}.output-version-strip span{position:absolute;right:2px;bottom:1px;color:var(--oii-text);font-size:7px;text-shadow:none}.editor-port--input{left:-28px}.editor-port--output{right:-28px}.editor-node.is-selected .editor-port,.interaction-editor.is-connecting .editor-port--input{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.editor-port .react-flow__handle.editor-port-handle{position:static;display:block;width:22px;height:22px;min-width:22px;min-height:22px;background:radial-gradient(circle at 50% 35%,var(--oii-line),transparent 54%),var(--oii-canvas-surface);border:1px solid var(--oii-muted);border-radius:50%;box-shadow:var(--oii-focus-ring-shadow);transform:none}.editor-port .react-flow__handle.editor-port-handle:before,.editor-port .react-flow__handle.editor-port-handle:after{position:absolute;top:50%;left:50%;content:"";background:var(--oii-text);border-radius:1px;transform:translate(-50%,-50%)}.editor-port .react-flow__handle.editor-port-handle:before{width:8px;height:1.5px}.editor-port .react-flow__handle.editor-port-handle:after{width:1.5px;height:8px}.editor-port .react-flow__handle.editor-port-handle:hover{background:radial-gradient(circle at 50% 35%,var(--oii-line),transparent 54%),var(--oii-surface);border-color:var(--oii-text-secondary);box-shadow:var(--oii-focus-ring-shadow)}.editor-port-anchor.react-flow__handle{width:1px;height:1px;min-width:1px;min-height:1px;opacity:0;pointer-events:none;background:transparent;border:0}.editor-port-purpose-list{position:absolute;top:calc(50% + 18px);right:calc(100% + 10px);z-index:calc(var(--oii-layer-canvas) + 10);display:none;width:188px;max-height:164px;padding:4px;overflow:auto;color:var(--oii-text);background:var(--oii-canvas-surface);border:1px solid var(--oii-muted);border-radius:4px;box-shadow:var(--oii-popover-shadow)}.editor-node.is-selected .editor-port-purpose-list,.interaction-editor.is-connecting .editor-port-purpose-list{display:grid;gap:2px}.editor-port-purpose{display:grid;grid-template-columns:66px minmax(0,1fr);gap:6px;min-height:24px;padding:4px 5px;align-items:center;font-size:9px;line-height:1.25}.editor-port-purpose+.editor-port-purpose{border-top:1px solid var(--oii-line-subtle)}.editor-port-purpose strong,.editor-port-purpose span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-port-purpose strong{color:var(--oii-brand);font-weight:700}.editor-resizer-line{z-index:calc(var(--oii-layer-canvas) + 7)!important;border-color:transparent!important;filter:none}.editor-resizer-handle{z-index:calc(var(--oii-layer-canvas) + 8)!important;width:10px!important;height:10px!important;background:transparent!important;border:0!important}.editor-resizer-handle:after{position:absolute;inset:3px;content:"";background:var(--oii-text);border:1px solid var(--oii-text);border-radius:50%;box-shadow:var(--oii-focus-ring-shadow);transform:none}.editor-resizer-handle.top:not(.left):not(.right):after,.editor-resizer-handle.bottom:not(.left):not(.right):after,.editor-resizer-handle.left:not(.top):not(.bottom):after,.editor-resizer-handle.right:not(.top):not(.bottom):after{inset:4px;border-radius:50%;transform:none}.react-flow__node.is-agent-preview{pointer-events:none!important}.react-flow__node.is-agent-preview:after{position:absolute;inset:-7px;content:"";border:1px dashed var(--oii-brand);border-radius:7px;box-shadow:var(--oii-focus-ring-shadow);animation:agent-preview-pulse var(--oii-motion-ambient) ease-in-out infinite}.react-flow__node.is-agent-preview .editor-node,.react-flow__node.is-agent-preview .editor-group-node{opacity:.72;filter:saturate(.72) brightness(1.08)}.react-flow__edge.is-agent-preview-edge .react-flow__edge-path{filter:drop-shadow(0 0 3px var(--oii-brand-soft))}@keyframes agent-preview-pulse{0%,to{opacity:.55}50%{opacity:1}}.selection-toolbar{display:flex;max-width:min(1180px,calc(100cqw - 28px));min-height:42px;align-items:center;padding:4px;overflow-x:auto;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:10px;box-shadow:var(--oii-popover-shadow);scrollbar-width:none}.interaction-editor.is-node-dragging .node-toolbar-anchor{display:none!important}.selection-toolbar::-webkit-scrollbar{display:none}.selection-toolbar button{display:inline-flex;height:32px;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;padding:0 9px;color:var(--oii-text);font-size:11px;white-space:nowrap;border-radius:7px;cursor:pointer}.selection-toolbar button:hover{color:var(--oii-text);background:var(--oii-raised)}.selection-toolbar button b{padding:2px 5px;color:var(--oii-info);font-size:8px;background:var(--oii-raised);border-radius:4px}.selection-toolbar button.danger:hover,.canvas-context-menu button.danger:hover{color:var(--oii-brand);background:var(--oii-brand-soft)}.editor-lightweight-minimap{position:absolute;right:15px;bottom:62px;z-index:var(--oii-layer-toolbar);display:inline-block;pointer-events:auto}.canvas-performance-panel{--panel-accent: var(--oii-success);position:absolute;top:72px;left:16px;z-index:var(--oii-layer-toolbar);width:min(338px,calc(100cqw - 32px));padding:12px 13px 11px;color:var(--oii-text);background:var(--oii-canvas-surface);border:1px solid var(--oii-line);border-radius:14px;box-shadow:var(--oii-popover-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.canvas-performance-panel--elevated{--panel-accent: var(--oii-warning)}.canvas-performance-panel--critical{--panel-accent: var(--oii-brand);border-color:var(--oii-brand-soft)}.canvas-performance-panel__header{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.canvas-performance-panel__close.oii-ui-icon-button{width:30px;height:30px;color:var(--oii-muted)}.canvas-performance-panel__title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:850;letter-spacing:.01em}.canvas-performance-panel__title svg,.canvas-performance-panel__footer-title svg,.canvas-performance-panel__state svg{color:var(--panel-accent)}.canvas-performance-panel__state{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;color:var(--oii-text-secondary);font-size:10px;white-space:nowrap;background:var(--oii-line-subtle);border-radius:999px}.canvas-performance-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.canvas-performance-panel__metric{min-height:58px;padding:9px 10px;background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:12px}.canvas-performance-panel__metric-label{display:block;color:var(--oii-text-secondary);font-size:10px;letter-spacing:.02em}.canvas-performance-panel__metric-value{display:block;margin-top:3px;color:var(--panel-accent);font-size:15px;font-weight:860}.canvas-performance-panel__metric-hint{display:block;margin-top:4px;color:var(--oii-muted);font-size:10px;line-height:1.35}.canvas-performance-panel__flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.canvas-performance-panel__flag{display:inline-flex;align-items:center;height:23px;padding:0 8px;color:var(--oii-text);font-size:10px;background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:999px}.canvas-performance-panel__footer{margin-top:10px;padding-top:10px;border-top:1px solid var(--oii-line-subtle)}.canvas-performance-panel__footer-title{display:inline-flex;align-items:center;gap:4px;color:var(--oii-text);font-size:10px;font-weight:760}.canvas-performance-panel__footer-copy{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;color:var(--oii-text-secondary);font-size:10px}.canvas-performance-panel__report-actions{display:flex;min-height:var(--oii-button-height-sm);justify-content:flex-end;gap:var(--x-space-2);margin-top:var(--x-space-3);padding-top:var(--x-space-3);border-top:var(--oii-border-width) solid var(--oii-line)}.canvas-performance-panel__report-preview{margin-top:var(--x-space-3);padding:var(--x-space-3);color:var(--oii-muted);background:var(--oii-raised);border:var(--oii-border-width) solid var(--oii-line);border-radius:var(--x-radius-feature);font-size:10px;line-height:1.45}.canvas-performance-panel__report-preview strong,.canvas-performance-panel__report-preview output{display:block;color:var(--oii-text)}.canvas-performance-panel__report-preview p{margin:2px 0 var(--x-space-2)}.canvas-performance-panel__report-preview output{overflow:hidden;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.canvas-performance-panel,.canvas-performance-panel *{transition:none!important;animation:none!important}}@media(forced-colors:active){.canvas-performance-panel,.canvas-performance-panel__metric,.canvas-performance-panel__flag,.canvas-performance-panel__report-preview,.editor-lightweight-minimap{color:CanvasText;background:Canvas;border:1px solid CanvasText;box-shadow:none;forced-color-adjust:auto}.canvas-performance-panel__metric-value,.canvas-performance-panel__title svg,.canvas-performance-panel__footer-title svg,.canvas-performance-panel__state svg{color:Highlight}.flowing-edge-path,.react-flow__edge-path{stroke:CanvasText!important}}.video-selection-toolbar{width:max-content;min-width:0}.video-toolbar-divider{width:1px;height:20px;flex:0 0 1px;margin:0 3px;background:var(--oii-raised)}.node-details-panel{width:min(660px,calc(100cqw - 32px));padding:12px 14px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:12px;box-shadow:var(--oii-popover-shadow)}.node-details-tabs{display:flex;align-items:center;gap:4px;margin-bottom:8px}.node-details-tabs>button,.node-details-tabs>.sl-trigger-wrap>.sl-trigger{display:inline-flex;height:30px;align-items:center;gap:5px;padding:0 9px;color:var(--oii-muted);font-size:10px;background:var(--oii-raised);border-radius:15px;cursor:pointer}.node-details-tabs>button.is-active,.node-details-tabs>button:hover,.node-details-tabs>.sl-trigger-wrap>.sl-trigger:hover,.node-details-tabs>.sl-trigger-wrap>.sl-trigger[aria-expanded=true]{color:var(--oii-text);background:var(--oii-raised)}.node-reference-row{position:relative;width:48px;height:48px;margin:4px 0 14px}.node-reference-row img{width:48px;height:48px;object-fit:cover;border:1px solid var(--oii-muted);border-radius:10px}.node-reference-index{position:absolute;top:-3px;left:-3px;z-index:calc(var(--oii-layer-canvas) + 1);display:grid;width:17px;height:17px;place-items:center;color:var(--oii-text);font-size:9px;background:var(--oii-raised);border:1px solid var(--oii-text);border-radius:50%}.node-details-panel>textarea{width:100%;min-height:72px;padding:0;resize:none;color:var(--oii-text);font-size:12px;line-height:1.8;background:transparent;border:0;outline:0}.node-details-panel>textarea::placeholder{color:var(--oii-muted)}.generation-prompt-editor{min-height:118px;flex:1;padding:0 8px}.generation-prompt-editor .xcanvas-asset-mention-editor,.generation-prompt-editor .tiptap{min-height:118px}.generation-prompt-editor .xcanvas-asset-mention-editor__content{min-height:118px;color:var(--oii-text);font-size:13px;line-height:1.65;outline:0;white-space:pre-wrap}.generation-prompt-editor .xcanvas-asset-mention-editor__content p{margin:0}.generation-prompt-editor .xcanvas-asset-mention-editor__content:empty:before,.generation-prompt-editor .xcanvas-asset-mention-editor__content p.is-editor-empty:first-child:before{color:var(--oii-muted);content:"";pointer-events:none}.xcanvas-asset-mention{display:inline-flex;max-width:min(300px,100%);align-items:center;gap:10px;margin:3px 4px;vertical-align:middle;border:1px solid var(--oii-line);border-radius:12px;padding:5px 10px 5px 6px;color:var(--oii-text);background:var(--oii-modal-scrim);box-shadow:var(--oii-popover-shadow);font-weight:850;line-height:1.1;white-space:nowrap}.xcanvas-asset-mention--invalid{border-color:var(--oii-danger);color:var(--oii-danger);background:var(--oii-raised)}.xcanvas-asset-mention__thumb{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;overflow:hidden;color:var(--oii-text);font-size:12px;font-weight:950;background:radial-gradient(circle at 35% 20%,var(--oii-brand-soft),transparent 42%),var(--oii-line-subtle);border:1px solid var(--oii-line);border-radius:9px}.xcanvas-asset-mention__thumb img{width:100%;height:100%;object-fit:cover}.xcanvas-asset-mention--video .xcanvas-asset-mention__thumb{background:radial-gradient(circle at 50% 45%,var(--oii-brand-soft),transparent 44%),var(--oii-line-subtle)}.xcanvas-asset-mention--text .xcanvas-asset-mention__thumb{color:var(--oii-danger);background:linear-gradient(135deg,var(--oii-brand-soft),var(--oii-line-subtle)),var(--oii-surface)}.xcanvas-asset-mention__body{display:grid;min-width:0;gap:3px}.xcanvas-asset-mention__body strong,.xcanvas-asset-mention__body small{overflow:hidden;text-overflow:ellipsis}.xcanvas-asset-mention__body strong{max-width:210px;color:var(--oii-text);font-size:12px;font-weight:950}.xcanvas-asset-mention__body small{max-width:230px;color:var(--oii-muted);font-size:10px;font-weight:750}.xcanvas-asset-mention-editor__error{margin-top:5px;color:var(--oii-brand);font-size:10px}.xcanvas-asset-mention-menu{z-index:var(--oii-layer-popover);display:grid;width:min(310px,calc(100cqw - 24px));max-height:260px;overflow-y:auto;border:1px solid var(--oii-raised);border-radius:7px;padding:5px;background:var(--oii-surface);box-shadow:var(--oii-popover-shadow)}.xcanvas-asset-mention-menu__option{display:flex;width:100%;min-height:46px;align-items:center;gap:9px;border:0;border-radius:5px;padding:5px 7px;color:var(--oii-text);background:transparent;text-align:left}.xcanvas-asset-mention-menu__option[aria-selected=true],.xcanvas-asset-mention-menu__option:hover{background:var(--oii-raised)}.generation-prompt-editor__preview{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;overflow:hidden;border-radius:4px;color:var(--oii-muted);background:var(--oii-raised)}.generation-prompt-editor__preview img{width:100%;height:100%;object-fit:cover}.generation-prompt-editor__preview svg{width:16px;height:16px}.generation-prompt-editor__label{display:grid;min-width:0;gap:2px}.generation-prompt-editor__label strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.generation-prompt-editor__label small{color:var(--oii-muted);font-size:9px}.prompt-intelligence-control{border-top:1px solid var(--oii-line-subtle)}.prompt-intelligence-actions{min-height:34px;padding:5px 9px;display:flex;justify-content:flex-end;align-items:center;gap:4px}.prompt-intelligence-actions button{width:26px;height:26px;padding:0;border:0;border-radius:5px;color:var(--oii-text-secondary);background:transparent;display:inline-grid;place-items:center;cursor:pointer}.prompt-intelligence-actions button:hover:not(:disabled){color:var(--oii-text);background:var(--oii-line-subtle)}.prompt-intelligence-actions button:disabled{opacity:.32;cursor:default}.prompt-intelligence-actions .is-spinning{animation:prompt-intelligence-spin var(--oii-motion-loading) linear infinite}.prompt-intelligence-error{margin:0;padding:0 12px 9px;color:var(--oii-brand);font-size:11px;line-height:1.5}.prompt-intelligence-review{width:min(520px,calc(100cqw - 32px));max-height:min(430px,calc(100cqh - 120px));overflow:auto;padding:14px;border-top:1px solid var(--oii-line);background:var(--oii-surface);color:var(--oii-text-secondary)}.prompt-intelligence-review header,.prompt-intelligence-review footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-intelligence-review header p,.prompt-intelligence-review h2,.prompt-intelligence-review h3{margin:0}.prompt-intelligence-review header p{color:var(--oii-brand);font-size:10px}.prompt-intelligence-review h2{margin-top:3px;font-size:14px}.prompt-intelligence-review h3{font-size:12px}.prompt-intelligence-review header>button{width:26px;height:26px;border:0;color:var(--oii-text-secondary);background:transparent;cursor:pointer}.prompt-intelligence-review dl{margin:12px 0;display:grid;gap:7px}.prompt-intelligence-review dl>div{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px}.prompt-intelligence-review dt{color:var(--oii-muted);font-size:11px}.prompt-intelligence-review dd{margin:0;overflow-wrap:anywhere;color:var(--oii-text);font-size:11px;line-height:1.55}.prompt-intelligence-review ul{margin:6px 0 10px;padding-left:18px;font-size:11px}.prompt-intelligence-review footer{justify-content:flex-end;margin-top:12px}.prompt-intelligence-review footer button{min-height:30px;padding:0 12px;border:1px solid var(--oii-line);border-radius:5px;color:var(--oii-text-secondary);background:var(--oii-surface);cursor:pointer}.prompt-intelligence-review footer button:last-child{border-color:var(--oii-brand);color:var(--oii-text);background:var(--oii-brand)}@keyframes prompt-intelligence-spin{to{transform:rotate(360deg)}}.node-details-footer{display:flex;min-height:34px;align-items:center;gap:4px;margin-top:10px;border-top:1px solid var(--oii-raised);padding-top:8px}.node-details-footer button{display:inline-flex;min-width:30px;height:28px;align-items:center;justify-content:center;gap:5px;padding:0 7px;color:var(--oii-text-secondary);font-size:10px;white-space:nowrap;border-radius:6px;cursor:pointer}.node-details-footer button:hover{background:var(--oii-raised)}.node-details-spacer{min-width:8px;flex:1}.generation-input-tray{display:flex;align-items:flex-start;gap:8px;min-height:82px;padding:8px 12px 6px;overflow-x:auto}.generation-input-empty{display:none;min-height:0;padding:0;color:var(--oii-muted);font-size:11px}.generation-input-item{position:relative;flex:0 0 72px;width:72px;min-height:74px}.generation-input-tile{position:relative;display:grid;width:58px;height:50px;padding:0;overflow:hidden;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-muted);border-radius:6px;cursor:pointer;margin-inline:auto}.generation-input-tile:hover{background:var(--oii-raised);border-color:var(--oii-muted)}.generation-input-preview{display:grid;place-items:center;min-width:0;min-height:0}.generation-input-preview img{width:100%;height:100%;object-fit:cover}.generation-input-role{position:absolute;bottom:3px;left:4px;max-width:44px;overflow:hidden;color:var(--oii-text);font-size:9px;line-height:14px;text-overflow:ellipsis;text-shadow:none;white-space:nowrap}.generation-input-count{position:absolute;top:3px;left:3px;display:grid;min-width:16px;height:16px;padding:0 4px;place-items:center;color:var(--oii-text);font-size:9px;background:var(--oii-surface);border-radius:8px}.generation-input-detach{position:absolute;top:-5px;right:-5px;z-index:calc(var(--oii-layer-canvas) + 2);display:grid;width:18px;height:18px;padding:0;place-items:center;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-muted);border-radius:50%;opacity:0;cursor:pointer}.generation-input-item:hover .generation-input-detach,.generation-input-detach:focus-visible{opacity:1}.generation-input-order-controls{display:flex;justify-content:center;gap:2px;margin-top:4px}.generation-input-order-controls button{display:grid;width:22px;height:20px;padding:0;place-items:center;color:var(--oii-text-secondary);background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:4px}.generation-input-order-controls button:disabled{opacity:.35}.generation-input-order-controls .generation-input-drag-handle{cursor:grab}.generation-input-order-controls .generation-input-drag-handle:active{cursor:grabbing}.generation-input-error{display:block;width:72px;margin-top:4px;color:var(--oii-brand);font-size:9px;line-height:1.35}.generation-parameter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 0 2px;border-top:1px solid var(--oii-raised)}.generation-parameter-field{min-width:0}.generation-parameter-field:has(.generation-parameter-segmented){grid-column:span 2}.generation-parameter-field>label,.generation-parameter-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;color:var(--oii-text-secondary);font-size:10px}.generation-parameter-field select,.generation-parameter-field input[type=number]{width:100%;min-width:0;height:28px;padding:0 7px;color:var(--oii-text);font-size:10px;background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:5px}.generation-parameter-field input[type=range]{min-width:72px;accent-color:var(--oii-text)}.generation-parameter-field output{min-width:22px;color:var(--oii-text);text-align:right}.generation-parameter-segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:3px;min-width:0;padding:2px;border:1px solid var(--oii-raised);border-radius:6px}.generation-parameter-segmented button{height:26px;color:var(--oii-text-secondary);font-size:10px;background:transparent;border-radius:4px}.generation-parameter-segmented button[aria-pressed=true]{color:var(--oii-text);background:var(--oii-raised)}.generation-parameter-toggle input{width:30px;height:16px;accent-color:var(--oii-text)}.generation-parameter-error{display:block;margin-top:4px;color:var(--oii-brand);font-size:9px;line-height:1.35}.generation-model-select{display:inline-flex;min-width:0;height:28px;align-items:center;gap:5px;padding:0 6px;color:var(--oii-text);background:var(--oii-raised);border-radius:5px}.generation-model-select select{min-width:0;max-width:140px;color:inherit;font-size:10px;background:transparent;border:0}.generation-credit-estimate{display:inline-flex;align-items:center;gap:3px;color:var(--oii-text-secondary);font-size:10px}.source-generation-panel{display:flex;gap:8px;align-items:center;width:min(420px,calc(100cqw - 40px));min-height:48px;padding:7px 8px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px;box-shadow:var(--oii-popover-shadow)}.source-generation-modes{display:flex;padding:2px;background:var(--oii-surface);border-radius:5px}.source-generation-modes button{display:inline-flex;gap:5px;align-items:center;height:30px;padding:0 9px;color:var(--oii-text-secondary);font-size:10px;background:transparent;border:0;border-radius:4px;cursor:pointer}.source-generation-modes button[aria-pressed=true]{color:var(--oii-text);background:var(--oii-raised)}.source-generation-model{flex:1;min-width:0;overflow:hidden;color:var(--oii-text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.source-generation-run{display:grid;width:32px;height:32px;padding:0;place-items:center;color:var(--oii-surface);background:var(--oii-text);border:0;border-radius:50%;cursor:pointer}.node-details-footer .mock-generate{min-width:58px;color:var(--oii-surface);font-weight:700;background:var(--oii-text)}.node-details-footer .mock-generate:hover{color:var(--oii-surface);background:var(--oii-text)}.video-details-panel{width:min(660px,calc(100cqw - 32px));padding:11px 13px 9px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:12px;box-shadow:var(--oii-popover-shadow)}.video-details-tabs{display:flex;min-height:30px;align-items:center;gap:4px;margin-bottom:8px}.video-details-tabs button{display:inline-flex;height:28px;flex:0 0 auto;align-items:center;justify-content:center;gap:5px;padding:0 9px;color:var(--oii-muted);font-size:10px;background:var(--oii-raised);border-radius:14px;cursor:pointer}.video-details-tabs button.is-active,.video-details-tabs button:hover{color:var(--oii-text);background:var(--oii-raised)}.video-details-tabs .video-details-expand{width:28px;padding:0;background:transparent}.video-details-spacer{min-width:6px;flex:1}.video-reference-strip{display:flex;min-height:52px;align-items:center;gap:8px;margin:2px 0 12px;overflow-x:auto;scrollbar-width:none}.video-reference-strip::-webkit-scrollbar{display:none}.video-reference-tile{position:relative;display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;overflow:hidden;color:var(--oii-text);background:var(--oii-muted);border:1px solid var(--oii-muted);border-radius:10px;cursor:pointer}.video-reference-tile:hover{border-color:var(--oii-muted)}.video-reference-tile>span{position:absolute;top:-1px;left:-1px;z-index:calc(var(--oii-layer-canvas) + 2);display:grid;width:17px;height:17px;place-items:center;color:var(--oii-text);font-size:9px;background:var(--oii-raised);border:1px solid var(--oii-muted);border-radius:50%}.video-reference-tile img{width:100%;height:100%;object-fit:cover}.video-reference-tile--audio,.video-reference-tile--text{color:var(--oii-text);background:var(--oii-muted)}.video-details-panel>textarea{width:100%;min-height:66px;padding:0 2px;resize:none;color:var(--oii-text);font-size:12px;line-height:1.75;background:transparent;border:0;outline:0}.video-details-panel>textarea::placeholder{color:var(--oii-muted)}.video-details-footer{display:flex;min-height:36px;align-items:center;gap:3px;margin-top:8px;padding-top:8px;border-top:1px solid var(--oii-raised)}.video-details-footer button{display:inline-flex;min-width:28px;height:28px;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;padding:0 6px;color:var(--oii-text);font-size:10px;white-space:nowrap;border-radius:6px;cursor:pointer}.video-details-footer button:hover{background:var(--oii-raised)}.video-generation-cost{display:inline-flex;align-items:center;gap:3px;color:var(--oii-muted);font-size:10px;white-space:nowrap}.video-details-footer .video-generate-button{width:32px;height:32px;padding:0;color:var(--oii-surface);background:var(--oii-text);border-radius:50%}.video-details-footer .video-generate-button:hover{color:var(--oii-surface);background:var(--oii-text)}.selection-pending-frame{position:absolute;z-index:calc(var(--oii-layer-canvas) + 2);box-sizing:border-box;pointer-events:none;background:#1b1b1b9e;border:1px solid rgba(255,255,255,.28);border-radius:18px;box-shadow:inset 0 1px #ffffff0a,0 20px 48px #0000002e}.selection-order-badge{position:absolute;z-index:calc(var(--oii-layer-canvas) + 12);display:grid;width:22px;height:22px;place-items:center;pointer-events:none;color:#fff;font-size:11px;font-weight:800;line-height:1;background:#f128a7;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000005c}.image-selection-toolbar{width:max-content;min-width:0}.production-mode-select{position:relative;display:inline-flex;height:32px;flex:0 0 auto;align-items:center}.production-mode-select select{height:32px;min-width:138px;padding:0 27px 0 29px;color:var(--oii-text-secondary);font:inherit;font-size:11px;font-weight:850;white-space:nowrap;appearance:none;cursor:pointer;background:transparent;border:0;border-radius:999px;outline:none}.production-mode-select:hover select,.production-mode-select select:focus-visible{color:var(--oii-text);background:var(--oii-line-subtle)}.production-mode-select select:focus-visible{box-shadow:var(--oii-focus-ring-shadow)}.production-mode-select option{color:var(--oii-text);background:var(--oii-surface)}.production-mode-select-icon,.production-mode-select-chevron{position:absolute;z-index:calc(var(--oii-layer-canvas) + 1);pointer-events:none}.production-mode-select-icon{left:9px;color:var(--oii-text-secondary)}.production-mode-select-chevron{right:8px;color:var(--oii-muted)}.production-mode-select select:disabled{cursor:wait;opacity:.58}.production-mode-only-toolbar{width:max-content;min-width:0}.production-mode-dialog-backdrop{position:fixed;z-index:var(--oii-layer-popover);inset:0;display:grid;padding:16px;place-items:center;background:var(--oii-modal-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.production-mode-dialog{display:grid;width:min(760px,calc(100% - 32px));max-height:min(780px,calc(100% - 32px));grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;color:var(--oii-text);background:var(--oii-bg);border:1px solid var(--oii-line);border-radius:8px;box-shadow:var(--oii-popover-shadow);outline:none}.production-mode-dialog:focus-visible{border-color:var(--oii-brand-soft)}.production-mode-dialog-header{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;border-bottom:1px solid var(--oii-line-subtle)}.production-mode-dialog-header small{display:block;margin-bottom:4px;color:var(--oii-brand);font-size:9px;font-weight:900;letter-spacing:0}.production-mode-dialog-header h2,.production-mode-dialog-section h3,.production-mode-prompt h4{margin:0;letter-spacing:0}.production-mode-dialog-header h2{font-size:18px;line-height:1.25}.production-mode-dialog-header>button{display:grid;width:32px;height:32px;flex:0 0 32px;padding:0;place-items:center;color:var(--oii-text-secondary);background:var(--oii-line-subtle);border:1px solid transparent;border-radius:50%;cursor:pointer}.production-mode-dialog-header>button:hover:not(:disabled){color:var(--oii-text);background:var(--oii-line)}.production-mode-dialog-header>button:disabled{cursor:wait;opacity:.4}.production-mode-dialog-header>button:focus-visible,.production-mode-dialog-footer button:focus-visible{outline:2px solid var(--oii-brand);outline-offset:2px}.production-mode-dialog-route{display:flex;min-height:46px;align-items:center;gap:10px;padding:8px 16px;color:var(--oii-muted);font-size:12px;border-bottom:1px solid var(--oii-line-subtle)}.production-mode-dialog-route strong{color:var(--oii-text);font-size:13px}.production-mode-dialog-route svg{color:var(--oii-brand)}.production-mode-dialog-status{display:flex;min-height:38px;align-items:center;gap:8px;padding:8px 16px;color:var(--oii-text-secondary);font-size:11px;background:var(--oii-line-subtle);border-bottom:1px solid var(--oii-line-subtle)}.production-mode-dialog-status--error{color:var(--oii-warning);background:var(--oii-brand-soft)}.production-mode-dialog-status--success{color:var(--oii-success);background:var(--oii-success)}.production-mode-dialog .is-spinning{animation:canvas-image-viewer-spin var(--oii-motion-loading) linear infinite}.production-mode-dialog-body{grid-row:4;min-height:0;padding:0 16px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--oii-line) transparent;scrollbar-width:thin}.production-mode-dialog-body::-webkit-scrollbar{width:5px}.production-mode-dialog-body::-webkit-scrollbar-track{background:transparent}.production-mode-dialog-body::-webkit-scrollbar-thumb{background:var(--oii-line);border-radius:999px}.production-mode-dialog-warning{display:flex;align-items:flex-start;gap:9px;margin:12px 0 0;padding:9px 10px;color:var(--oii-danger);font-size:11px;line-height:1.55;background:var(--oii-brand-soft);border-left:2px solid var(--oii-brand);border-radius:4px}.production-mode-dialog-warning--neutral{color:var(--oii-text-secondary);background:var(--oii-line-subtle);border-left-color:var(--oii-muted)}.production-mode-dialog-warning svg{flex:0 0 auto;margin-top:1px}.production-mode-dialog-section{padding-top:18px}.production-mode-dialog-section+.production-mode-dialog-section{margin-top:18px;border-top:1px solid var(--oii-line-subtle)}.production-mode-dialog-section h3{margin-bottom:4px;color:var(--oii-text-secondary);font-size:11px}.production-mode-prompt{padding:14px 0;border-bottom:1px solid var(--oii-line-subtle)}.production-mode-prompt h4{margin-bottom:10px;color:var(--oii-text);font-size:13px}.production-mode-prompt-value+.production-mode-prompt-value{margin-top:10px}.production-mode-prompt-value>span{display:block;margin-bottom:4px;color:var(--oii-muted);font-size:9px;font-weight:800}.production-mode-prompt-value pre{margin:0;color:var(--oii-text-secondary);font:inherit;font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.production-mode-change-list{margin:0}.production-mode-change-list>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--oii-line-subtle)}.production-mode-change-list dt{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--oii-text-secondary);font-size:11px}.production-mode-change-list dt b{color:var(--oii-brand);font-size:11px}.production-mode-change-list dd{min-width:0;margin:0;color:var(--oii-muted);font-size:10px;line-height:1.55;overflow-wrap:anywhere}.production-mode-dialog-footer{grid-row:5;display:flex;min-height:58px;align-items:center;justify-content:flex-end;gap:8px;padding:10px 16px;background:var(--oii-bg);border-top:1px solid var(--oii-line-subtle)}.production-mode-dialog-footer button{display:inline-flex;min-width:88px;height:34px;align-items:center;justify-content:center;gap:6px;padding:0 14px;color:var(--oii-text-secondary);font-size:11px;font-weight:850;border:1px solid var(--oii-line);border-radius:6px;cursor:pointer}.production-mode-dialog-footer button:disabled{cursor:wait;opacity:.42}.production-mode-dialog-footer .production-mode-dialog-secondary{background:var(--oii-line-subtle)}.production-mode-dialog-footer .production-mode-dialog-primary{color:var(--oii-text);background:var(--oii-brand);border-color:var(--oii-brand)}.production-mode-dialog-footer .production-mode-dialog-primary:hover:not(:disabled){background:var(--oii-brand)}@media(max-width:640px){.production-mode-dialog-backdrop{padding:8px}.production-mode-dialog{width:calc(100% - 16px);max-height:calc(100% - 16px)}.production-mode-dialog-header,.production-mode-dialog-route,.production-mode-dialog-status,.production-mode-dialog-footer,.production-mode-dialog-body{padding-right:12px;padding-left:12px}.production-mode-change-list>div{grid-template-columns:1fr;gap:5px}}.selection-toolbar .toolbar-icon-button{width:32px;padding:0}.selection-toolbar .toolbar-icon-button:disabled{cursor:not-allowed;opacity:.38}.canvas-media-viewer-backdrop{position:fixed;z-index:var(--oii-layer-popover);inset:0;display:grid;box-sizing:border-box;place-items:center;padding:clamp(12px,2vw,28px);color:var(--oii-text);background:#000000a8;-webkit-backdrop-filter:blur(18px) saturate(.72);backdrop-filter:blur(18px) saturate(.72)}.canvas-media-viewer{display:grid;width:min(1440px,calc(100cqw - 48px));height:min(900px,calc(100cqh - 48px));min-width:0;min-height:0;overflow:hidden;grid-template-rows:52px minmax(0,1fr);background:var(--oii-surface);border:1px solid var(--oii-line);border-radius:8px;outline:none;box-shadow:0 24px 72px #00000085,var(--oii-popover-shadow)}.canvas-media-viewer.is-fullscreen{width:100%;height:100%;border:0;border-radius:0}.canvas-media-viewer__header{z-index:calc(var(--oii-layer-canvas) + 2);display:flex;min-width:0;align-items:center;justify-content:space-between;gap:20px;padding:0 10px 0 16px;background:var(--oii-surface);border-bottom:1px solid var(--oii-line)}.canvas-media-viewer__identity{display:flex;min-width:0;align-items:baseline;gap:10px}.canvas-media-viewer__identity>span{overflow:hidden;color:var(--oii-text);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.canvas-media-viewer__identity small{flex:0 0 auto;color:var(--oii-muted);font-size:10px}.canvas-media-viewer__header-actions,.canvas-media-viewer__zoom-controls{display:flex;flex:0 0 auto;align-items:center;gap:3px}.canvas-media-viewer__header-actions button,.canvas-media-viewer__zoom-controls button{display:inline-flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;padding:0;color:var(--oii-text-secondary);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.canvas-media-viewer__header-actions button:hover,.canvas-media-viewer__header-actions button:focus-visible,.canvas-media-viewer__zoom-controls button:hover,.canvas-media-viewer__zoom-controls button:focus-visible{color:var(--oii-text);background:var(--oii-raised);border-color:var(--oii-line);outline:none}.canvas-media-viewer__header-actions button:disabled,.canvas-media-viewer__zoom-controls button:disabled{cursor:not-allowed;opacity:.34}.canvas-media-viewer__header-actions .canvas-media-viewer__close{color:var(--oii-text)}.canvas-media-viewer__divider{width:1px;height:20px;margin:0 4px;background:var(--oii-line)}.canvas-media-viewer__stage{position:relative;display:grid;min-width:0;min-height:0;overflow:hidden;place-items:center;background:var(--oii-bg)}.canvas-media-viewer__lightbox .yarl__slide_image{cursor:zoom-in;box-shadow:0 12px 36px #00000061}.canvas-media-viewer__lightbox .yarl__slide_wrapper_interactive .yarl__slide_image{cursor:grab}.canvas-media-viewer__lightbox .yarl__slide_wrapper_interactive .yarl__slide_image:active{cursor:grabbing}.canvas-media-viewer__stage.is-video .yarl__video_container{box-sizing:border-box;padding:20px}.canvas-media-viewer__stage.is-video video{display:block;max-width:100%;max-height:100%;background:var(--oii-nav);border-radius:4px;box-shadow:0 12px 36px #00000061}.canvas-media-viewer__zoom-controls{position:absolute;z-index:calc(var(--oii-layer-canvas) + 2);right:14px;bottom:14px;height:38px;padding:2px 4px;background:var(--oii-surface);border:1px solid var(--oii-line);border-radius:7px;box-shadow:var(--oii-popover-shadow)}.canvas-media-viewer__zoom-controls output{width:48px;color:var(--oii-text-secondary);font-size:10px;font-variant-numeric:tabular-nums;text-align:center}.canvas-media-viewer__state{display:flex;align-items:center;gap:10px;color:var(--oii-text-secondary);font-size:12px}.canvas-media-viewer .is-spinning,.selection-toolbar .is-spinning{animation:canvas-image-viewer-spin var(--oii-motion-loading) linear infinite}@media(max-width:640px){.canvas-media-viewer-backdrop{padding:8px}.canvas-media-viewer{width:calc(100cqw - 16px);height:calc(100cqh - 16px)}.canvas-media-viewer__header{gap:8px;padding-left:12px}.canvas-media-viewer__identity small{display:none}.canvas-media-viewer__stage.is-video .yarl__video_container{padding:8px}.canvas-media-viewer__zoom-controls{right:8px;bottom:8px}}.canvas-media-viewer-backdrop{z-index:calc(var(--oii-layer-popover) + 20);padding:0;background:#000000ad;-webkit-backdrop-filter:blur(26px) saturate(.48) brightness(.58);backdrop-filter:blur(26px) saturate(.48) brightness(.58)}.canvas-media-viewer{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none}.canvas-media-viewer__stage.is-video .yarl__video_container{padding:clamp(24px,5vw,72px)}.canvas-media-viewer__stage.is-video video{background:#000;border-radius:0;box-shadow:0 18px 54px #00000057}.canvas-media-viewer__zoom-controls{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));height:40px;padding:2px 4px;gap:2px;background:#0c0c0cd1;border:1px solid rgba(255,255,255,.12);border-radius:7px;box-shadow:0 8px 26px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.canvas-media-viewer__zoom-controls button{color:#ffffffbd}.canvas-media-viewer__zoom-controls button:hover,.canvas-media-viewer__zoom-controls button:focus-visible{color:#fff;background:#ffffff1a;border-color:transparent}.canvas-media-viewer__zoom-controls output{width:52px;color:#fff;font-size:11px;font-weight:650}.node-details-panel,.video-details-panel{position:relative;display:flex;min-height:255px;flex-direction:column;gap:8px;padding:8px;box-shadow:var(--oii-popover-shadow)}.node-details-tabs,.video-details-tabs{min-height:30px;margin-bottom:0}.node-details-tabs .node-details-expand{width:28px;padding:0;background:transparent}.generation-input-tray{min-height:76px;gap:8px;padding:0 4px 20px;overflow-y:visible;scrollbar-width:none}.generation-input-tray::-webkit-scrollbar{display:none}.node-details-panel>.generation-input-tray,.video-details-panel>.generation-input-tray{min-height:72px;padding-bottom:2px}.generation-input-empty{display:none;min-height:0;padding:0}.generation-input-item{flex-basis:74px;width:74px;min-height:70px}.generation-input-tile{width:48px;height:48px;margin-inline:0}.generation-input-order-controls{position:static;z-index:auto;margin-top:4px;opacity:1;pointer-events:auto;transition:none}.node-details-panel>textarea,.video-details-panel>textarea{min-height:72px;flex:1;padding:0 8px;font-size:13px;line-height:1.65}.node-details-panel>.generation-prompt-editor,.video-details-panel>.generation-prompt-editor{display:flex;min-height:148px;flex:1 1 auto;padding:0 8px}.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor,.node-details-panel>.generation-prompt-editor .tiptap,.video-details-panel>.generation-prompt-editor .tiptap,.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content{min-height:148px;flex:1 1 auto}.node-details-footer,.video-details-footer{position:relative;min-height:32px;gap:4px;margin-top:0;padding-top:0;border-top:0}.generation-model-select{height:32px;padding:0 8px;background:transparent;border-radius:6px}.generation-model-select:hover,.generation-model-select:focus-within{color:var(--oii-text);background:var(--oii-raised)}.generation-parameter-popover{position:relative;flex:0 1 auto;min-width:0}.node-details-footer .generation-parameter-summary,.video-details-footer .generation-parameter-summary{width:auto;max-width:230px;height:32px;padding:0 10px;color:var(--oii-text-secondary);background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:999px;font-weight:850}.generation-parameter-summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-parameter-summary[aria-expanded=true]{color:var(--oii-text);border-color:var(--oii-brand-soft);background:var(--oii-brand-soft);box-shadow:var(--oii-popover-shadow)}.generation-parameter-popover-panel{position:absolute;bottom:40px;left:0;z-index:calc(var(--oii-layer-canvas) + 20);width:min(440px,calc(100cqw - 48px));padding:12px;color:var(--oii-text);background:radial-gradient(circle at 50% 0%,var(--oii-brand-soft),transparent 36%),var(--oii-modal-scrim);border:1px solid var(--oii-line);border-radius:16px;box-shadow:var(--oii-popover-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.generation-parameter-popover-panel>header{display:flex;height:30px;align-items:center;justify-content:space-between;color:var(--oii-text);font-size:12px;font-weight:950}.generation-parameter-popover-panel>header button{display:grid;width:28px;height:28px;padding:0;place-items:center;color:var(--oii-text-secondary);border-radius:999px}.generation-parameter-popover-panel>header button:hover{color:var(--oii-text);background:var(--oii-line-subtle)}.generation-parameter-popover-panel .generation-parameter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:9px 0 0;border-top:1px solid var(--oii-line-subtle)}.generation-parameter-popover-panel .generation-parameter-field:has(.generation-parameter-segmented){grid-column:1 / -1}.generation-parameter-popover-panel .generation-parameter-field>label,.generation-parameter-popover-panel .generation-parameter-toggle{min-height:36px;grid-template-columns:auto minmax(80px,1fr);gap:10px;color:var(--oii-muted);font-size:11px;font-weight:850}.generation-parameter-popover-panel .generation-parameter-field select,.generation-parameter-popover-panel .generation-parameter-field input[type=number]{height:34px;border:1px solid var(--oii-line);border-radius:12px;padding:0 12px;color:var(--oii-text);background:var(--oii-line-subtle);font-size:12px;font-weight:850;box-shadow:var(--oii-popover-shadow)}.generation-parameter-popover-panel .generation-parameter-field select:hover,.generation-parameter-popover-panel .generation-parameter-field input[type=number]:hover{border-color:var(--oii-line);background:var(--oii-line-subtle)}.generation-parameter-popover-panel .generation-parameter-segmented{gap:4px;min-height:36px;padding:3px;border:1px solid var(--oii-line);border-radius:12px;background:var(--oii-line-subtle);box-shadow:var(--oii-popover-shadow)}.generation-parameter-popover-panel .generation-parameter-segmented button{height:28px;border-radius:9px;color:var(--oii-muted);font-size:11px;font-weight:900;transition:color var(--oii-motion-fast) ease,background var(--oii-motion-fast) ease,box-shadow var(--oii-motion-fast) ease}.generation-parameter-popover-panel .generation-parameter-segmented button:hover{color:var(--oii-text);background:var(--oii-line-subtle)}.generation-parameter-popover-panel .generation-parameter-segmented button[aria-pressed=true]{color:var(--oii-text);background:linear-gradient(135deg,var(--oii-brand),var(--oii-brand));box-shadow:var(--oii-popover-shadow)}.generation-parameter-popover-panel .generation-parameter-error{margin-top:5px;color:var(--oii-brand);font-size:10px;font-weight:750}.generation-credit-estimate,.video-generation-cost{flex:0 0 auto}.node-details-footer .generation-run-button,.video-details-footer .video-generate-button{width:32px;min-width:32px;height:32px;padding:0;color:var(--oii-surface);background:var(--oii-text);border-radius:50%}.node-details-footer .generation-run-button:hover,.video-details-footer .video-generate-button:hover{color:var(--oii-surface);background:var(--oii-text)}.node-details-footer .generation-run-button:disabled,.video-details-footer .video-generate-button:disabled{opacity:.56;cursor:wait}.node-details-footer .generation-run-button>span,.video-details-footer .video-generate-button>span{font-size:8px}.selection-toolbar{min-height:44px;padding:5px;color:var(--oii-text);background:radial-gradient(circle at 50% 0%,var(--oii-brand-soft),transparent 42%),var(--oii-modal-scrim)!important;border:1px solid var(--oii-line);border-radius:18px;box-shadow:var(--oii-popover-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.selection-toolbar button{height:32px;color:var(--oii-text-secondary);border-radius:999px;font-weight:850}.selection-toolbar button:hover,.selection-toolbar button:focus-visible{color:var(--oii-text);background:var(--oii-line-subtle)}.selection-toolbar button b{color:var(--oii-info);background:var(--oii-info);border-radius:999px}.selection-toolbar button.danger:hover{color:var(--oii-text);background:var(--oii-brand-soft)}.video-toolbar-divider{background:var(--oii-line-subtle)}.node-details-panel,.video-details-panel{min-height:224px;color:var(--oii-text);background:radial-gradient(circle at 50% 0%,var(--oii-brand-soft),transparent 42%),var(--oii-modal-scrim);border:1px solid var(--oii-line);border-radius:var(--oii-radius);box-shadow:var(--oii-popover-shadow);-webkit-backdrop-filter:blur(16px) saturate(1.06);backdrop-filter:blur(16px) saturate(1.06)}.node-details-tabs,.video-details-tabs{min-height:34px;gap:6px}.node-details-tabs>button,.video-details-tabs>button,.node-details-tabs>.sl-trigger-wrap>.sl-trigger{height:32px;padding:0 12px;color:var(--oii-text-secondary);background:var(--oii-line-subtle);border-radius:999px;font-weight:900}.node-details-tabs>button.is-active,.video-details-tabs>button.is-active,.node-details-tabs>button:hover,.video-details-tabs>button:hover,.node-details-tabs>.sl-trigger-wrap>.sl-trigger:hover,.node-details-tabs>.sl-trigger-wrap>.sl-trigger[aria-expanded=true]{color:var(--oii-text);background:var(--oii-brand-soft);box-shadow:var(--oii-focus-ring-shadow)}.node-details-tabs .node-details-expand,.video-details-expand{width:32px;padding:0;margin-left:auto;background:var(--oii-line-subtle)}.node-details-panel>textarea,.video-details-panel>textarea,.node-details-panel>.generation-prompt-editor,.video-details-panel>.generation-prompt-editor{min-height:112px;padding:6px 8px 2px;background:transparent;border:0;border-radius:0;outline:0;box-shadow:none}.node-details-panel>textarea:focus,.video-details-panel>textarea:focus,.node-details-panel>.generation-prompt-editor:focus-within,.video-details-panel>.generation-prompt-editor:focus-within{box-shadow:none}.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor,.node-details-panel>.generation-prompt-editor .tiptap,.video-details-panel>.generation-prompt-editor .tiptap,.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content{min-height:104px;color:var(--oii-text);background:transparent;border:0;box-shadow:none;font-size:13px;line-height:1.68}.node-details-footer,.video-details-footer{min-height:38px;padding-top:8px;border-top:1px solid var(--oii-line-subtle)}.node-details-footer .prompt-intelligence-control,.video-details-footer .prompt-intelligence-control{position:relative;display:flex;flex:0 0 auto;align-items:center;margin-left:2px}.node-details-footer .prompt-intelligence-actions,.video-details-footer .prompt-intelligence-actions{display:inline-flex;gap:4px;align-items:center}.node-details-footer .prompt-intelligence-actions button,.video-details-footer .prompt-intelligence-actions button{display:grid;width:28px;height:28px;padding:0;place-items:center;color:var(--oii-text-secondary);background:transparent;border:0;border-radius:999px}.node-details-footer .prompt-intelligence-actions button:hover:not(:disabled),.video-details-footer .prompt-intelligence-actions button:hover:not(:disabled){color:var(--oii-text);background:var(--oii-line-subtle)}.node-details-footer .prompt-intelligence-actions button:disabled,.video-details-footer .prompt-intelligence-actions button:disabled{opacity:.38}.node-details-footer .prompt-intelligence-error,.video-details-footer .prompt-intelligence-error{position:absolute;right:0;bottom:calc(100% + 8px);width:max-content;max-width:240px;padding:7px 10px;color:var(--oii-danger);background:var(--oii-canvas-surface);border:1px solid var(--oii-brand-soft);border-radius:12px;box-shadow:var(--oii-popover-shadow)}.node-details-footer .prompt-intelligence-review,.video-details-footer .prompt-intelligence-review{right:0;bottom:calc(100% + 10px)}.node-details-panel,.video-details-panel{width:clamp(420px,48cqw,560px);height:min(248px,calc(100cqh - 112px));min-width:320px;min-height:224px;max-width:min(680px,calc(100cqw - 24px));max-height:min(420px,calc(100cqh - 24px));overflow:hidden;resize:both}.node-details-tabs,.video-details-tabs{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.node-details-tabs[data-dragging=true],.video-details-tabs[data-dragging=true]{cursor:grabbing}.node-details-tabs>button,.video-details-tabs>button,.node-details-tabs>.sl-trigger-wrap>.sl-trigger{touch-action:manipulation}.node-details-tabs .node-details-expand,.video-details-tabs .video-details-expand{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;padding:0;line-height:0}.node-details-tabs .node-details-expand>svg,.video-details-tabs .video-details-expand>svg{display:block;margin:0}.node-details-panel>.generation-prompt-editor,.video-details-panel>.generation-prompt-editor{min-height:0;flex:1 1 0;overflow:hidden}.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor{display:flex;min-height:0;height:100%;flex-direction:column;overflow:hidden}.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor>div:first-child,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor>div:first-child{display:flex;min-height:0;flex:1 1 0;overflow:hidden}.node-details-panel>.generation-prompt-editor .tiptap,.video-details-panel>.generation-prompt-editor .tiptap{min-height:0;height:100%;flex:1 1 0}.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content{min-height:0;max-height:none;padding:var(--x-space-1) var(--x-space-2) var(--x-space-2) var(--x-space-1);overflow-x:hidden;overflow-y:auto;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-color:var(--oii-muted) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content::-webkit-scrollbar,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content::-webkit-scrollbar{width:4px}.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content::-webkit-scrollbar-track,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content::-webkit-scrollbar-track{background:transparent}.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content::-webkit-scrollbar-thumb,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content::-webkit-scrollbar-thumb{min-height:30px;background:var(--oii-muted);border-radius:999px}.node-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content::-webkit-scrollbar-thumb:hover,.video-details-panel>.generation-prompt-editor .xcanvas-asset-mention-editor__content::-webkit-scrollbar-thumb:hover{background:var(--oii-muted)}.generation-model-select,.node-details-footer .generation-parameter-summary,.video-details-footer .generation-parameter-summary{height:34px;color:var(--oii-text-secondary);background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:999px}.generation-model-select:hover,.generation-model-select:focus-within,.node-details-footer .generation-parameter-summary:hover,.video-details-footer .generation-parameter-summary:hover{background:var(--oii-brand-soft);border-color:var(--oii-brand-soft)}.generation-model-select select,.generation-model-select select option,.generation-parameter-popover-panel .generation-parameter-field select,.generation-parameter-popover-panel .generation-parameter-field select option{color:var(--oii-text);color-scheme:inherit;background:var(--oii-bg)}.generation-model-select select option:checked,.generation-parameter-popover-panel .generation-parameter-field select option:checked{color:var(--oii-text);background:var(--oii-brand)}.node-details-footer .generation-run-button,.video-details-footer .video-generate-button{width:34px;min-width:34px;height:34px;color:var(--oii-surface);background:var(--oii-text);border-radius:50%;box-shadow:var(--oii-popover-shadow)}.output-compare-backdrop{position:fixed;inset:0;z-index:var(--oii-layer-drawer);display:grid;padding:32px;place-items:center;background:var(--oii-modal-scrim)}.output-compare-dialog{display:grid;width:min(960px,calc(100cqw - 64px));max-height:calc(100cqh - 64px);overflow:auto;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-muted);border-radius:7px;box-shadow:var(--oii-popover-shadow)}.output-compare-header,.output-compare-selectors,.output-compare-summary,.output-compare-pane-actions{display:flex;align-items:center}.output-compare-header{gap:9px;min-height:48px;padding:0 14px;border-bottom:1px solid var(--oii-raised)}.output-compare-header h2{flex:1;margin:0;font-size:15px;letter-spacing:0}.output-compare-header button{display:grid;width:30px;height:30px;padding:0;place-items:center;color:var(--oii-text);background:transparent;border:0;border-radius:4px}.output-compare-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:14px}.output-compare-selectors label{display:grid;gap:6px;color:var(--oii-text-secondary);font-size:11px}.output-compare-selectors select{min-width:0;height:34px;padding:0 9px;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:4px}.output-compare-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--oii-raised);border-block:1px solid var(--oii-raised)}.output-compare-pane{min-width:0;padding:14px;background:var(--oii-surface)}.output-compare-preview{display:grid;width:100%;aspect-ratio:16 / 9;overflow:hidden;place-items:center;color:var(--oii-text-secondary);background:var(--oii-bg);border:1px solid var(--oii-raised)}.output-compare-preview img,.output-compare-preview video{width:100%;height:100%;object-fit:contain}.output-compare-pane-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 0;font-size:11px}.output-compare-pane-meta time,.output-compare-pane-meta span{color:var(--oii-text-secondary)}.output-compare-pane-actions{gap:8px}.output-compare-pane-actions button{display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:0 9px;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:4px}.output-compare-summary{gap:18px;min-height:38px;padding:0 14px;color:var(--oii-text-secondary);font-size:11px;border-bottom:1px solid var(--oii-raised)}.output-compare-diff{display:grid;padding:10px 14px 14px;font-size:11px}.output-compare-diff>p{margin:10px 0 0;color:var(--oii-text-secondary)}.output-compare-diff-row{display:grid;grid-template-columns:minmax(120px,.75fr) repeat(2,minmax(0,1fr));gap:10px;min-height:32px;align-items:center;border-bottom:1px solid var(--oii-raised)}.output-compare-diff-row.is-heading{color:var(--oii-muted)}.output-compare-diff-row code{overflow:hidden;color:var(--oii-text);text-overflow:ellipsis;white-space:nowrap}.home-showcase-dialog-backdrop{position:fixed;z-index:var(--oii-layer-popover);inset:0;display:grid;padding:20px;place-items:center;background:var(--oii-modal-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-showcase-dialog{width:min(680px,100%);max-height:calc(100% - 40px);overflow:auto;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:8px;box-shadow:var(--oii-popover-shadow);outline:none}.home-showcase-dialog:focus-visible{border-color:var(--oii-brand)}.home-showcase-dialog__header{display:flex;min-height:74px;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--oii-line-subtle)}.home-showcase-dialog__header small{display:block;margin-bottom:4px;color:var(--oii-brand);font-size:9px;font-weight:800;letter-spacing:0}.home-showcase-dialog__header h2,.home-showcase-dialog__header p{margin:0;letter-spacing:0}.home-showcase-dialog__header h2{font-size:18px;line-height:1.25}.home-showcase-dialog__header p{margin-top:4px;color:var(--oii-text-secondary);font-size:10px}.home-showcase-dialog__header>button{display:grid;width:32px;height:32px;padding:0;place-items:center;color:var(--oii-text-secondary);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer}.home-showcase-dialog__header>button:hover:not(:disabled){color:var(--oii-text);background:var(--oii-line-subtle)}.home-showcase-dialog__body{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);gap:18px;padding:18px 16px}.home-showcase-dialog__preview{position:relative;display:grid;width:100%;aspect-ratio:16 / 9;overflow:hidden;place-items:center;align-self:start;color:var(--oii-muted);background:var(--oii-bg);border:1px solid var(--oii-raised);border-radius:6px}.home-showcase-dialog__preview img{width:100%;height:100%;object-fit:cover}.home-showcase-dialog__preview>div{display:grid;justify-items:center;gap:7px;font-size:10px}.home-showcase-dialog__published{position:absolute;top:8px;right:8px;display:inline-flex;height:24px;align-items:center;gap:5px;padding:0 8px;color:var(--oii-text);font-size:9px;background:var(--oii-canvas-surface);border:1px solid var(--oii-line);border-radius:4px}.home-showcase-dialog__fields{display:grid;grid-template-columns:1fr;gap:6px}.home-showcase-dialog__fields>label:not(.home-showcase-dialog__featured){margin-top:2px;color:var(--oii-text-secondary);font-size:10px}.home-showcase-dialog__fields input:not([type=checkbox]),.home-showcase-dialog__fields textarea{width:100%;min-width:0;padding:0 10px;color:var(--oii-text);font:inherit;font-size:11px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:4px;outline:none}.home-showcase-dialog__fields input:not([type=checkbox]){height:34px}.home-showcase-dialog__fields input[readonly]{color:var(--oii-text-secondary);background:var(--oii-surface)}.home-showcase-dialog__fields textarea{min-height:70px;padding-block:8px;resize:vertical}.home-showcase-dialog__fields input:focus-visible,.home-showcase-dialog__fields textarea:focus-visible{border-color:var(--oii-brand);box-shadow:var(--oii-focus-ring-shadow)}.home-showcase-dialog__featured{display:flex;min-height:34px;align-items:center;gap:8px;margin-top:4px;color:var(--oii-text);font-size:11px;cursor:pointer}.home-showcase-dialog__featured input{width:15px;height:15px;accent-color:var(--oii-brand)}.home-showcase-dialog__featured svg{color:var(--oii-warning)}.home-showcase-dialog__status{min-height:38px;padding:10px 16px;color:var(--oii-text-secondary);font-size:10px;border-top:1px solid var(--oii-line-subtle)}.home-showcase-dialog__status.is-error{color:var(--oii-warning);background:var(--oii-brand-soft)}.home-showcase-dialog__actions{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid var(--oii-line-subtle)}.home-showcase-dialog__actions>div{display:flex;gap:8px}.home-showcase-dialog__actions button{display:inline-flex;min-width:84px;height:34px;align-items:center;justify-content:center;gap:7px;padding:0 12px;color:var(--oii-text);font-size:10px;background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:4px;cursor:pointer}.home-showcase-dialog__actions button.is-primary{color:var(--oii-text);background:var(--oii-brand);border-color:var(--oii-brand)}.home-showcase-dialog__actions button.is-danger{color:var(--oii-warning);background:var(--oii-brand-soft);border-color:var(--oii-brand-soft)}.home-showcase-dialog__actions button:hover:not(:disabled){filter:brightness(1.12)}.home-showcase-dialog__header button:focus-visible,.home-showcase-dialog__actions button:focus-visible,.home-showcase-dialog__featured input:focus-visible{outline:2px solid var(--oii-brand);outline-offset:2px}.home-showcase-dialog button:disabled{cursor:wait;opacity:.42}.home-showcase-dialog .is-spinning{animation:canvas-image-viewer-spin var(--oii-motion-loading) linear infinite}@media(max-width:680px){.home-showcase-dialog-backdrop{padding:8px}.home-showcase-dialog{max-height:calc(100% - 16px)}.home-showcase-dialog__body{grid-template-columns:1fr}.home-showcase-dialog__actions{align-items:stretch;flex-direction:column-reverse}.home-showcase-dialog__actions>div,.home-showcase-dialog__actions button{width:100%}}.image-edit-overlay{position:fixed;inset:0;z-index:var(--oii-layer-popover);display:grid;grid-template-rows:52px minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden;color:var(--oii-text);background:var(--oii-bg)}.image-edit-toolbar{display:flex;min-width:0;align-items:center;gap:6px;padding:7px 12px;overflow-x:auto;overflow-y:hidden;background:var(--oii-surface);border-bottom:1px solid var(--oii-raised);scrollbar-width:none}.image-edit-toolbar::-webkit-scrollbar{display:none}.image-edit-toolbar>button,.image-edit-candidate footer button,.image-edit-output-controls button,.image-edit-quote button{display:inline-flex;min-width:34px;height:34px;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;padding:0 10px;color:var(--oii-text);cursor:pointer;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:5px}.image-edit-toolbar>button:hover:not(:disabled),.image-edit-toolbar>button[aria-pressed=true],.image-edit-output-controls button:hover:not(:disabled),.image-edit-output-controls button.is-active,.image-edit-candidate footer button:hover:not(:disabled),.image-edit-quote button:hover:not(:disabled){color:var(--oii-text);background:var(--oii-raised);border-color:var(--oii-muted)}.image-edit-toolbar>button[aria-pressed=true]{color:var(--oii-surface);background:var(--oii-text);border-color:var(--oii-text)}.image-edit-toolbar svg,.image-edit-output-controls svg,.image-edit-candidate footer svg,.image-edit-quote svg{width:16px;height:16px;flex:0 0 auto}.image-edit-brush-size{display:flex;width:142px;height:34px;flex:0 0 auto;align-items:center;gap:8px;padding:0 10px;color:var(--oii-text-secondary);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:5px}.image-edit-brush-size input{min-width:0;accent-color:var(--oii-brand)}.image-edit-save-state{margin-left:auto;padding:0 8px;color:var(--oii-muted);font-size:12px;white-space:nowrap}.image-edit-save-state.is-saving{color:var(--oii-warning)}.image-edit-save-state.is-error,.image-edit-error{color:var(--oii-brand)}.image-edit-state{display:flex;grid-row:2 / 4;align-items:center;justify-content:center;gap:9px;color:var(--oii-text-secondary);font-size:14px}.image-edit-state button{height:32px;padding:0 12px;color:var(--oii-text);cursor:pointer;background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:5px}.image-edit-stage{position:relative;display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;background-color:var(--oii-surface);background-image:radial-gradient(circle,var(--oii-canvas-surface-soft) 1px,transparent 1px);background-size:18px 18px}.xcanvas-image-edit-canvas{max-width:100%;max-height:100%;overflow:hidden;background:var(--oii-bg);border:1px solid var(--oii-raised);box-shadow:var(--oii-popover-shadow)}.xcanvas-image-edit-canvas__interaction{cursor:crosshair}.image-edit-dock{display:grid;grid-template-columns:auto minmax(240px,1fr) auto;align-items:end;gap:10px;padding:10px 12px 12px;background:var(--oii-surface);border-top:1px solid var(--oii-raised)}.image-edit-segments,.image-edit-output-controls{display:flex;min-width:0;align-items:center;gap:5px}.image-edit-segments{align-self:stretch;padding:4px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:5px}.image-edit-segments button{min-width:48px;height:34px;padding:0 10px;color:var(--oii-text-secondary);white-space:nowrap;cursor:pointer;border-radius:4px}.image-edit-segments button:hover,.image-edit-segments button.is-active{color:var(--oii-text);background:var(--oii-raised)}.image-edit-dock .generation-prompt-editor{min-width:0;min-height:44px;max-height:116px;overflow-y:auto;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:5px}.image-edit-dock .generation-prompt-editor .xcanvas-asset-mention-editor__content{min-height:42px;max-height:96px}.image-edit-output-controls{justify-content:flex-end;flex-wrap:wrap}.image-edit-output-controls select{height:34px;padding:0 28px 0 10px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:5px}.image-edit-output-controls .image-edit-submit,.image-edit-quote button:last-child,.image-edit-candidate footer button:nth-child(2){color:var(--oii-surface);background:var(--oii-text);border-color:var(--oii-text)}.image-edit-quote{display:flex;grid-column:1 / -1;align-items:center;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--oii-raised)}.image-edit-quote span{margin-right:4px;color:var(--oii-warning);font-size:13px}.image-edit-error{grid-column:1 / -1;margin:0;font-size:12px;text-align:right}.image-edit-candidate{position:absolute;z-index:calc(var(--oii-layer-canvas) + 4);top:68px;right:16px;display:grid;width:min(420px,calc(100% - 32px));max-height:calc(100% - 188px);grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:6px;box-shadow:var(--oii-popover-shadow)}.xcanvas-candidate-comparison{min-height:260px;overflow:hidden;background:var(--oii-bg)}.xcanvas-candidate-comparison,.xcanvas-candidate-comparison>div,.xcanvas-candidate-comparison__source,.xcanvas-candidate-comparison__candidate{width:100%;height:100%}.xcanvas-candidate-comparison img{display:block;width:100%;height:100%;object-fit:contain}.image-edit-candidate footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:10px;background:var(--oii-surface);border-top:1px solid var(--oii-raised)}.image-edit-candidate footer button{min-width:auto;white-space:nowrap}.image-edit-overlay .is-spinning{animation:image-edit-spin var(--oii-motion-loading) linear infinite}@keyframes image-edit-spin{to{transform:rotate(360deg)}}@media(max-width:980px){.image-edit-dock{grid-template-columns:1fr auto}.image-edit-segments{grid-column:1 / -1}}@media(max-width:700px){.image-edit-overlay{grid-template-rows:48px minmax(260px,1fr) auto}.image-edit-toolbar{padding:6px 8px}.image-edit-brush-size{width:112px}.image-edit-dock{display:flex;max-height:44vh;align-items:stretch;flex-direction:column;overflow-y:auto;padding:8px}.image-edit-segments,.image-edit-output-controls{overflow-x:auto}.image-edit-segments button,.image-edit-output-controls>*{flex:0 0 auto}.image-edit-quote{position:sticky;bottom:0;background:var(--oii-surface)}.image-edit-candidate{top:auto;right:8px;bottom:8px;width:calc(100% - 16px);max-height:min(70vh,560px)}.xcanvas-candidate-comparison{min-height:220px}.image-edit-candidate footer{overflow-x:auto;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.image-edit-overlay .is-spinning{animation-duration:var(--oii-motion-ambient)}}.bottom-left-tools,.zoom-controls,.creation-dock-wrap{position:absolute;z-index:var(--oii-layer-toolbar)}.bottom-left-tools,.zoom-controls{bottom:18px;display:flex;height:34px;align-items:center;padding:3px;border-radius:9px}.bottom-left-tools{left:18px;gap:2px}.bottom-left-tools button,.zoom-controls button{display:inline-flex;height:28px;align-items:center;justify-content:center;gap:6px;padding:0 7px;color:var(--oii-text-secondary);font-size:11px;border-radius:6px;cursor:pointer}.bottom-left-tools button:not(:first-child){width:28px;padding:0}.bottom-left-tools button:hover,.bottom-left-tools button.is-active,.zoom-controls button:hover{color:var(--oii-text);background:var(--oii-raised)}.creation-dock-wrap{bottom:14px;left:50%;transform:translate(-50%)}.bottom-dock{position:relative;display:flex;height:48px;align-items:center;gap:2px;padding:5px;border-radius:12px}.bottom-dock button{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;color:var(--oii-text-secondary);border-radius:8px;cursor:pointer}.bottom-dock button:hover,.bottom-dock button.is-active{color:var(--oii-text);background:var(--oii-popover-strong)}.bottom-dock button.dock-primary{color:var(--oii-surface);background:var(--oii-text)}.bottom-dock button.dock-primary.is-active{color:var(--oii-surface);background:var(--oii-warning)}.creation-popover{position:absolute;bottom:58px;left:50%;display:grid;width:170px;padding:5px;gap:2px;border-radius:10px;transform:translate(-50%)}.creation-popover button{display:flex;height:34px;align-items:center;gap:9px;padding:0 9px;color:var(--oii-text-secondary);font-size:11px;border-radius:7px;cursor:grab}.creation-popover button:hover{color:var(--oii-text);background:var(--oii-raised)}.canvas-right-toolbar .creation-popover{inset:0 52px auto auto;max-height:min(430px,calc(100cqh - 32px));overflow-y:auto;transform:none}.canvas-right-toolbar .creation-popover button{display:flex;width:100%;padding:0 10px;align-items:center;gap:9px;justify-content:flex-start}.zoom-controls{right:18px;gap:1px}.zoom-controls button{width:28px;padding:0}.zoom-controls .zoom-value{width:44px;color:var(--oii-text);font-variant-numeric:tabular-nums}.canvas-nav{position:absolute;top:18px;left:50%;z-index:var(--oii-layer-toolbar);display:flex;height:46px;align-items:center;gap:3px;padding:5px;pointer-events:auto;color:var(--oii-canvas-muted);background:var(--oii-canvas-surface);border:1px solid var(--oii-canvas-line);border-radius:999px;box-shadow:var(--oii-canvas-shadow);transform:translate(-50%);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.canvas-nav button{display:inline-flex;height:34px;align-items:center;gap:7px;padding:0 14px;color:var(--oii-canvas-muted);font-size:12px;font-weight:900;border-radius:999px;cursor:pointer}.canvas-nav button:hover,.canvas-nav button.is-active{color:var(--oii-text);background:var(--oii-line-subtle)}.canvas-nav button.is-active{background:linear-gradient(135deg,var(--oii-canvas-brand),var(--oii-brand));box-shadow:var(--oii-popover-shadow)}.canvas-right-toolbar{position:absolute;top:50%;right:20px;z-index:var(--oii-layer-toolbar);display:grid;width:44px;padding:5px;gap:3px;pointer-events:auto;background:var(--oii-canvas-surface);border:1px solid var(--oii-canvas-line);border-radius:22px;box-shadow:var(--oii-canvas-shadow);transform:translateY(-50%);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.canvas-right-toolbar button{display:grid;width:32px;height:32px;place-items:center;color:var(--oii-canvas-muted);border-radius:999px;cursor:pointer}.canvas-right-toolbar button:hover,.canvas-right-toolbar button.is-active{color:var(--oii-text);background:var(--oii-line-subtle)}.canvas-right-toolbar button.is-primary{color:var(--oii-text);background:linear-gradient(135deg,var(--oii-canvas-brand),var(--oii-brand));box-shadow:var(--oii-popover-shadow)}.canvas-right-toolbar button.is-primary:hover,.canvas-right-toolbar button.is-primary.is-active{background:linear-gradient(135deg,var(--oii-canvas-brand-hover),var(--oii-brand))}.canvas-toolbar-separator{display:block;height:1px;margin:2px 4px;background:var(--oii-canvas-line)}.interaction-editor:has(.agent-panel) .canvas-right-toolbar{display:none}.asset-drawer,.utility-drawer{position:absolute;top:72px;bottom:66px;left:16px;z-index:var(--oii-layer-toolbar);width:372px;overflow:hidden;border-radius:11px}.utility-drawer{width:326px}.asset-drawer{display:flex;flex-direction:column}.drawer-header,.agent-header{display:flex;min-height:52px;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--oii-raised)}.drawer-header>div{display:grid;gap:3px}.drawer-header strong{color:var(--oii-text);font-size:12px;font-weight:700}.drawer-header span{color:var(--oii-muted);font-size:9px}.drawer-header>button,.agent-header>button:not(.agent-model){display:grid;width:30px;height:30px;place-items:center;color:var(--oii-text-secondary);border-radius:7px;cursor:pointer}.drawer-header>button:hover,.agent-header>button:hover{color:var(--oii-text);background:var(--oii-raised)}.asset-tabs,.agent-tabs{display:flex;height:42px;align-items:center;padding:5px 11px;gap:3px;border-bottom:1px solid var(--oii-raised)}.asset-tabs button,.agent-tabs button{display:inline-flex;height:28px;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:var(--oii-muted);font-size:10px;border-radius:7px;cursor:pointer}.asset-tabs button:hover,.asset-tabs button.is-active,.agent-tabs button:hover,.agent-tabs button.is-active{color:var(--oii-text);background:var(--oii-raised)}.asset-search-row{display:flex;height:46px;align-items:center;padding:7px 10px;gap:6px}.asset-search-row label{display:flex;min-width:0;height:32px;flex:1;align-items:center;gap:7px;padding:0 9px;color:var(--oii-muted);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px}.asset-search-row input{min-width:0;flex:1;color:var(--oii-text);font-size:10px;background:transparent;border:0;outline:0}.asset-import{display:inline-flex;height:32px;align-items:center;gap:5px;padding:0 9px;color:var(--oii-text);font-size:10px;background:var(--oii-raised);border-radius:7px;cursor:pointer}.asset-grid{display:grid;min-height:0;max-height:none;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;padding:3px 10px 14px;gap:8px;overflow-y:auto}.asset-load-more{min-height:30px;grid-column:1 / -1;color:var(--oii-text-secondary);font-size:9px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:6px;cursor:pointer}.asset-load-more:hover:not(:disabled){color:var(--oii-text);border-color:var(--oii-muted)}.asset-load-more:disabled{cursor:wait;opacity:.6}.asset-import-queue{display:grid;max-height:152px;padding:4px 10px 8px;gap:6px;overflow-y:auto;border-bottom:1px solid var(--oii-raised)}.asset-import-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:7px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:6px}.asset-import-queue-item>div:first-child{display:grid;min-width:0;gap:2px}.asset-import-queue-item strong,.asset-import-queue-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-import-queue-item strong{color:var(--oii-text);font-size:10px}.asset-import-queue-item span{color:var(--oii-muted);font-size:9px}.asset-import-queue-item progress{width:100%;height:5px;accent-color:var(--oii-success)}.asset-import-queue-item p{grid-column:1 / -1;margin:0;color:var(--oii-warning);font-size:9px}.asset-import-queue-actions{display:flex;grid-column:2;grid-row:1 / span 2;gap:3px;align-items:center}.asset-import-queue-actions button,.asset-import-reselect{display:grid;width:26px;height:26px;padding:0;place-items:center;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:5px;cursor:pointer}.asset-import-reselect input{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.asset-audio-preview{display:grid;width:100%;height:100%;place-items:center;color:var(--oii-warning)}.asset-detail-audio{display:grid;gap:10px;padding:18px;place-items:center;color:var(--oii-warning)}.asset-detail-audio audio{width:100%}.asset-grid::-webkit-scrollbar,.command-history-list::-webkit-scrollbar,.agent-conversation::-webkit-scrollbar,.node-inspector-form::-webkit-scrollbar{width:6px}.asset-grid::-webkit-scrollbar-thumb,.command-history-list::-webkit-scrollbar-thumb,.agent-conversation::-webkit-scrollbar-thumb,.node-inspector-form::-webkit-scrollbar-thumb{background:var(--oii-raised);border-radius:6px}.asset-tile{position:relative;min-width:0;padding:4px;background:var(--oii-surface);border:1px solid transparent;border-radius:7px}.asset-tile:hover,.asset-tile.is-selected{border-color:var(--oii-muted)}.asset-tile.is-selected{border-color:var(--oii-warning)}.asset-preview{display:block;width:100%;aspect-ratio:1 / .72;overflow:hidden;background:var(--oii-surface);border-radius:4px;cursor:pointer}.asset-preview img,.asset-video-preview,.asset-video-preview video{display:block;width:100%;height:100%;object-fit:cover}.asset-video-preview{position:relative}.asset-preview-placeholder{display:grid;width:100%;height:100%;place-content:center;place-items:center;gap:6px;color:var(--oii-muted);background:var(--oii-surface)}.asset-preview-placeholder span{font-size:8px}.asset-video-preview>svg{position:absolute;top:50%;left:50%;padding:5px;box-sizing:content-box;color:var(--oii-text);background:var(--oii-modal-scrim);border-radius:50%;transform:translate(-50%,-50%)}.asset-tile>div{display:grid;min-width:0;padding:6px 1px 2px;gap:2px}.asset-tile strong,.asset-tile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-tile strong{color:var(--oii-text);font-size:9px;font-weight:600}.asset-tile span{color:var(--oii-muted);font-size:8px}.asset-add{position:absolute;right:7px;bottom:6px;display:grid;width:22px;height:22px;place-items:center;color:var(--oii-text);background:var(--oii-raised);border-radius:6px;cursor:pointer}.asset-detail{position:absolute;inset:52px 0 0;z-index:calc(var(--oii-layer-canvas) + 3);padding:12px;background:var(--oii-surface)}.asset-detail>img,.asset-detail>video{display:block;width:100%;max-height:48%;object-fit:contain;background:var(--oii-surface);border-radius:7px}.asset-detail-close{position:absolute;top:18px;right:18px;z-index:calc(var(--oii-layer-canvas) + 1);display:grid;width:28px;height:28px;place-items:center;color:var(--oii-text);background:var(--oii-modal-scrim);border-radius:7px;cursor:pointer}.asset-detail-copy{display:flex;align-items:center;padding:14px 2px;gap:9px}.asset-detail-copy>span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;color:var(--oii-text-secondary);background:var(--oii-raised);border-radius:7px}.asset-detail-copy div{display:grid;min-width:0;gap:3px}.asset-detail-copy strong{overflow:hidden;color:var(--oii-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.asset-detail-copy small{color:var(--oii-muted);font-size:9px}.asset-detail-actions{display:flex;justify-content:flex-end;gap:7px}.asset-detail-actions button,.history-actions button,.inspector-apply{display:inline-flex;height:32px;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:var(--oii-text);font-size:10px;background:var(--oii-raised);border-radius:7px;cursor:pointer}.asset-detail-actions button.primary,.inspector-apply{color:var(--oii-surface);background:var(--oii-text)}.asset-detail-actions button.danger{color:var(--oii-brand)}.history-actions{display:flex;padding:10px;gap:6px;border-bottom:1px solid var(--oii-raised)}.history-actions button{flex:1}.command-history-list{max-height:calc(100% - 105px);padding:7px 9px 15px;overflow-y:auto}.command-history-list article{display:grid;min-height:52px;grid-template-columns:28px 1fr auto;align-items:center;padding:6px;gap:6px;border-radius:7px}.command-history-list article:hover{background:var(--oii-raised)}.command-history-list article>span{display:grid;width:27px;height:27px;place-items:center;color:var(--oii-text-secondary);background:var(--oii-raised);border-radius:7px}.command-history-list article>div{display:grid;min-width:0;gap:3px}.command-history-list strong{overflow:hidden;color:var(--oii-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.command-history-list small{color:var(--oii-muted);font-size:8px}.command-history-list b{padding:3px 5px;color:var(--oii-success);font-size:8px;background:var(--oii-raised);border-radius:4px}.drawer-empty{display:grid;min-height:150px;place-items:center;padding:20px;color:var(--oii-muted);font-size:10px;text-align:center}.shortcut-list{display:grid;padding:10px;gap:2px}.shortcut-list>div{display:flex;min-height:38px;align-items:center;justify-content:space-between;padding:0 8px;border-radius:7px}.shortcut-list>div:hover{background:var(--oii-raised)}.shortcut-list kbd,.canvas-context-menu kbd{color:var(--oii-muted);font-family:inherit;font-size:8px}.shortcut-list span{color:var(--oii-text-secondary);font-size:10px}.help-copy{display:grid;padding:28px 22px;gap:10px}.help-copy>svg{color:var(--oii-warning)}.help-copy strong{margin-top:3px;color:var(--oii-text);font-size:11px}.help-copy p{margin:0 0 14px;color:var(--oii-muted);font-size:10px;line-height:1.8}.asset-add:disabled,.asset-detail-actions button:disabled{cursor:not-allowed;opacity:.42}.project-switcher,.mode-switcher,.account-chrome__module,.bottom-left-tools,.bottom-dock,.creation-popover,.zoom-controls,.asset-drawer,.utility-drawer,.agent-panel,.canvas-context-menu,.editor-notice,.recovery-notice{border-color:var(--oii-canvas-line);background:var(--oii-canvas-surface)!important;box-shadow:var(--oii-canvas-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.project-switcher:before,.mode-switcher:before,.bottom-left-tools:before,.bottom-dock:before,.zoom-controls:before{position:absolute;inset:1px;z-index:calc(var(--oii-layer-canvas) - 1);content:"";border-radius:inherit;background:var(--oii-bg)}.project-switcher,.mode-switcher,.account-chrome__module,.bottom-left-tools,.bottom-dock,.zoom-controls{border-radius:999px}.project-switcher,.mode-switcher,.account-chrome{top:18px;height:46px}.project-switcher,.mode-switcher,.account-chrome__module{padding:5px}.brand-mark{width:34px;height:34px;border-radius:50%;color:var(--oii-text);background:linear-gradient(135deg,var(--oii-canvas-brand),var(--oii-brand));box-shadow:var(--oii-popover-shadow)}.project-switcher__name{height:34px;color:var(--oii-canvas-text);font-weight:900}.save-dot,.bottom-left-tools button,.zoom-controls button,.bottom-dock button,.creation-popover button,.asset-tabs button,.agent-tabs button,.drawer-header>button,.agent-header>button:not(.agent-model),.account-chrome__module>button{color:var(--oii-canvas-muted);border-radius:999px}.mode-switcher button{height:34px;color:var(--oii-canvas-muted);border-radius:999px;font-weight:900}.mode-switcher button:hover,.mode-switcher button.is-active,.bottom-left-tools button:hover,.bottom-left-tools button.is-active,.zoom-controls button:hover,.bottom-dock button:hover,.bottom-dock button.is-active,.creation-popover button:hover,.asset-tabs button:hover,.asset-tabs button.is-active,.agent-tabs button:hover,.agent-tabs button.is-active,.drawer-header>button:hover,.agent-header>button:hover,.account-chrome__module>button:hover,.project-switcher button:hover{color:var(--oii-text);background:var(--oii-line-subtle)}.mode-switcher button.is-active,.bottom-dock button.dock-primary,.bottom-dock button.dock-primary.is-active,.account-chrome .agent-toggle.is-active{color:var(--oii-text);background:linear-gradient(135deg,var(--oii-canvas-brand),var(--oii-brand));box-shadow:var(--oii-popover-shadow)}.bottom-left-tools,.zoom-controls{height:38px}.bottom-left-tools button,.zoom-controls button{height:30px}.bottom-dock{height:52px;gap:3px}.bottom-dock button{width:40px;height:40px}.creation-popover,.asset-drawer,.utility-drawer,.agent-panel,.canvas-context-menu{border-radius:var(--oii-canvas-radius-lg)}.asset-drawer,.utility-drawer{top:78px;bottom:72px}.drawer-header,.agent-header,.asset-tabs,.agent-tabs{border-color:var(--oii-canvas-line)}.drawer-header strong{color:var(--oii-canvas-text);font-size:13px;font-weight:900}.drawer-header span,.agent-header span,.help-copy>svg{color:var(--oii-canvas-brand)}.asset-search-row label,.asset-tile,.asset-detail,.shortcut-list>div:hover,.command-history-list article:hover{border-color:var(--oii-canvas-line);background:var(--oii-line-subtle)}.asset-tile:hover,.asset-tile.is-selected{border-color:var(--oii-canvas-brand);box-shadow:var(--oii-popover-shadow)}.asset-add,.asset-detail-actions button.primary,.inspector-apply{color:var(--oii-text);background:var(--oii-canvas-brand)}.project-switcher__name,.save-dot,.mode-switcher button,.account-chrome__module>button,.bottom-left-tools button,.zoom-controls button,.bottom-dock button,.creation-popover button{background:transparent}.account-chrome{background:transparent!important;box-shadow:none!important}.account-chrome .agent-toggle,.account-chrome .membership-chip,.account-chrome__module .sl-defaults-control .sl-trigger,.account-chrome__module .sl-defaults-control__size{background:transparent!important}.bottom-left-tools button.is-active:not(:hover),.bottom-dock button.is-active:not(.dock-primary),.zoom-controls .zoom-value{background:var(--oii-line-subtle)}.agent-panel{position:absolute;top:0;right:0;bottom:0;z-index:var(--oii-layer-toolbar);display:grid;width:var(--canvas-agent-panel-width, 440px);min-width:360px;max-width:560px;grid-template-rows:52px 43px minmax(0,1fr) auto;overflow:hidden;border-width:0 0 0 1px;border-radius:0}.agent-panel-resizer{position:absolute;top:0;bottom:0;left:-4px;z-index:calc(var(--oii-layer-canvas) + 4);width:8px;cursor:ew-resize;touch-action:none}.agent-panel-resizer:after{position:absolute;top:10px;bottom:10px;left:3px;width:2px;content:"";background:transparent;border-radius:2px}.agent-panel-resizer:hover:after,.agent-panel-resizer:focus-visible:after{background:var(--oii-brand)}.agent-header{justify-content:flex-end;gap:3px}.agent-header .agent-model{display:inline-flex;height:32px;align-items:center;gap:5px;margin-right:auto;padding:0 8px;color:var(--oii-text);font-size:11px;font-weight:650;border-radius:7px;cursor:pointer}.agent-online{width:6px;height:6px;margin-right:5px;background:var(--oii-success);border-radius:50%;box-shadow:var(--oii-focus-ring-shadow)}.agent-tabs{height:43px}.agent-conversation,.node-inspector-form{position:relative;min-height:0;overflow-y:auto}.agent-message{display:flex;padding:14px;gap:8px;color:var(--oii-text-secondary);font-size:11px;line-height:1.75}.agent-message>span{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;color:var(--oii-surface);background:var(--oii-text);border-radius:7px}.agent-message p{margin:2px 0 0}.agent-message--user{justify-content:flex-end}.agent-message--user p{max-width:82%;padding:8px 10px;color:var(--oii-text);background:var(--oii-raised);border-radius:8px 8px 2px}.canvas-agent-history{position:absolute;top:42px;right:8px;z-index:var(--oii-layer-toolbar);width:min(320px,calc(100% - 16px));max-height:min(430px,calc(100% - 58px));overflow:hidden;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:8px;box-shadow:var(--oii-popover-shadow);pointer-events:auto}.canvas-agent-history>header{display:flex;height:40px;align-items:center;justify-content:space-between;padding:0 8px 0 12px;border-bottom:1px solid var(--oii-raised)}.canvas-agent-history>header span{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:650}.canvas-agent-history>header button,.canvas-agent-history__delete,.canvas-agent-history__confirm button{display:grid;width:28px;height:28px;place-items:center;color:var(--oii-text-secondary);border-radius:6px;cursor:pointer}.canvas-agent-history>header button:hover,.canvas-agent-history__delete:hover,.canvas-agent-history__confirm button:hover{color:var(--oii-text);background:var(--oii-raised)}.canvas-agent-history__list{max-height:384px;overflow-y:auto;padding:4px 8px 8px;scrollbar-color:var(--oii-raised) transparent;scrollbar-width:thin}.canvas-agent-history__list>p{margin:28px 8px;color:var(--oii-muted);font-size:11px;text-align:center}.canvas-agent-history article{display:flex;min-height:58px;align-items:center;border-bottom:1px solid var(--oii-raised)}.canvas-agent-history article.is-current{box-shadow:inset 2px 0 var(--oii-brand)}.canvas-agent-history__open{display:grid;min-width:0;flex:1;gap:5px;padding:10px;color:var(--oii-text);text-align:left;cursor:pointer}.canvas-agent-history__open strong{overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-history__open span{display:flex;justify-content:space-between;color:var(--oii-muted);font-size:9px}.canvas-agent-history__confirm{display:flex;gap:1px}.agent-quick-actions{display:grid;margin:4px 14px 16px 48px;gap:6px}.agent-quick-actions small,.canvas-agent-suggestions small{color:var(--oii-text-secondary);font-size:10px;line-height:1.5}.agent-quick-actions button{min-height:32px;padding:6px 10px;color:var(--oii-text-secondary);font-size:10px;text-align:left;background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:7px;cursor:pointer}.agent-quick-actions button:hover{color:var(--oii-text);background:var(--oii-raised)}.agent-delivery-plan{display:grid;margin:6px 14px 16px;padding:12px;gap:10px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:8px}.agent-delivery-plan>strong{font-size:11px}.agent-delivery-plan ol,.agent-operation-review ul{display:grid;margin:0;padding:0;gap:8px;list-style:none}.agent-delivery-plan li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;opacity:.58}.agent-delivery-plan li.is-current{opacity:1}.agent-delivery-plan li>span{display:grid;width:20px;height:20px;place-items:center;color:var(--oii-text);font-size:9px;background:var(--oii-raised);border-radius:50%}.agent-delivery-plan li.is-current>span{background:var(--oii-brand)}.agent-delivery-plan li>div,.agent-delivery-actions{display:grid;gap:4px}.agent-delivery-plan b,.agent-delivery-plan small,.agent-operation-review small,.agent-operation-review li{font-size:10px;line-height:1.5}.agent-delivery-plan small,.agent-operation-review small,.agent-operation-review li{color:var(--oii-text-secondary)}.agent-delivery-actions button{min-height:28px;padding:5px 8px;color:var(--oii-text-secondary);font-size:10px;text-align:left;background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:6px;cursor:pointer}.agent-operation-review ul{gap:5px}.agent-operation-review li:before{margin-right:6px;color:var(--oii-brand);content:"·"}.agent-plan-actions{display:grid;margin:6px 14px 18px;padding:12px 0 0;gap:10px;border-top:1px solid var(--oii-raised)}.agent-plan-actions>span{color:var(--oii-text-secondary);font-size:10px}.agent-plan-actions>div{display:flex;gap:6px}.agent-plan-actions button{height:30px;padding:0 10px;color:var(--oii-text-secondary);font-size:10px;background:var(--oii-raised);border-radius:7px;cursor:pointer}.agent-plan-actions button.primary{color:var(--oii-text);background:var(--oii-brand)}.agent-plan-actions button:disabled{cursor:default;opacity:.45}.agent-canvas-run>small{color:var(--oii-text-secondary);font-size:10px}.agent-canvas-run ul{display:grid;max-height:142px;margin:0;padding:0;overflow-y:auto;gap:5px;list-style:none}.agent-canvas-run li{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:27px;align-items:center;padding:0 8px;color:var(--oii-text-secondary);font-size:9px;background:var(--oii-surface);border-radius:6px}.agent-canvas-run li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-canvas-run li b{color:var(--oii-text);font-size:9px;font-weight:600}.node-inspector-form{display:grid;align-content:start;padding:14px;gap:11px}.node-inspector-form>small{overflow:hidden;color:var(--oii-muted);font-size:8px;text-overflow:ellipsis}.node-inspector-form label{display:grid;gap:6px;color:var(--oii-text-secondary);font-size:9px}.node-inspector-form input,.node-inspector-form textarea,.node-inspector-form select{width:100%;padding:8px 9px;resize:vertical;color:var(--oii-text);font-size:10px;line-height:1.55;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px;outline:0}.inspector-inline{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-apply{margin-top:3px}.agent-composer{position:relative;max-height:min(42cqh,360px);margin:0 13px 13px;min-height:148px;overflow-y:auto;padding:12px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:11px}.agent-composer:has(.canvas-agent-skill-menu){z-index:calc(var(--oii-layer-canvas) + 5);overflow:visible}.agent-composer textarea{width:100%;min-height:52px;padding:0;resize:none;color:var(--oii-text);font-size:10px;line-height:1.6;background:transparent;border:0;outline:0}.agent-composer textarea::placeholder{color:var(--oii-muted)}.agent-composer>div{display:flex;justify-content:flex-start;gap:3px}.agent-composer button{display:grid;width:28px;height:28px;place-items:center;color:var(--oii-text-secondary);border-radius:7px;cursor:pointer}.agent-composer button:hover{color:var(--oii-text);background:var(--oii-raised)}.agent-composer .agent-submit{margin-left:auto;color:var(--oii-surface);background:var(--oii-text)}.canvas-agent-workspace{position:absolute;z-index:var(--oii-layer-toolbar);color:var(--oii-text);pointer-events:none}.canvas-agent-workspace--idle{bottom:66px;left:18px;width:306px;height:118px;animation:canvas-agent-composer-in var(--oii-motion-normal) cubic-bezier(.2,.8,.2,1) both}.canvas-agent-workspace--planning,.canvas-agent-workspace--open{top:88px;bottom:18px;left:18px;width:410px;min-height:430px;overflow:hidden;background:var(--oii-canvas-surface);border:1px solid var(--oii-line-subtle);border-radius:22px;box-shadow:var(--oii-popover-shadow);animation:canvas-agent-panel-in var(--oii-motion-normal) cubic-bezier(.2,.8,.2,1) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.canvas-agent-dock{position:absolute;z-index:var(--oii-layer-toolbar);inset:0;overflow:visible;pointer-events:none}.canvas-agent-dock__launcher{position:absolute;display:grid;width:48px;height:48px;place-items:center;padding:0;color:var(--oii-text);background:var(--oii-brand);border:1px solid var(--oii-line);border-radius:50%;box-shadow:var(--oii-focus-ring-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;animation:canvas-agent-dock-in var(--oii-motion-normal) cubic-bezier(.2,.8,.2,1) both}.canvas-agent-dock__launcher:hover{background:var(--oii-canvas-brand-hover, var(--oii-brand-hover));border-color:var(--oii-muted);box-shadow:var(--oii-focus-ring-shadow)}.canvas-agent-dock__launcher.is-dragging{cursor:grabbing}.canvas-agent-dock__launcher.is-busy:before{position:absolute;border:1px solid var(--oii-brand);border-radius:inherit;content:"";inset:-6px;animation:canvas-agent-dock-breathe var(--oii-motion-pulse) ease-out infinite}.canvas-agent-dock__badge{position:absolute;top:-5px;right:-5px;display:grid;min-width:18px;height:18px;place-items:center;padding:0 4px;color:var(--oii-text);background:var(--oii-brand);border:2px solid var(--oii-bg);border-radius:999px;font-size:9px;font-weight:800;line-height:1;box-shadow:var(--oii-popover-shadow)}.canvas-agent-dock__workspace{position:absolute;opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--oii-motion-fast) ease}.canvas-agent-dock.is-collapsed .canvas-agent-dock__workspace{opacity:0;visibility:hidden;pointer-events:none}.canvas-agent-dock__workspace>.canvas-agent-workspace{position:relative;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important}.canvas-agent-dock__launcher:focus-visible,.canvas-agent-composer-minimize:focus-visible,.canvas-agent-header__actions button:focus-visible,.canvas-agent-plan-confirmation button:focus-visible{outline:2px solid var(--oii-canvas-brand, var(--oii-brand));outline-offset:2px}.canvas-agent-header{position:absolute;inset:0 0 auto;display:flex;height:46px;align-items:center;justify-content:space-between;padding:7px 10px 7px 12px;border-bottom:1px solid var(--oii-line-subtle);pointer-events:auto}.canvas-agent-model,.canvas-agent-header__actions,.canvas-agent-header__actions button{display:inline-flex;align-items:center}.canvas-agent-model{height:32px;gap:7px;padding:0 8px 0 4px;color:var(--oii-text);font-size:13px;font-weight:650;border-radius:10px;cursor:pointer}.canvas-agent-model:hover,.canvas-agent-header__actions button:hover{background:var(--oii-line-subtle)}.canvas-agent-model__mark{display:grid;width:24px;height:24px;place-items:center;color:var(--oii-text);background:var(--oii-canvas-brand, var(--oii-brand));border-radius:8px;box-shadow:var(--oii-popover-shadow)}.canvas-agent-header__actions{gap:2px}.canvas-agent-header__actions button{width:30px;height:30px;justify-content:center;color:var(--oii-text-secondary);border-radius:9px;cursor:pointer}.canvas-agent-conversation{position:absolute;inset:46px 0 150px;overflow-x:hidden;overflow-y:auto;padding:14px 18px 24px;pointer-events:auto;scrollbar-color:var(--oii-raised) transparent;scrollbar-width:thin}.canvas-agent-disclaimer{margin:0 0 18px;color:var(--oii-muted);font-size:11px;line-height:1.55}.canvas-agent-user-message{width:fit-content;max-width:78%;min-width:40px;min-height:40px;margin:0 0 52px auto;padding:10px 13px;overflow-wrap:anywhere;color:var(--oii-text);font-size:14px;line-height:20px;background:var(--oii-canvas-brand, var(--oii-brand));border-radius:19px 19px 4px}.canvas-agent-response{color:var(--oii-text-secondary);font-size:14px;line-height:1.8}.canvas-agent-persona{display:inline-flex;height:30px;align-items:center;gap:8px;padding:0 10px 0 4px;color:var(--oii-danger);background:var(--oii-brand-soft);border-radius:9px}.canvas-agent-persona span{display:grid;width:24px;height:24px;place-items:center;color:var(--oii-text);background:var(--oii-canvas-brand, var(--oii-brand));border-radius:8px;box-shadow:var(--oii-popover-shadow)}.canvas-agent-persona strong{font-size:13px}.canvas-agent-response h2{margin:13px 0 8px;color:var(--oii-text);font-size:17px;font-weight:600}.canvas-agent-response ul{margin:0;padding-left:20px}.canvas-agent-response li{margin:7px 0;padding-left:3px}.canvas-agent-thinking{display:flex;height:28px;align-items:center;gap:4px}.canvas-agent-thinking span{width:4px;height:4px;background:var(--oii-muted);border-radius:50%;animation:canvas-agent-thinking var(--oii-motion-long) ease-in-out infinite}.canvas-agent-thinking span:nth-child(2){animation-delay:var(--oii-motion-fast)}.canvas-agent-thinking span:nth-child(3){animation-delay:var(--oii-motion-normal)}.canvas-agent-suggestions{display:grid;margin-top:18px;gap:7px}.canvas-agent-suggestions button{min-height:36px;padding:7px 11px;color:var(--oii-text-secondary);font-size:12px;text-align:left;background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:9px;cursor:pointer}.canvas-agent-suggestions button:hover{color:var(--oii-text);background:var(--oii-line-subtle)}.agent-composer .canvas-agent-attachments{position:static;margin-bottom:8px}.canvas-agent-save-warning{display:flex;align-items:center;justify-content:space-between;color:var(--oii-warning);font-size:9px}.canvas-agent-save-warning button{width:auto;height:22px;padding:0 7px;color:var(--oii-text);background:var(--oii-raised)}.canvas-agent-config{position:relative;z-index:calc(var(--oii-layer-canvas) + 6);display:flex;height:28px;align-items:center;gap:7px;pointer-events:auto}.canvas-agent-mode{display:inline-flex;height:26px;padding:2px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px}.canvas-agent-mode button{width:auto;min-width:43px;height:20px;padding:0 8px;color:var(--oii-muted);font-size:9px;font-weight:700;letter-spacing:0;border-radius:5px;cursor:pointer}.canvas-agent-mode button.is-active{color:var(--oii-text);background:var(--oii-raised)}.canvas-agent-skill-picker{position:relative;min-width:0}.canvas-agent-skill-picker>button{display:inline-flex;width:auto;max-width:210px;height:26px;align-items:center;gap:5px;padding:0 8px;color:var(--oii-text-secondary);font-size:10px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px;cursor:pointer}.canvas-agent-skill-picker>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-skill-picker>button small{color:var(--oii-muted);font-size:8px}.canvas-agent-skill-menu{position:absolute;bottom:32px;left:0;z-index:calc(var(--oii-layer-canvas) + 20);display:grid;width:250px;max-height:280px;padding:5px;overflow-y:auto;gap:2px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:8px;box-shadow:var(--oii-popover-shadow)}.canvas-agent-skill-menu button{display:grid;width:100%;height:auto;min-height:44px;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;padding:6px 8px;gap:7px;color:var(--oii-text);text-align:left;border-radius:6px}.canvas-agent-skill-menu button:hover{background:var(--oii-raised)}.canvas-agent-skill-menu button span{display:grid;min-width:0;gap:3px}.canvas-agent-skill-menu b,.canvas-agent-skill-menu small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-skill-menu b{font-size:10px}.canvas-agent-skill-menu small,.canvas-agent-skill-menu p{color:var(--oii-muted);font-size:8px}.canvas-agent-skill-menu p{margin:10px;text-align:center}.canvas-mind-input>.canvas-agent-config{margin-bottom:8px;padding:0 4px}.agent-composer>.canvas-agent-config{display:flex;justify-content:flex-start;margin-bottom:7px}.agent-composer>.canvas-agent-config button{display:inline-flex;width:auto}.agent-composer .canvas-agent-skill-menu{top:auto;bottom:32px}.canvas-agent-activity{display:grid;margin:8px 14px 14px;gap:7px;color:var(--oii-text-secondary);font-size:10px}.canvas-agent-response .canvas-agent-activity{margin:14px 0 0}.canvas-agent-activity details{overflow:hidden;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:8px}.canvas-agent-activity summary{display:grid;min-height:34px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;padding:0 9px;gap:5px;cursor:pointer;list-style:none}.canvas-agent-activity summary small{color:var(--oii-muted);font-size:8px}.canvas-agent-activity ol{display:grid;margin:0;padding:0 9px 9px;gap:5px;list-style:none}.canvas-agent-activity ol li{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:6px;color:var(--oii-muted)}.canvas-agent-activity ol li>span{display:grid;width:17px;height:17px;place-items:center;background:var(--oii-raised);border-radius:50%;font-size:8px}.canvas-agent-activity ol li.is-current,.canvas-agent-activity ol li.is-complete{color:var(--oii-text)}.canvas-agent-activity ol li.is-complete>span{color:var(--oii-success);background:var(--oii-raised)}.canvas-agent-activity ol li.is-failed{color:var(--oii-brand)}.canvas-agent-activity p{margin:1px 0 0;line-height:1.5}.canvas-agent-tool-calls{display:grid;padding:0 8px 8px;gap:4px}.canvas-agent-tool-calls article{display:grid;min-height:38px;grid-template-columns:18px minmax(0,1fr);align-items:start;padding:7px;gap:5px;background:var(--oii-raised);border-radius:6px}.canvas-agent-tool-calls article.is-completed>svg{color:var(--oii-success)}.canvas-agent-tool-calls article.is-failed>svg{color:var(--oii-brand)}.canvas-agent-tool-calls article>div{display:grid;min-width:0;gap:3px}.canvas-agent-tool-calls b{font-size:9px}.canvas-agent-tool-calls small{overflow:hidden;color:var(--oii-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-tool-calls progress{width:100%;height:3px;accent-color:var(--oii-brand)}.canvas-agent-policy,.canvas-agent-activity-error{display:flex;min-height:30px;align-items:center;padding:6px 8px;gap:6px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px}.canvas-agent-recovery{display:grid;min-height:58px;grid-template-columns:18px minmax(0,1fr) auto;align-items:start;padding:9px;gap:7px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:8px}.canvas-agent-recovery>div{display:grid;gap:3px}.canvas-agent-recovery b{font-size:10px}.canvas-agent-recovery small{color:var(--oii-text-secondary);line-height:1.5}.canvas-agent-recovery button,.canvas-agent-activity-error button{min-height:27px;padding:0 9px;color:var(--oii-text);background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:6px;cursor:pointer}.canvas-agent-recovery.is-disconnected{grid-template-columns:18px minmax(0,1fr)}.canvas-agent-recovery.is-disconnected>button{grid-column:2;justify-self:start}.canvas-agent-policy.is-automatic{color:var(--oii-success)}.canvas-agent-activity-error{align-items:flex-start;color:var(--oii-brand)}.canvas-agent-activity-error>div{display:grid;min-width:0;gap:4px}.canvas-agent-activity-error b{color:var(--oii-warning);line-height:1.5}.canvas-agent-activity-error small,.canvas-agent-activity-error code{color:var(--oii-text-secondary);font-family:inherit;font-size:9px}.canvas-agent-activity-error>div>span{display:flex;flex-wrap:wrap;margin-top:3px;gap:5px}.canvas-agent-retry{justify-self:start;min-height:27px;padding:0 9px;color:var(--oii-text);font-size:9px;background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:6px;cursor:pointer}.canvas-mind-input>.canvas-agent-save-warning{position:absolute;right:14px;bottom:48px;left:14px}.canvas-agent-response__summary{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--oii-text)}.canvas-agent-plan-confirmation{display:grid;margin-top:18px;padding-top:13px;gap:11px;border-top:1px solid var(--oii-line-subtle)}.canvas-agent-plan-confirmation>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-agent-plan-confirmation strong{color:var(--oii-text);font-size:12px}.canvas-agent-plan-confirmation span{color:var(--oii-muted);font-size:11px}.canvas-agent-plan-confirmation button{min-width:92px;height:34px;padding:0 12px;color:var(--oii-text-secondary);font-size:12px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:8px;cursor:pointer}.canvas-agent-plan-confirmation button:hover{color:var(--oii-text);background:var(--oii-raised)}.canvas-agent-plan-confirmation button.is-primary{color:var(--oii-text);background:var(--oii-canvas-brand, var(--oii-brand));border-color:var(--oii-brand)}.canvas-agent-plan-confirmation button.is-primary:hover{background:var(--oii-canvas-brand-hover, var(--oii-brand-hover))}.canvas-mind-input{position:absolute;right:0;bottom:0;left:0;display:grid;height:118px;grid-template-rows:minmax(0,1fr) 34px;padding:12px;gap:8px;background:var(--oii-canvas-surface);border:1px solid var(--oii-line-subtle);border-radius:22px;box-shadow:var(--oii-popover-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);pointer-events:auto}.canvas-agent-workspace--planning .canvas-mind-input,.canvas-agent-workspace--open .canvas-mind-input{right:10px;bottom:10px;left:10px;height:132px;border-color:var(--oii-line-subtle);box-shadow:var(--oii-popover-shadow)}.canvas-agent-composer-minimize{position:absolute;z-index:calc(var(--oii-layer-canvas) + 7);top:10px;right:10px;display:grid;width:28px;height:28px;place-items:center;padding:0;color:var(--oii-muted);background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:50%;cursor:pointer}.canvas-agent-composer-minimize:hover{color:var(--oii-text);background:var(--oii-line)}.canvas-mind-input textarea{display:block;width:100%;min-width:0;height:100%;margin:0;padding:8px 50px 8px 10px;resize:none;overflow-y:auto;color:var(--oii-text);font-family:MiSans,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:20px;background:var(--oii-line-subtle);border:0;border-radius:15px;outline:0;scrollbar-width:none}.canvas-mind-input textarea::placeholder{color:var(--oii-muted);opacity:1}.canvas-agent-attachments{position:absolute;top:45px;right:12px;left:12px;display:flex;overflow:hidden;gap:5px}.canvas-agent-attachments>span{display:inline-flex;max-width:180px;height:24px;align-items:center;gap:5px;padding:0 5px 0 7px;overflow:hidden;color:var(--oii-text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap;background:var(--oii-raised);border-radius:7px}.canvas-agent-attachments button{width:16px;height:16px;flex:0 0 auto;color:var(--oii-muted);cursor:pointer}.canvas-agent-tools{position:static;display:flex;height:32px;align-items:center;min-width:0;gap:4px}.canvas-agent-tools>button{display:inline-flex;height:32px;flex:0 0 auto;align-items:center;justify-content:center;gap:5px;padding:0 7px;color:var(--oii-text);font-size:13px;font-weight:600;border-radius:9px;cursor:pointer}.canvas-agent-tools>button:hover,.canvas-agent-tools>button.is-active{background:var(--oii-raised)}.canvas-agent-tools>.sl-trigger-wrap{height:32px;flex:0 1 auto}.canvas-agent-tools .sl-trigger--agent{height:32px;max-width:120px;padding:0 9px;gap:6px;color:var(--oii-text-secondary);background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:999px;font-size:12px;font-weight:700}.canvas-agent-tools .sl-trigger--agent:hover,.canvas-agent-tools .sl-trigger--agent[aria-expanded=true]{color:var(--oii-text);background:var(--oii-line-subtle)}.canvas-agent-tools>button em{padding:1px 4px;color:var(--oii-success);font-size:9px;font-style:normal;background:var(--oii-success);border-radius:4px}.canvas-agent-workspace--planning .canvas-agent-script,.canvas-agent-workspace--open .canvas-agent-script{display:none}.canvas-agent-workspace--planning .canvas-agent-tools>button em,.canvas-agent-workspace--open .canvas-agent-tools>button em,.canvas-agent-workspace--planning .canvas-agent-tools>button>.lucide-chevron-down,.canvas-agent-workspace--open .canvas-agent-tools>button>.lucide-chevron-down,.canvas-agent-workspace--planning .canvas-agent-assets .canvas-agent-tool-label,.canvas-agent-workspace--open .canvas-agent-assets .canvas-agent-tool-label{display:none}.canvas-agent-workspace--planning .canvas-agent-skill,.canvas-agent-workspace--open .canvas-agent-skill,.canvas-agent-workspace--planning .canvas-agent-agent,.canvas-agent-workspace--open .canvas-agent-agent{max-width:82px}.canvas-agent-workspace--planning .sl-trigger--agent,.canvas-agent-workspace--open .sl-trigger--agent{max-width:70px}.canvas-agent-workspace--planning .canvas-agent-assets,.canvas-agent-workspace--open .canvas-agent-assets{width:32px;padding:0}.canvas-agent-workspace--planning .canvas-agent-tool-label,.canvas-agent-workspace--open .canvas-agent-tool-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-agent-tools .canvas-agent-add{width:32px;padding:0;color:var(--oii-text-secondary)}.canvas-agent-workspace--idle .canvas-agent-tools>button:not(.canvas-agent-submit),.canvas-agent-workspace--idle .canvas-agent-tools>.sl-trigger-wrap,.canvas-agent-workspace--idle .canvas-agent-tool-divider,.canvas-agent-workspace--idle .canvas-mind-input>.canvas-agent-config{display:none!important}.canvas-agent-tool-divider{width:1px;height:18px;margin:0 5px 0 1px;background:var(--oii-raised)}.canvas-agent-tools>button.canvas-agent-submit{width:32px;margin-left:0;padding:0;color:var(--oii-muted);background:var(--oii-line-subtle);border-radius:50%;box-shadow:none}.canvas-agent-tools>button.canvas-agent-submit:hover{color:var(--oii-text);background:var(--oii-line)}.canvas-agent-tools>button.canvas-agent-submit:disabled{color:var(--oii-line);background:var(--oii-line-subtle);opacity:1}.canvas-agent-menu{position:absolute;bottom:50px;left:56px;z-index:calc(var(--oii-layer-canvas) + 3);display:grid;width:184px;padding:6px;gap:2px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:12px;box-shadow:var(--oii-popover-shadow)}.canvas-agent-menu--agent{left:238px}.canvas-agent-menu--style{right:92px;left:auto}.canvas-agent-menu--assets{right:44px;left:auto}.canvas-agent-menu strong,.canvas-agent-menu small{padding:7px 9px;color:var(--oii-muted);font-size:10px;font-weight:500}.canvas-agent-menu button{display:flex;min-height:34px;align-items:center;gap:8px;padding:0 9px;color:var(--oii-text);font-size:12px;text-align:left;border-radius:8px;cursor:pointer}.canvas-agent-menu button:hover{color:var(--oii-text);background:var(--oii-raised)}.interaction-editor:has(.canvas-agent-dock:not(.is-collapsed) .canvas-agent-workspace--planning) .bottom-left-tools,.interaction-editor:has(.canvas-agent-dock:not(.is-collapsed) .canvas-agent-workspace--open) .bottom-left-tools{opacity:0;pointer-events:none}.canvas-agent-workspace,.canvas-agent-composer,.canvas-agent-input,.canvas-agent-menu,.agent-panel,.agent-delivery-plan,.agent-plan-actions,.agent-operation-review,.agent-paid-approval,.agent-canvas-run{border-color:var(--oii-canvas-line)!important;background:var(--oii-canvas-surface)!important;box-shadow:var(--oii-canvas-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.canvas-agent-workspace,.canvas-agent-composer{border-radius:26px!important}.canvas-agent-input,.canvas-agent-composer textarea,.agent-composer textarea,.node-inspector-form input,.node-inspector-form textarea{color:var(--oii-canvas-text);background:var(--oii-bg)!important;border-color:var(--oii-canvas-line)!important}.canvas-agent-tools>button,.canvas-agent-tools .sl-trigger--agent,.agent-quick-actions button,.agent-plan-actions button,.agent-delivery-actions button,.canvas-agent-menu button{color:var(--oii-canvas-muted);background:transparent;border-color:var(--oii-canvas-line);border-radius:999px}.canvas-agent-tools>button:hover,.canvas-agent-tools .sl-trigger--agent:hover,.canvas-agent-tools .sl-trigger--agent[aria-expanded=true],.agent-quick-actions button:hover,.agent-plan-actions button:hover,.agent-delivery-actions button:hover,.canvas-agent-menu button:hover{color:var(--oii-text);background:var(--oii-line-subtle)}.canvas-agent-tools>button.canvas-agent-submit,.agent-plan-actions button.primary{color:var(--oii-text);background:var(--oii-canvas-brand)!important;box-shadow:var(--oii-popover-shadow)}.canvas-agent-tools>button.canvas-agent-submit:hover,.agent-plan-actions button.primary:hover{background:var(--oii-canvas-brand-hover)!important}.canvas-agent-tools>button.canvas-agent-submit:disabled{color:var(--oii-muted);background:var(--oii-brand-soft)!important}.canvas-agent-tool-divider{background:var(--oii-canvas-line)}.agent-message--user p,.agent-message>span,.agent-delivery-plan li>span{background:var(--oii-line-subtle)}.canvas-agent-workspace--idle{border-radius:24px!important}.canvas-agent-workspace--idle,.canvas-agent-workspace--idle .canvas-mind-input{background:var(--oii-modal-scrim)!important;border-color:transparent!important;box-shadow:var(--oii-popover-shadow)}.canvas-agent-workspace--idle .canvas-mind-input textarea{background:var(--oii-line-subtle)!important;border-radius:20px}.canvas-agent-workspace--idle .canvas-agent-tools>button.canvas-agent-submit{color:var(--oii-muted);background:var(--oii-line-subtle)!important;box-shadow:none}.canvas-agent-workspace--idle .canvas-agent-tools>button.canvas-agent-submit:hover{color:var(--oii-text);background:var(--oii-line)!important}.canvas-agent-workspace--idle .canvas-agent-tools>button.canvas-agent-submit:disabled{color:var(--oii-line);background:var(--oii-line-subtle)!important}.canvas-agent-workspace--planning .canvas-agent-tools,.canvas-agent-workspace--open .canvas-agent-tools{right:10px;left:10px}.canvas-agent-workspace--planning .canvas-mind-input textarea,.canvas-agent-workspace--open .canvas-mind-input textarea{width:100%;margin-top:0;padding:0 4px;background:transparent!important;border-radius:0}.canvas-agent-workspace.canvas-agent-workspace--idle,.canvas-agent-workspace.canvas-agent-workspace--planning,.canvas-agent-workspace.canvas-agent-workspace--open{box-shadow:var(--oii-popover-shadow)!important}.canvas-agent-workspace--idle,.canvas-agent-workspace--idle .canvas-mind-input{background:var(--oii-canvas-surface)!important;border-color:var(--oii-line-subtle)!important;border-radius:22px!important}.canvas-agent-workspace--planning .canvas-mind-input,.canvas-agent-workspace--open .canvas-mind-input{background:var(--oii-canvas-surface)!important;border-color:var(--oii-line-subtle)!important;border-radius:20px!important}.canvas-agent-workspace--idle .canvas-mind-input textarea,.canvas-agent-workspace--planning .canvas-mind-input textarea,.canvas-agent-workspace--open .canvas-mind-input textarea{height:100%;padding:8px 10px;color:var(--oii-text);background:var(--oii-line-subtle)!important;border-radius:15px}.canvas-agent-tools{justify-content:flex-start}.canvas-agent-tools>button.canvas-agent-submit{margin-left:auto;color:var(--oii-text-secondary);background:var(--oii-line-subtle)!important;box-shadow:none!important}.canvas-agent-tools>button.canvas-agent-submit:hover{color:var(--oii-text);background:var(--oii-line)!important}.canvas-agent-tools>button.canvas-agent-submit:disabled{color:var(--oii-muted);background:var(--oii-line-subtle)!important}.canvas-agent-tools .sl-trigger--agent{background:var(--oii-line-subtle);border-color:var(--oii-line-subtle)}.canvas-agent-tools .sl-trigger--agent:hover,.canvas-agent-tools .sl-trigger--agent[aria-expanded=true]{background:var(--oii-line-subtle)}.canvas-agent-branchbar{position:absolute;top:50px;right:12px;left:12px;z-index:calc(var(--oii-layer-canvas) + 2);display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:6px;pointer-events:auto}.canvas-agent-branchbar__queue,.canvas-agent-branchbar__list button{display:inline-flex;height:24px;align-items:center;gap:5px;padding:0 8px;color:var(--oii-text-secondary);font-size:10px;background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:999px}.canvas-agent-branchbar__list{display:flex;min-width:0;gap:5px}.canvas-agent-branchbar__list button{max-width:118px;cursor:pointer}.canvas-agent-branchbar__list button span,.canvas-agent-branchbar__list button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes canvas-agent-composer-in{0%{opacity:0}}@keyframes canvas-agent-panel-in{0%{opacity:0}}@keyframes canvas-agent-dock-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}@keyframes canvas-agent-dock-breathe{0%{opacity:.75;transform:scale(.92)}70%,to{opacity:0;transform:scale(1.28)}}@keyframes canvas-agent-thinking{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.canvas-agent-workspace--idle,.canvas-agent-workspace--planning,.canvas-agent-workspace--open,.canvas-agent-dock__launcher,.canvas-agent-dock__launcher.is-busy:before,.canvas-agent-thinking span{animation:none!important}.canvas-agent-dock__workspace,.canvas-agent-header__actions button{transition:none!important}}.canvas-context-menu{position:fixed;z-index:var(--oii-layer-drawer);display:grid;width:220px;padding:5px;gap:1px;border-radius:10px}.canvas-context-menu button{display:grid;min-height:34px;grid-template-columns:20px 1fr auto;align-items:center;padding:0 8px;gap:6px;color:var(--oii-text-secondary);font-size:10px;text-align:left;border-radius:6px;cursor:pointer}.canvas-context-menu button:hover{color:var(--oii-text);background:var(--oii-raised)}.menu-separator{height:1px;margin:4px 5px;background:var(--oii-raised)}.editor-notice,.recovery-notice{position:absolute;z-index:var(--oii-layer-modal);display:flex;min-height:38px;align-items:center;gap:8px;padding:6px 8px 6px 11px;color:var(--oii-text);font-size:10px;border-radius:9px}.editor-notice{top:74px;left:50%;transform:translate(-50%)}.editor-notice>svg{color:var(--oii-success)}.editor-notice button{display:grid;width:24px;height:24px;place-items:center;color:var(--oii-muted);border-radius:5px;cursor:pointer}.recovery-notice{right:18px;bottom:62px;color:var(--oii-warning)}.canvas-recovery-trigger{position:absolute;right:160px;bottom:18px;z-index:var(--oii-layer-toast);display:grid;width:34px;height:34px;place-items:center;color:var(--oii-canvas-muted);background:var(--oii-canvas-surface);border:1px solid var(--oii-canvas-line);border-radius:var(--oii-canvas-radius);box-shadow:var(--oii-canvas-shadow);cursor:pointer}.canvas-recovery-trigger.has-unresolved{color:var(--oii-warning);border-color:var(--oii-warning)}.canvas-recovery-trigger:focus-visible,.canvas-recovery-dialog button:focus-visible,.canvas-recovery-dialog input:focus-visible{outline:2px solid var(--oii-canvas-brand);outline-offset:2px}@media(max-width:820px){.canvas-recovery-trigger{right:10px;bottom:10px}}.canvas-recovery-trigger>span{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;color:var(--oii-surface);font-size:9px;font-weight:700;line-height:17px;background:var(--oii-warning);border-radius:8px}.canvas-recovery-backdrop{position:absolute;inset:0;z-index:var(--oii-layer-toolbar);display:grid;place-items:center;padding:24px;background:var(--oii-modal-scrim)}.canvas-recovery-dialog{display:grid;width:min(720px,calc(100% - 48px));max-height:min(720px,calc(100% - 48px));overflow:hidden;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:8px;box-shadow:var(--oii-popover-shadow)}.canvas-recovery-dialog>header{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:10px 12px 10px 16px;border-bottom:1px solid var(--oii-raised)}.canvas-recovery-dialog h2{margin:0;font-size:14px;letter-spacing:0}.canvas-recovery-dialog header p{margin:3px 0 0;color:var(--oii-muted);font:9px/1.2 ui-monospace,monospace}.canvas-recovery-header-actions{display:flex;gap:4px}.canvas-recovery-header-actions button{display:grid;width:30px;height:30px;place-items:center;color:var(--oii-text-secondary);border-radius:6px;cursor:pointer}.canvas-recovery-header-actions button:hover,.canvas-recovery-header-actions button:focus-visible{color:var(--oii-text);background:var(--oii-raised)}.canvas-recovery-content{display:grid;gap:8px;min-height:180px;padding:12px;overflow:auto}.canvas-recovery-summary{display:flex;min-height:34px;align-items:center;gap:18px;padding:0 4px;color:var(--oii-muted);font-size:10px}.canvas-recovery-summary strong{color:var(--oii-text)}.canvas-recovery-empty,.canvas-recovery-state{display:flex;min-height:130px;align-items:center;justify-content:center;gap:8px;color:var(--oii-muted);font-size:11px}.canvas-recovery-state.is-error{color:var(--oii-brand)}.canvas-recovery-item{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.7fr);align-items:center;gap:12px;min-height:64px;padding:9px 10px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px}.canvas-recovery-item>div:first-child{display:grid;min-width:0;gap:4px}.canvas-recovery-item strong{font-size:11px}.canvas-recovery-item small{overflow:hidden;color:var(--oii-muted);font:9px/1.3 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.canvas-recovery-item-actions{display:flex;min-width:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px}.canvas-recovery-item-actions button{min-height:28px;padding:0 9px;color:var(--oii-text-secondary);font-size:10px;background:var(--oii-raised);border:1px solid var(--oii-raised);border-radius:6px;cursor:pointer}.canvas-recovery-item-actions button:hover,.canvas-recovery-item-actions button:focus-visible{color:var(--oii-text);border-color:var(--oii-muted)}.canvas-recovery-item-actions label{display:flex;align-items:center;gap:5px;color:var(--oii-muted);font-size:9px}.canvas-recovery-item-actions input{width:116px;height:28px;padding:0 7px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:5px}.canvas-conflict-values{display:grid;width:100%;gap:3px}.canvas-conflict-values code{overflow:hidden;color:var(--oii-text-secondary);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.canvas-context-menu button:disabled{color:var(--oii-muted);cursor:not-allowed}.canvas-context-menu button:disabled:hover{color:var(--oii-muted);background:transparent}.canvas-context-menu .menu-item-copy{display:grid;min-width:0;gap:2px}.canvas-context-menu .menu-item-copy small{overflow:hidden;color:var(--oii-muted);font-size:8px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.xcanvas-loading-screen{display:grid;min-height:100%;place-content:center;justify-items:center;gap:14px;color:var(--oii-text);background:var(--oii-bg);font:700 16px/1.2 Arial,sans-serif}.xcanvas-loading-screen--contained{min-height:100%;height:100%}.xcanvas-loading-spinner{position:relative;display:block;width:34px;height:34px}.xcanvas-loading-spinner__bar{position:absolute;top:50%;left:50%;display:block;width:3px;height:9px;border-radius:3px;background:var(--oii-text);transform-origin:50% 50%;animation:xcanvas-loading-pulse .calc(var(--oii-motion-countdown-step) * 8) linear infinite}.xcanvas-loading-spinner__bar:nth-child(1){transform:translate(-50%,-50%) rotate(0) translateY(-12px);animation-delay:-.calc(var(--oii-motion-countdown-step) * 7)}.xcanvas-loading-spinner__bar:nth-child(2){transform:translate(-50%,-50%) rotate(45deg) translateY(-12px);animation-delay:-.calc(var(--oii-motion-countdown-step) * 6)}.xcanvas-loading-spinner__bar:nth-child(3){transform:translate(-50%,-50%) rotate(90deg) translateY(-12px);animation-delay:-.calc(var(--oii-motion-countdown-step) * 5)}.xcanvas-loading-spinner__bar:nth-child(4){transform:translate(-50%,-50%) rotate(135deg) translateY(-12px);animation-delay:-.calc(var(--oii-motion-countdown-step) * 4)}.xcanvas-loading-spinner__bar:nth-child(5){transform:translate(-50%,-50%) rotate(180deg) translateY(-12px);animation-delay:-.calc(var(--oii-motion-countdown-step) * 3)}.xcanvas-loading-spinner__bar:nth-child(6){transform:translate(-50%,-50%) rotate(225deg) translateY(-12px);animation-delay:-.calc(var(--oii-motion-countdown-step) * 2)}.xcanvas-loading-spinner__bar:nth-child(7){transform:translate(-50%,-50%) rotate(270deg) translateY(-12px);animation-delay:-.var(--oii-motion-countdown-step)}.xcanvas-loading-spinner__bar:nth-child(8){transform:translate(-50%,-50%) rotate(315deg) translateY(-12px);animation-delay:var(--oii-motion-none)}@keyframes xcanvas-loading-pulse{0%,to{opacity:.22}45%,60%{opacity:1}}@media(prefers-reduced-motion:reduce){.xcanvas-loading-spinner__bar{animation:none;opacity:.85}}.editor-minimap{right:15px!important;bottom:62px!important;width:180px!important;height:112px!important;overflow:hidden;background:var(--oii-surface)!important;border:1px solid var(--oii-raised);border-radius:8px;box-shadow:var(--oii-popover-shadow)}.editor-load-state{display:grid;width:100%;height:100%;place-content:center;justify-items:center;gap:11px;color:var(--oii-text-secondary);font-size:11px;background:var(--oii-surface)}.editor-load-state--error{color:var(--oii-text)}.editor-load-state--error>svg{color:var(--oii-brand)}.editor-load-state--error span{max-width:360px;color:var(--oii-muted);text-align:center}.editor-load-state button{height:32px;padding:0 12px;color:var(--oii-surface);background:var(--oii-text);border-radius:7px;cursor:pointer}.spin{animation:editor-spin var(--oii-motion-long) linear infinite}@keyframes editor-spin{to{transform:rotate(360deg)}}@media(max-width:1160px){.membership-chip,.account-chrome>button[aria-label=收件箱]{display:none}.project-switcher__name{max-width:185px}.bottom-dock button:nth-last-child(-n+3){display:none}}@media(max-width:1439px){.agent-panel{width:min(var(--canvas-agent-panel-width, 400px),400px)}}@media(max-width:820px){.project-switcher{right:110px;max-width:none}.project-switcher__name{max-width:none;flex:1}.mode-switcher,.canvas-nav,.account-chrome>button:not(.user-avatar):not(.agent-toggle),.bottom-left-tools button:not(:first-child):not(.bottom-left-tools__host-action),.zoom-controls{display:none}.account-chrome{right:10px;background:transparent;border-color:transparent;box-shadow:none}.account-chrome .agent-toggle{width:32px;padding:0;font-size:0;background:transparent;border:0}.bottom-left-tools{left:10px}.canvas-right-toolbar{right:10px}.creation-dock-wrap{bottom:10px}.bottom-dock button:nth-child(n+6){display:none}.asset-drawer,.utility-drawer{inset:70px 10px 64px;width:auto}.agent-panel{width:min(var(--canvas-agent-panel-width, 400px),400px,100cqw);min-width:0}.node-details-panel,.video-details-panel{width:min(560px,calc(100cqw - 24px));height:min(520px,calc(100cqh - 96px));max-height:calc(100cqh - 24px);overflow:hidden}.generation-parameter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.node-details-footer,.video-details-footer{flex-wrap:nowrap}.image-selection-toolbar{min-width:0}.node-details-footer button:nth-child(2){max-width:125px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:767px){.agent-panel{inset:0;width:100cqw;min-width:0;max-width:none;border:0;border-radius:0!important}.agent-panel-resizer{display:none}.agent-composer{max-height:min(44cqh,330px);margin-right:10px;margin-bottom:max(10px,env(safe-area-inset-bottom));margin-left:10px}}@media(max-width:520px){.interaction-editor:has(.node-details-panel) .creation-dock-wrap,.interaction-editor:has(.video-details-panel) .creation-dock-wrap,.interaction-editor:has(.node-details-panel) .bottom-left-tools,.interaction-editor:has(.video-details-panel) .bottom-left-tools{display:none}.project-switcher{right:230px;left:8px}.canvas-nav{top:70px;left:auto;right:8px;transform:none}.brand-mark{width:30px}.account-chrome{right:6px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-toolbar{max-width:calc(100cqw - 16px)}.video-selection-toolbar{min-width:0}.video-details-footer>button:nth-child(3){max-width:145px;overflow:hidden;text-overflow:ellipsis}.canvas-agent-workspace--idle{bottom:64px;width:calc(100cqw - 24px)}.canvas-agent-workspace--planning,.canvas-agent-workspace--open{inset:72px 12px 12px;width:auto;min-height:0;background:var(--oii-surface)}.generation-parameter-field:has(.generation-parameter-segmented){grid-column:1 / -1}.generation-model-select{max-width:96px;flex:0 1 96px}.generation-model-select select{max-width:68px}.node-details-footer .generation-parameter-summary,.video-details-footer .generation-parameter-summary{max-width:132px}.generation-parameter-popover{position:static}.generation-parameter-popover-panel{right:0;left:0;width:auto}.generation-credit-estimate,.video-generation-cost{display:none}.interaction-editor:has(.canvas-agent-dock:not(.is-collapsed) .canvas-agent-workspace--planning) .editor-notice,.interaction-editor:has(.canvas-agent-dock:not(.is-collapsed) .canvas-agent-workspace--open) .editor-notice{display:none}.interaction-editor:has(.canvas-agent-dock:not(.is-collapsed) .canvas-agent-workspace--planning) .react-flow__node.is-agent-preview,.interaction-editor:has(.canvas-agent-dock:not(.is-collapsed) .canvas-agent-workspace--planning) .react-flow__edge.is-agent-preview-edge,.interaction-editor:has(.canvas-agent-dock:not(.is-collapsed) .canvas-agent-workspace--open) .react-flow__node.is-agent-preview,.interaction-editor:has(.canvas-agent-dock:not(.is-collapsed) .canvas-agent-workspace--open) .react-flow__edge.is-agent-preview-edge{display:none}.canvas-agent-tools{gap:1px}.canvas-agent-tools>button{padding:0 6px}.canvas-agent-tool-label,.canvas-agent-tools .sl-trigger__label,.canvas-agent-tools>button em,.canvas-agent-tools>button>.lucide-chevron-down{display:none}.canvas-agent-tool-divider{margin-right:2px}.canvas-agent-menu,.canvas-agent-menu--agent,.canvas-agent-menu--style,.canvas-agent-menu--assets{right:8px;left:8px;width:auto}.canvas-agent-conversation{padding-right:15px;padding-left:15px}}@media(prefers-reduced-motion:reduce){.xcanvas-canvas-module *,.xcanvas-canvas-module *:before,.xcanvas-canvas-module *:after{scroll-behavior:auto!important;transition-duration:var(--oii-motion-none)!important;animation-duration:var(--oii-motion-none)!important;animation-iteration-count:1!important}}.sl-trigger-wrap{position:relative;display:inline-flex;min-width:0}.sl-trigger,.sl-defaults-control__size{display:inline-flex;height:32px;align-items:center;justify-content:center;gap:7px;padding:0 11px;color:var(--oii-text-secondary);background:linear-gradient(180deg,var(--oii-line-subtle),var(--oii-line-subtle)),var(--oii-canvas-surface);border:1px solid var(--oii-line-subtle);border-radius:999px;font-size:11px;font-weight:650;letter-spacing:0;box-shadow:var(--oii-popover-shadow);cursor:pointer}.sl-trigger:hover,.sl-trigger[aria-expanded=true],.sl-defaults-control__size:hover{color:var(--oii-text);background:linear-gradient(180deg,var(--oii-line-subtle),var(--oii-line-subtle)),var(--oii-canvas-surface);border-color:var(--oii-line)}.sl-trigger__thumb{width:18px;height:18px;flex:0 0 auto;object-fit:cover;border:1px solid var(--oii-line);border-radius:50%}.sl-trigger__label{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-defaults-control{display:inline-flex;align-items:center}.sl-defaults-control .sl-trigger{border-radius:7px 0 0 7px}.sl-defaults-control__size{margin-left:-1px;border-radius:0 7px 7px 0}.sl-popover{position:fixed;top:0;right:auto;left:0;z-index:var(--oii-layer-popover);box-sizing:border-box;display:flex;width:min(620px,calc(100dvw - 24px));max-width:calc(100dvw - 24px);height:min(520px,calc(100dvh - 24px));flex-direction:column;padding-top:14px;overflow:hidden;color:var(--oii-text);background:radial-gradient(circle at 16% 0%,var(--oii-line-subtle),transparent 34%),var(--oii-modal-scrim);border:1px solid var(--oii-line-subtle);border-radius:18px;box-shadow:var(--oii-popover-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.05);backdrop-filter:blur(18px) saturate(1.05);font-family:MiSans,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;font-size:12px;letter-spacing:0}.sl-popover--bottom,.sl-popover--top{right:auto;bottom:auto}.sl-popover__header{display:grid;height:36px;flex:0 0 36px;grid-template-columns:auto minmax(180px,1fr) 30px;align-items:center;padding:0 16px;gap:12px}.sl-popover__title{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--oii-text);white-space:nowrap}.sl-popover__title strong{font-size:14px;font-weight:750;line-height:22px}.sl-popover__header>button,.sl-card__actions button{display:grid;width:28px;height:28px;place-items:center;color:var(--oii-text-secondary);border-radius:5px;cursor:pointer}.sl-popover__close{position:static;width:30px!important;height:30px!important;padding:0;overflow:visible;clip-path:none;white-space:normal;color:var(--oii-muted);background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:999px}.sl-popover__header>button:hover,.sl-card__actions button:hover{color:var(--oii-text);background:var(--oii-line-subtle)}.sl-search{display:flex;width:100%;height:32px;align-items:center;flex-direction:row;gap:7px;padding:0 10px;color:var(--oii-muted);background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:999px}.sl-search input{width:100%;min-width:0;color:var(--oii-text);background:transparent;border:0;outline:0;font-size:12px;line-height:12px}.sl-search:focus-within{border-color:var(--oii-line);background:var(--oii-line-subtle)}.sl-warning,.sl-inline-error{display:flex;align-items:center;gap:6px;padding:7px 12px;color:var(--oii-warning);background:var(--oii-surface);border-bottom:1px solid var(--oii-raised);font-size:10px}.sl-inline-error{color:var(--oii-brand);background:var(--oii-surface)}.sl-tabs{display:flex;height:30px;flex:0 0 30px;align-items:center;margin:12px 16px 0;padding:3px;gap:3px;background:linear-gradient(180deg,var(--oii-line-subtle),var(--oii-line-subtle)),var(--oii-modal-scrim);border:1px solid var(--oii-line-subtle);border-radius:999px}.sl-tabs button{appearance:none;position:relative;height:22px;flex:1 1 0;min-width:0;padding:0 12px;color:var(--oii-muted);background:transparent;border:0;font-size:11px;font-weight:700;line-height:22px;border-radius:999px;cursor:pointer}.sl-tabs button:hover{color:var(--oii-text-secondary);background:var(--oii-line-subtle)}.sl-tabs button[aria-selected=true]{color:var(--oii-text);background:linear-gradient(180deg,var(--oii-line-subtle),var(--oii-line-subtle)),var(--oii-line-subtle);box-shadow:var(--oii-focus-ring-shadow)}.sl-categories{display:flex;height:28px;flex:0 0 28px;margin-top:10px;padding:0 16px;gap:6px;overflow-x:auto;scrollbar-width:none}.sl-categories::-webkit-scrollbar{display:none}.sl-categories button{height:26px;flex:0 0 auto;padding:0 10px;color:var(--oii-muted);background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:999px;font-size:11px;cursor:pointer}.sl-categories button:hover,.sl-categories button.is-active{color:var(--oii-text);border-color:var(--oii-line);background:var(--oii-line-subtle)}.sl-grid{display:grid;min-height:0;flex:1 1 auto;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-auto-rows:max-content;align-content:start;margin:14px 7px 0 0;padding:0 7px 12px 16px;gap:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--oii-line) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.sl-grid::-webkit-scrollbar{width:6px}.sl-grid::-webkit-scrollbar-track{background:transparent}.sl-grid::-webkit-scrollbar-thumb{background:var(--oii-line);border-radius:6px}.sl-upload-card{display:flex;min-width:0;aspect-ratio:.573;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--oii-muted);background:radial-gradient(circle at 50% 18%,var(--oii-line-subtle),transparent 42%),var(--oii-line-subtle);border:1px dashed var(--oii-line-subtle);border-radius:13px;box-shadow:var(--oii-focus-ring-shadow);font-size:12px;font-weight:550;cursor:pointer}.sl-upload-card:hover{color:var(--oii-text);background:radial-gradient(circle at 50% 18%,var(--oii-line-subtle),transparent 44%),var(--oii-line-subtle);border-color:var(--oii-line)}.sl-card{position:relative;min-width:0;aspect-ratio:.573;overflow:hidden;background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:13px;box-shadow:var(--oii-focus-ring-shadow)}.sl-card:hover,.sl-card:focus-within{border-color:var(--oii-line);box-shadow:var(--oii-focus-ring-shadow)}.sl-card--selected{border-color:var(--oii-muted);box-shadow:var(--oii-focus-ring-shadow)}.sl-card__select{position:absolute;inset:0;display:block;width:100%;cursor:pointer}.sl-card__select:after{position:absolute;inset:46% -2px -2px;background:linear-gradient(180deg,transparent,var(--oii-modal-scrim));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;content:"";pointer-events:none}.sl-card__cover{position:absolute;inset:-2px;display:block;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover;object-position:center;background:var(--oii-line-subtle);border-radius:inherit}.sl-card__cover--empty{inset:0;width:100%;height:100%}.sl-card__name{position:absolute;right:9px;bottom:9px;left:9px;z-index:calc(var(--oii-layer-canvas) + 1);overflow:hidden;color:var(--oii-text);font-size:12px;font-weight:750;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.sl-card__promo{position:absolute;top:7px;left:7px;z-index:calc(var(--oii-layer-canvas) + 2);display:inline-flex;height:18px;align-items:center;padding:0 5px;color:var(--oii-text);border-radius:6px;box-shadow:var(--oii-popover-shadow);font-size:10px;font-weight:600;line-height:18px}.sl-card__promo--hot{background:var(--oii-brand)}.sl-card__promo--new{background:var(--oii-info)}.sl-card__badge,.sl-card__check{position:absolute;top:7px;z-index:calc(var(--oii-layer-canvas) + 2);display:grid;min-width:17px;height:17px;place-items:center;color:var(--oii-surface);background:var(--oii-success);border-radius:4px;font-size:8px}.sl-card__badge{right:7px;padding:0 4px;color:var(--oii-text);background:var(--oii-info)}.sl-card__check{right:7px;left:auto;color:var(--oii-bg);background:var(--oii-text)}.sl-card__actions{position:absolute;right:7px;bottom:33px;z-index:calc(var(--oii-layer-canvas) + 2);display:none;padding:2px;background:var(--oii-canvas-surface);border-radius:5px}.sl-card:hover .sl-card__actions,.sl-card:focus-within .sl-card__actions{display:flex}.sl-empty{grid-column:1 / -1;display:grid;min-height:160px;place-items:center;margin:0;color:var(--oii-muted);text-align:center}.sl-empty--error{align-content:center;gap:8px;color:var(--oii-brand)}.sl-empty button,.sl-popover__footer button{color:var(--oii-text);cursor:pointer}.sl-popover__footer{display:flex;min-height:42px;flex:0 0 42px;align-items:center;justify-content:flex-end;padding:0 24px;border-top:1px solid var(--oii-line-subtle);font-size:12px}.sl-popover__footer button{height:28px;padding:0 9px;color:var(--oii-text-secondary);background:var(--oii-line-subtle);border:1px solid var(--oii-line-subtle);border-radius:4px}.sl-popover__footer button:hover{color:var(--oii-text);background:var(--oii-line-subtle)}.sl-editor{min-height:300px;padding:14px;overflow-y:auto}.sl-editor>header{display:grid;margin-bottom:12px;gap:3px}.sl-editor>header strong{font-size:12px}.sl-editor>header span,.sl-editor label{color:var(--oii-muted);font-size:10px}.sl-editor form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sl-editor label{display:grid;gap:4px}.sl-editor input{min-width:0;height:31px;padding:0 8px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:5px;outline:0;font-size:10px}.sl-editor input:focus{border-color:var(--oii-success)}.sl-editor__file{grid-row:span 3}.sl-editor__file input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sl-editor__file img,.sl-editor__drop{display:flex;width:100%;min-height:150px;align-items:center;justify-content:center;object-fit:cover;color:var(--oii-muted);background:var(--oii-surface);border:1px dashed var(--oii-muted);border-radius:6px}.sl-editor__drop{flex-direction:column;gap:7px;cursor:pointer}.sl-editor__actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:7px}.sl-editor__actions button,.sl-inline-dialog button{height:30px;padding:0 11px;color:var(--oii-text);background:var(--oii-raised);border-radius:5px;font-size:10px;cursor:pointer}.sl-editor__actions button.is-primary,.sl-inline-dialog button.is-primary{color:var(--oii-surface);background:var(--oii-text)}.sl-inline-dialog{position:absolute;right:12px;bottom:12px;left:12px;z-index:calc(var(--oii-layer-canvas) + 3);padding:12px;background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:7px;box-shadow:var(--oii-popover-shadow)}.sl-inline-dialog label{display:grid;gap:5px}.sl-inline-dialog input{height:30px;padding:0 8px;color:var(--oii-text);background:var(--oii-surface);border:1px solid var(--oii-raised);border-radius:5px}.sl-inline-dialog p{margin:0 0 10px;color:var(--oii-text)}.sl-inline-dialog>div{display:flex;justify-content:flex-end;gap:7px}.sl-inline-dialog button.is-danger{color:var(--oii-brand);background:var(--oii-raised)}@media(max-width:640px){.sl-popover,.sl-popover--top,.sl-popover--bottom{position:fixed;inset:auto 0 0;width:100%;height:min(78dvh,660px);max-height:none;padding-bottom:env(safe-area-inset-bottom);border-right:0;border-bottom:0;border-left:0;border-radius:24px 24px 0 0}.sl-popover__header{padding:0 18px}.sl-search{width:min(144px,42vw)}.sl-popover--agent{height:calc(100dvh - 202px)}.sl-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-right:10px;padding-left:18px}.sl-editor form{grid-template-columns:1fr}.sl-editor__file{grid-row:auto}.sl-editor__actions{grid-column:1}}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{position:fixed;inset:0;opacity:0;overflow:hidden;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto}.yarl__portal_open{opacity:1}.yarl__container{position:absolute;inset:0;overflow:hidden;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain)}.yarl__carousel{display:flex;flex:0 0 auto;height:100%;align-content:center;justify-content:center;align-items:stretch;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1)}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{display:flex;justify-content:center;align-content:center;align-items:center}.yarl__slide{flex:1;position:relative;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%)}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);line-height:0}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));animation:yarl__delayed_fadein 1s linear}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{position:absolute;inset:0 0 auto auto;display:flex;justify-content:flex-end;padding:var(--yarl__toolbar_padding,8px)}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);outline:none;line-height:0;padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,hsla(0,0%,100%,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{position:absolute;top:50%;transform:translateY(-50%);padding:var(--yarl__navigation_button_padding,24px 16px)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.canvas-media-viewer-backdrop{position:fixed;z-index:calc(var(--oii-layer-popover) + 20);inset:0;display:grid;box-sizing:border-box;place-items:center;padding:0;color:var(--oii-text);background:#000000ad;-webkit-backdrop-filter:blur(26px) saturate(.48) brightness(.58);backdrop-filter:blur(26px) saturate(.48) brightness(.58)}.canvas-media-viewer{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:transparent;border:0;border-radius:0;outline:none;box-shadow:none}.canvas-media-viewer__close{position:absolute;z-index:calc(var(--oii-layer-popover) + 24);top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:grid;width:40px;height:40px;padding:0;place-items:center;color:#ffffffc2;background:#0c0c0cc2;border:1px solid rgba(255,255,255,.1);border-radius:7px;box-shadow:0 8px 26px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.canvas-media-viewer__close:hover,.canvas-media-viewer__close:focus-visible{color:#fff;background:#1c1c1ce6;border-color:#ffffff38;outline:none}.canvas-media-viewer__stage{position:absolute;inset:0;width:100%;height:100%;background:transparent}.canvas-media-viewer__lightbox{width:100%;height:100%}.canvas-media-viewer__lightbox .yarl__container,.canvas-media-viewer__lightbox .yarl__slide{background:transparent}.canvas-media-viewer__lightbox .yarl__slide_image{border-radius:0;box-shadow:0 18px 54px #00000057}.canvas-media-viewer__stage.is-video .yarl__video_container{box-sizing:border-box;padding:clamp(24px,5vw,72px)}.canvas-media-viewer__stage.is-video video{display:block;max-width:100%;max-height:100%;background:#000;border-radius:0;box-shadow:0 18px 54px #00000057}.canvas-media-viewer__zoom-controls{position:absolute;z-index:calc(var(--oii-layer-canvas) + 2);right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;height:40px;align-items:center;gap:2px;padding:2px 4px;background:#0c0c0cd1;border:1px solid rgba(255,255,255,.12);border-radius:7px;box-shadow:0 8px 26px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.canvas-media-viewer__zoom-controls button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;color:#ffffffbd;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.canvas-media-viewer__zoom-controls button:hover,.canvas-media-viewer__zoom-controls button:focus-visible{color:#fff;background:#ffffff1a;outline:none}.canvas-media-viewer__zoom-controls button:disabled{cursor:not-allowed;opacity:.34}.canvas-media-viewer__zoom-controls output{width:52px;color:#fff;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums;text-align:center}.canvas-media-viewer__state{display:flex;height:100%;align-items:center;justify-content:center;gap:10px;color:var(--oii-text-secondary);font-size:12px}.canvas-media-viewer__state.is-error{color:var(--oii-brand)}.canvas-media-viewer .is-spinning{animation:canvas-image-viewer-spin var(--oii-motion-loading) linear infinite}@keyframes canvas-image-viewer-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.canvas-media-viewer__close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.canvas-media-viewer__stage.is-video .yarl__video_container{padding:18px 10px 68px}.canvas-media-viewer__zoom-controls{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}}.xcanvas-lightweight-minimap{--minimap-bg: var(--color-canvas, var(--oii-bg));--minimap-border: var(--oii-line-strong);--minimap-focus: var(--color-brand, var(--oii-brand));position:relative;box-sizing:border-box;width:180px;height:132px;overflow:hidden;border:1px solid var(--minimap-border);border-radius:8px;background:var(--minimap-bg);box-shadow:var(--oii-popover-shadow);outline:none;touch-action:none}.xcanvas-lightweight-minimap:focus-visible{box-shadow:var(--oii-focus-ring-shadow)}.xcanvas-lightweight-minimap canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.xcanvas-lightweight-minimap__viewport{cursor:crosshair}