/* Shared creation surface contract. Keep original DOM, layout and behavior.
   Color/radius/interaction tokens are shared; feature adapters only address
   legacy selector specificity. Never resize canvas nodes or dialog grids. */
body[data-app-feature] {
  --yj-ui-primary:var(--yj-appearance-primary,#6d28d9);
  --yj-ui-tint:color-mix(in srgb,var(--yj-ui-primary) 8%,white);
  --yj-ui-surface:#fafafd;
  --yj-ui-line:#d4d5df;
  --yj-ui-divider:#eaebf1;
  --yj-ui-ink:#282b38;
  --yj-ui-muted:#646b7a;
  --yj-ui-radius-control:9px;
  --yj-ui-radius-panel:12px;
  --yj-ui-focus:color-mix(in srgb,var(--yj-ui-primary) 60%,white);
  --yj-ui-surface-raised:#fff;
  --yj-ui-control-height:36px;
  --yj-ui-touch-height:44px;
  --yj-ui-font-control:13px;
  --yj-ui-font-body:14px;
  --yj-ui-font-node:16px;
  --yj-ui-shadow-popover:0 8px 24px #282b3814;
}
body[data-app-feature="gpt-image"] {
  --fi-accent:var(--yj-ui-primary);
  --fi-tint:var(--yj-ui-tint);
  --fi-line:var(--yj-ui-line);
  --fi-ink:var(--yj-ui-ink);
  --fi-muted:var(--yj-ui-muted);
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel .gpt-step-card {
  background: #fafafd !important;
  border-color: #eaebf1 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel .gpt-step-card .section-step-label {
  color: var(--fi-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel :is(.step-inline-hint,.gpt-upload-inline-hint,.gpt-subfield-title) {
  color: var(--fi-muted) !important;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel .gpt-upload-block {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel :is(.upload-zone,.upload-dropzone,.upload-area,.upload-drop-zone) {
  background: #fff !important;
  border-color: #afb2c3 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel :is(textarea.gpt-prompt-textarea,select.gpt-setting-select,select.gpt-scene-select) {
  background: #fff !important;
  color: var(--fi-ink) !important;
  border: 1px solid var(--fi-line) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel textarea.gpt-prompt-textarea {
  font-size: 14px !important;
  line-height: 1.7 !important;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel textarea::placeholder {color:#7b8190 !important;}
html body[data-app-feature="gpt-image"] .page-container.app-container #panelGptImage #gpt-image-panel #gptImageSceneSelect {
  border-color: color-mix(in srgb,var(--fi-accent) 45%,white) !important;
  background-color: var(--fi-tint) !important;
  color: var(--fi-accent) !important;
  font-weight: 650 !important;
  cursor: pointer;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel :is(.model-btn,.gpt-count-btn) {
  border: 1px solid var(--fi-line) !important;
  background: #fff !important;
  color: var(--fi-ink) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  transition: border-color .15s ease,background-color .15s ease;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel :is(.model-btn.selected,.gpt-count-btn.active) {
  border-color: var(--fi-accent) !important;
  background: var(--fi-tint) !important;
  color: var(--fi-accent) !important;
  box-shadow: inset 0 0 0 1px var(--fi-accent) !important;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel .model-btn.selected .model-name::after {
  content: ' ✓';
  color: var(--fi-accent);
  font-weight: 800;
}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel .model-btn :is(.gpt-model-card-desc,.model-cost) {color:#586174 !important;}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel .model-btn.selected .model-cost {color:var(--fi-accent) !important;font-weight:700;}
html body[data-app-feature="gpt-image"] :is(#mobileGenerateAction,#mainGenerateSticky .generate-btn) {
  background: var(--fi-accent) !important;
  color: #fff !important;
  border: 1px solid var(--fi-accent) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}
html body[data-app-feature="gpt-image"] :is(#mobileGenerateBar,.saas-panel-sticky-actions) {box-shadow:0 -3px 12px #20213705 !important;}
html body[data-app-feature="gpt-image"] #resultPanel {box-shadow:none !important;}
html body[data-app-feature="gpt-image"] #emptyState {
  background:#f8f8fc !important;
  border:1px solid #ececf3 !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
html body[data-app-feature="gpt-image"] #emptyState :is(.result-empty-spark__mesh,.result-empty-spark__shine,.result-empty-spark__orbit) {opacity:0 !important;}
html body[data-app-feature="gpt-image"] #emptyState .result-empty-spark__core {box-shadow:none !important;}
html body[data-app-feature="gpt-image"] #emptyState .result-empty-title {
  background:none !important;
  -webkit-text-fill-color:var(--fi-ink) !important;
  color:var(--fi-ink) !important;
  font-size:24px !important;
}
html body[data-app-feature="gpt-image"] #emptyState :is(.result-empty-desc,.result-empty-steps) {color:var(--fi-muted) !important;}
html body[data-app-feature="gpt-image"] :is(#resultToolbar button,#generationHistoryBtn,#mobileGenerateReset) {
  border-color:var(--fi-line) !important;
  border-radius:8px !important;
  box-shadow:none !important;
}
/* Shared picker: selected category is strong; edit/save remain visible. */
html body .yj-prompt-library {
  --fi-picker-accent:var(--yj-appearance-primary,#6d28d9);
  border-color:#e0dfe8;
  border-radius:16px;
  box-shadow:0 18px 60px #20213726;
  color:#282b38;
}
html body .yj-canvas-purpose-picker nav button {background:#fff;border-color:#d4d5df;color:#535c70;font-weight:500;}
html body .yj-canvas-purpose-picker nav button[aria-pressed="true"] {
  background:color-mix(in srgb,var(--fi-picker-accent) 10%,white);
  color:var(--fi-picker-accent);
  border-color:var(--fi-picker-accent);
  box-shadow:inset 0 -2px 0 var(--fi-picker-accent);
  font-weight:700;
}
html body .yj-canvas-purpose-card {border-color:#e1e2eb;background:#fff;border-radius:12px;box-shadow:none;}
html body .yj-canvas-purpose-main strong {font-size:16px;color:#252a39;font-weight:700;}
html body .yj-canvas-purpose-main span {color:#60697a;font-size:13px;}
html body .yj-canvas-purpose-actions button {border-color:#c9c7d8;background:#fff;color:#554576;box-shadow:none;}
html body .yj-canvas-purpose-actions button:last-child {background:var(--fi-picker-accent);border-color:var(--fi-picker-accent);color:#fff;font-weight:650;}
html body .yj-prompt-library :is(input,textarea,select) {border-color:#cfd1dd;box-shadow:none;background:#fcfcfe;color:#282b38;}
html body .yj-prompt-library button:disabled {opacity:.5;cursor:default;}
@media (hover:hover) {
  html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel :is(button,select):not(:disabled):hover {
    border-color:var(--fi-accent) !important;
    background-color:var(--fi-tint) !important;
  }
  html body .yj-canvas-purpose-card:hover {border-color:var(--fi-picker-accent);background:#fcfbff;}
  html body .yj-prompt-library button:not(:disabled):hover {border-color:var(--fi-picker-accent);filter:brightness(.97);}
  html body[data-app-feature="gpt-image"] #mobileGenerateAction:not(:disabled):hover {filter:brightness(.91);}
}
html body[data-app-feature="gpt-image"] :is(#panelGptImage,#resultPanel,#mobileGenerateBar) :is(button,select,textarea,input):focus-visible,
html body .yj-prompt-library :is(button,select,textarea,input):focus-visible {
  outline:3px solid var(--yj-ui-focus) !important;
  outline-offset:2px !important;
}
html body[data-app-feature="gpt-image"] .page-container.app-container #panelGptImage #gpt-image-panel #gptImagePromptInput:focus {border-color:var(--fi-accent) !important;box-shadow:0 0 0 3px var(--fi-tint) !important;outline:2px solid var(--yj-ui-focus) !important;outline-offset:1px;}
html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel button:not(:disabled):active,
html body .yj-prompt-library button:not(:disabled):active {filter:brightness(.90);}
@media(prefers-reduced-motion:reduce){html body[data-app-feature="gpt-image"] #panelGptImage #gpt-image-panel :is(.model-btn,.gpt-count-btn){transition:none;}}

/* Shared adapters for existing commercial forms, not a second interface. */
html body[data-app-feature] .page-container.app-container :is(#panelStandard,#panelRewrite,#panelSelfmediaArticle,#panelNanoBanana) :is(.gpt-step-card,.standard-step-card,.commerce-output-type-section,.main-image-screen-section,.model-section) {
  background:var(--yj-ui-surface) !important;
  border-color:var(--yj-ui-divider) !important;
  border-radius:var(--yj-ui-radius-panel) !important;
  box-shadow:none !important;
}
html body[data-app-feature] .page-container.app-container :is(#panelStandard,#panelRewrite,#panelSelfmediaArticle,#panelNanoBanana) :is(.section-step-label,.step-title-main) {
  color:var(--yj-ui-ink) !important;font-weight:700 !important;
}
html body[data-app-feature] .page-container.app-container :is(#panelStandard,#panelRewrite,#panelSelfmediaArticle,#panelNanoBanana) :is(.step-inline-hint,.gpt-subfield-title,.param-subfield-title) {color:var(--yj-ui-muted) !important;}
html body[data-app-feature] .page-container.app-container :is(#panelStandard,#panelRewrite,#panelSelfmediaArticle,#panelNanoBanana,#panelOneClickVideo) :is(.standard-model-trigger,.standard-setting-select,.gpt-setting-select,.main-image-screen-trigger,.prompt-input,.upload-zone) {
  border-color:var(--yj-ui-line) !important;
  border-radius:var(--yj-ui-radius-control) !important;
  background-color:white !important;
  color:var(--yj-ui-ink) !important;
  box-shadow:none !important;
}
html body[data-app-feature] .page-container.app-container :is(#panelStandard,#panelRewrite,#panelSelfmediaArticle,#panelNanoBanana) :is(.model-btn,.param-btn,.commerce-output-type-btn,.matting-tool-btn,.matting-model-btn) {
  border-color:var(--yj-ui-line) !important;
  border-radius:var(--yj-ui-radius-control) !important;
  background:#fff !important;color:var(--yj-ui-ink) !important;box-shadow:none !important;
}
html body[data-app-feature] .page-container.app-container :is(#panelStandard,#panelRewrite,#panelSelfmediaArticle,#panelNanoBanana) :is(.model-btn,.param-btn,.commerce-output-type-btn,.matting-tool-btn,.matting-model-btn):is(.selected,.active,[aria-checked="true"],[aria-pressed="true"]) {
  background:var(--yj-ui-tint) !important;border-color:var(--yj-ui-primary) !important;color:var(--yj-ui-primary) !important;
  box-shadow:inset 0 0 0 1px var(--yj-ui-primary) !important;font-weight:700 !important;
}
html body[data-app-feature] :is(#mobileGenerateBar,#mainGenerateSticky) {background:white !important;box-shadow:0 -3px 12px #20213705 !important;border-color:var(--yj-ui-divider) !important;}
html body[data-app-feature] :is(#mobileGenerateAction,#mainGenerateSticky .generate-btn) {
  background:var(--yj-ui-primary) !important;color:white !important;border-radius:10px !important;box-shadow:none !important;font-weight:700 !important;
}
html body[data-app-feature] .page-container.app-container :is(#panelStandard,#panelRewrite,#panelSelfmediaArticle,#panelNanoBanana,#panelOneClickVideo,#panelOperationCenter) :is(input,textarea,select,button):focus-visible {
  outline:3px solid var(--yj-ui-focus) !important;outline-offset:2px !important;
}
html body[data-app-feature] #panelOperationCenter :is(.ops-canvas-card,.ops-node-focus-editor) {box-shadow:0 2px 8px #282b380a !important;}
/* Node fields share the chat surface's quiet focus, with visible keyboard state. */
html body[data-app-feature="operation-center"] #panelOperationCenter :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocusBody) :is(textarea,select,input[type="text"]) {
  border-color:var(--yj-ui-line)!important;border-radius:var(--yj-ui-radius-control)!important;box-shadow:none!important;
}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocusBody) :is(textarea,select,input[type="text"]):focus-visible {
  outline:2px solid var(--yj-ui-focus)!important;outline-offset:0!important;box-shadow:none!important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-canvas-variable-toggle[role="switch"]:focus-visible {
  outline:2px solid var(--yj-ui-focus);outline-offset:3px;border-radius:20px;
}
/* Canvas menu states share theme tokens; node type colors remain independent. */
html body[data-app-feature="operation-center"] #panelOperationCenter :is(.ops-canvas-add-node-menu,.ops-canvas-node-switch__menu,.ops-canvas-output-combo__menu,.ops-canvas-prompt-text-param-menu) {
  background:var(--yj-ui-surface-raised)!important;border-color:var(--yj-ui-line)!important;
  border-radius:var(--yj-ui-radius-panel)!important;box-shadow:var(--yj-ui-shadow-popover)!important;
  overscroll-behavior:contain;
}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-add-node-menu button,.ops-canvas-node-switch__option,.ops-canvas-output-combo__option,.ops-canvas-prompt-text-param-option) {
  min-height:var(--yj-ui-control-height)!important;font-size:var(--yj-ui-font-control)!important;
}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-add-node-menu button,.ops-canvas-node-switch__option,.ops-canvas-output-combo__option,.ops-canvas-output-combo__trigger,.ops-canvas-prompt-text-param-trigger,.ops-canvas-prompt-text-param-option):focus-visible {
  outline:2px solid var(--yj-ui-focus)!important;outline-offset:2px!important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter :is(.ops-canvas-node-switch__option,.ops-canvas-output-combo__option,.ops-canvas-prompt-text-param-option).is-active {
  box-shadow:inset 0 0 0 1px var(--yj-ui-primary)!important;font-weight:700!important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter :is(.ops-canvas-add-node-menu button,.ops-canvas-node-switch__option,.ops-canvas-output-combo__option,.ops-canvas-output-combo__trigger,.ops-canvas-prompt-text-param-trigger,.ops-canvas-prompt-text-param-option):disabled {
  opacity:.5!important;cursor:not-allowed!important;
}
@media(pointer:coarse),(max-width:767px) {
  html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-add-node-menu button,.ops-canvas-node-switch__option,.ops-canvas-output-combo__option,.ops-canvas-prompt-text-param-option) {min-height:var(--yj-ui-touch-height)!important;}
}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-canvas-prompt-text-param-option {
  color:var(--yj-ui-ink)!important;background:var(--yj-ui-surface-raised)!important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-canvas-prompt-text-param-option:is(:hover,.is-active) {
  color:var(--yj-ui-primary)!important;background:var(--yj-ui-tint)!important;
}
html body[data-app-feature] #panelOperationCenter .yj-prompt-tools button {
  background:var(--yj-ui-tint) !important;border:1px solid var(--yj-ui-primary) !important;color:var(--yj-ui-primary) !important;box-shadow:none !important;
}
html body[data-app-feature] #emptyState {
  background:var(--yj-ui-surface) !important;border:1px solid var(--yj-ui-divider) !important;border-radius:14px !important;box-shadow:none !important;
}
html body[data-app-feature] #emptyState .result-empty-title {background:none !important;-webkit-text-fill-color:var(--yj-ui-ink) !important;color:var(--yj-ui-ink) !important;}
html body[data-app-feature] #emptyState :is(.result-empty-desc,.result-empty-steps) {color:var(--yj-ui-muted) !important;}
/* Brand assets are flat vectors; also remove their previous decorative shells. */
html body[data-app-feature] #panelOneClickVideo :is(.ocv-upload-card,.ocv-core-card) {
  background:var(--yj-ui-surface) !important;border-color:var(--yj-ui-divider) !important;border-radius:var(--yj-ui-radius-panel) !important;box-shadow:none !important;
}
html body[data-app-feature] #panelOneClickVideo :is(select,textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="file"])) {
  background:#fff !important;border-color:var(--yj-ui-line) !important;border-radius:var(--yj-ui-radius-control) !important;color:var(--yj-ui-ink) !important;box-shadow:none !important;
}
html body[data-app-feature] #opsHomeForm {box-shadow:0 2px 8px #282b380a !important;border-color:var(--yj-ui-divider) !important;background:#fff !important;}
html body[data-app-feature] #panelOperationCenter :is(#opsHomeImageModelCurrent,#opsHomeOutputTrigger,#opsHomeUploadBtn) {
  border:1px solid var(--yj-ui-line) !important;border-radius:var(--yj-ui-radius-control) !important;background:#fff !important;color:var(--yj-ui-ink) !important;box-shadow:none !important;
}
html body[data-app-feature] #opsHomeSubmitBtn {background:var(--yj-ui-primary) !important;color:white !important;box-shadow:none !important;}
html body :is(.brand-mark-img,.brand-wordmark-img,.entry-loader__mark,.entry-loader__mark img,.result-empty-spark__core,.result-empty-spark__logo) {
  box-shadow:none !important;filter:none !important;text-shadow:none !important;animation:none !important;
}
html body :is(.entry-loader__mark,.result-empty-spark__core) {background:transparent !important;border-color:transparent !important;}
html body #brandToolJump :is(.brand-mark-img,.brand-wordmark-img) {box-shadow:none !important;filter:none !important;}
/* Use one icon plus the existing text label at every breakpoint. */
html body #brandToolJump .brand-wordmark-img {display:none !important;}
html body #brandToolJump .brand-mark-img {display:block !important;width:32px !important;height:32px !important;flex:0 0 32px;}
html body :is(.entry-loader__mark::before,.entry-loader__mark::after,.result-empty-spark__mesh,.result-empty-spark__shine,.result-empty-spark__orbit) {display:none !important;}
html body .result-empty-spark__tag {box-shadow:none !important;background:#f0edf7 !important;color:#625475 !important;border:0 !important;}
@media(hover:hover){
  html body[data-app-feature] .page-container.app-container :is(#panelStandard,#panelRewrite,#panelSelfmediaArticle,#panelNanoBanana) :is(.standard-model-trigger,.standard-setting-select,.gpt-setting-select,.main-image-screen-trigger,.model-btn,.param-btn,.commerce-output-type-btn):not(:disabled):hover {border-color:var(--yj-ui-primary) !important;background-color:var(--yj-ui-tint) !important;}
}


/* Shared transient surfaces: keep controls recognizable and keyboard focus clear. */
html body :is(.yj-select-sheet,.canvas-favorites-drawer) {
  color:var(--yj-ui-ink);background:var(--yj-ui-surface);
  border:1px solid var(--yj-ui-divider);border-radius:var(--yj-ui-radius-panel);
  box-shadow:0 12px 36px #282b381a;
}
html body :is(.yj-select-sheet,.canvas-favorites-drawer) header h2 {font-size:22px;font-weight:750;color:var(--yj-ui-ink);}
html body :is(.yj-select-sheet,.canvas-favorites-drawer) :is(button,input,textarea,select):focus-visible {
  outline:3px solid var(--yj-ui-focus);outline-offset:2px;
}
html body :is(.yj-select-sheet,.canvas-favorites-drawer) :is(input,textarea,select) {border-color:var(--yj-ui-line);border-radius:var(--yj-ui-radius-control);}
html body .canvas-favorites-content {overscroll-behavior:contain;}

/* One composer control recipe for image AND video modes. */
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm {
  --yj-composer-control-height:40px;
  --yj-composer-control-font:13px;
}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm :is(.ops-home-image-model-current,.ops-home-output-trigger,.ops-home-video-trigger) {
  display:inline-flex !important;align-items:center !important;justify-content:space-between !important;
  height:var(--yj-composer-control-height) !important;min-height:var(--yj-composer-control-height) !important;
  padding:0 12px !important;gap:8px !important;
  border:1px solid var(--yj-ui-line) !important;border-radius:var(--yj-ui-radius-control) !important;
  background:var(--yj-ui-surface) !important;color:var(--yj-ui-ink) !important;
  font-size:var(--yj-composer-control-font) !important;font-weight:600 !important;line-height:1.4 !important;box-shadow:none !important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm :is(.ops-home-image-model-current__name,.ops-home-output-trigger__value,.ops-home-video-trigger span) {
  font-size:inherit !important;font-weight:inherit !important;color:inherit !important;line-height:inherit !important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm :is(.ops-home-output-picker,.ops-home-video-picker) {
  margin-left:0 !important;padding-left:0 !important;border-left:0 !important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm :is(.ops-home-composer-toolbar,.ops-home-video-toolbar) {
  gap:8px !important;height:auto !important;min-height:40px !important;flex-wrap:wrap !important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm .ops-home-composer-foot {
  align-items:center !important;gap:12px !important;flex-wrap:wrap !important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm .ops-home-composer-actions {min-width:0 !important;max-width:100% !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm .ops-home-cost-hint {
  border:0 !important;margin:0 !important;padding:0 !important;white-space:normal !important;max-width:240px !important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm #opsHomeSubmitBtn {
  min-height:40px !important;height:40px !important;padding:0 20px !important;border-radius:var(--yj-ui-radius-control) !important;font-size:13px !important;font-weight:700 !important;flex-shrink:0 !important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm :is(.ops-home-image-model-current,.ops-home-output-trigger,.ops-home-video-trigger):is(:hover,[aria-expanded="true"]) {
  background:var(--yj-ui-tint) !important;border-color:var(--yj-ui-primary) !important;color:var(--yj-ui-primary) !important;
}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsHomeForm :is(.ops-home-image-model-current,.ops-home-output-trigger,.ops-home-video-trigger):disabled {opacity:.5 !important;cursor:not-allowed !important;}

/* Fit the canvas content column, including when the app sidebar is visible. */
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-section {
  width: min(920px, 100%) !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

/* Subtle dashed grid: position and spacing follow the canvas transform. */
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasViewport {
  background-color: #fafafd !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M0 .5H32M.5 0V32' fill='none' stroke='%237d7998' stroke-opacity='.16' stroke-width='1' stroke-dasharray='2 4'/%3E%3C/svg%3E") !important;
  background-size: var(--ops-grid-size, 32px) var(--ops-grid-size, 32px) !important;
  background-position: var(--ops-grid-x, 0px) var(--ops-grid-y, 0px) !important;
  background-repeat: repeat !important;
}
/* Shortcut illustrations and labels share one quiet card system. */
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card {display:flex !important;flex-direction:column !important;background:#fff !important;border:1px solid #e2deec !important;border-radius:12px !important;overflow:hidden !important;text-align:left !important;transform:none !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card__media {aspect-ratio:3/2 !important;border-radius:0 !important;background:#f7f5fb !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card__caption {position:static !important;display:flex !important;flex-direction:column !important;gap:6px !important;padding:12px !important;color:#252336 !important;background:#fff !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card__caption strong {font-size:15px !important;font-weight:700 !important;line-height:1.4 !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card__caption small {font-size:12px !important;line-height:1.6 !important;color:#686579 !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card:is(:hover,:focus-visible) {border-color:#7845d1 !important;outline:2px solid #dfd3f6 !important;outline-offset:2px !important;filter:none !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card__hover {display:none !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card {height:auto !important;aspect-ratio:auto !important;min-height:0 !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card__media {flex:none !important;height:auto !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card__caption {flex:none !important;min-height:76px;box-sizing:border-box;}

.reference-role-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;}
.reference-role-grid button {min-width:0;min-height:72px;border:1px dashed var(--yj-ui-line);border-radius:var(--yj-ui-radius-control);background:var(--yj-ui-surface);color:var(--yj-ui-primary);font:inherit;font-weight:600;cursor:pointer;padding:8px;}
.reference-role-grid button:not(:disabled):hover,.reference-role-grid button:focus-visible {border-color:var(--yj-ui-primary);background:var(--yj-ui-tint);outline:2px solid var(--yj-ui-focus);outline-offset:2px;}
.reference-role-grid button:disabled {opacity:.5;cursor:not-allowed;}
.reference-role-grid[hidden] {display:none !important;}

/* G2.5 campaign artwork: real HTML keeps the offer readable and accessible. */
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-recommend-card img:is([src*="skills-g25/fashion"],[src*="skills-g25/hero"]) {object-position:center top !important;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11 {
  min-height:140px;padding:24px clamp(24px,4vw,64px);gap:24px;color:#fff;
  background:#240e30;border-radius:12px;margin-bottom:16px;overflow:visible;
}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11::before {
  background:url('/assets/skills-g25/festival-top.webp') center 62% / cover no-repeat;
  border-radius:12px;
}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11__festival,
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11__offer {text-shadow:0 1px 4px #17092080;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11__contact summary {
  background:#fff5df;color:#4c213e;box-shadow:none;border:1px solid #fff9ed;
}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11-atmosphere {
  min-height:190px;padding:32px 20%;background:#f4f0eb url('/assets/skills-g25/festival-bottom.webp') center 62% / cover no-repeat;
  border-radius:12px;color:#49304a;
}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11-atmosphere::before,
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11-atmosphere::after {display:none;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11-atmosphere p {color:#6b526d;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11-atmosphere em {color:#702d62;}
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-project-card--presets,
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-home-project-card--presets:hover {
  background-image:linear-gradient(90deg,#191720ed 0%,#191720a6 40%,#19172000 70%),url('/assets/skills-g25/workflow.webp') !important;
  background-position:center !important;box-shadow:none !important;
}
@media(max-width:640px){
  html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11 {padding:20px;gap:14px;min-height:190px;}
  html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11::before {background-position:center;}
  html body[data-app-feature="operation-center"] #panelOperationCenter .ops-double11-atmosphere {padding:24px 16%;min-height:160px;}
}

/* One creation entry: visible mode choice and reusable instruction skills. */
#opsHomeShell[data-creation-mode="agent"] :is(#opsHomeImageModelPicker,#opsHomeOutputPicker,#opsHomeVideoToolbar){display:none!important}
#opsHomeAgentBadge{display:none}
#opsHomeShell[data-creation-mode="agent"] #opsHomeAgentBadge{display:inline-flex}
html body[data-app-feature] #opsHomeAgentBadge,
html body[data-app-feature] #panelPromptAssistant.pa-canvas-docked [data-pa-mode]{
  background:var(--yj-ui-tint)!important;color:var(--yj-ui-primary)!important;
  border:1px solid var(--yj-ui-primary)!important;border-radius:9px!important;font-weight:700!important;
  min-height:36px;font-size:13px!important;padding:8px 12px!important;
}
html body[data-app-feature] :is(#opsHomeCreationSkills,[data-canvas-creation-skills]){
  background:#fff;color:var(--yj-ui-ink);border:1px solid var(--yj-ui-line);border-radius:9px;min-height:36px;padding:8px 12px;font-size:13px!important;white-space:nowrap;
}
html body[data-app-feature] :is(#opsHomeCreationSkills,[data-canvas-creation-skills])[aria-pressed="true"]{background:var(--yj-ui-tint,#f5f0ff);border-color:var(--yj-ui-primary,#6d28d9);color:var(--yj-ui-primary,#6d28d9);font-weight:600}
html body[data-app-feature] #opsHomeShell .ops-home-tabs{width:min(100%,540px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.yj-creation-skills{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:80dvh;overflow:auto;border:1px solid var(--yj-ui-line,#ddd);border-radius:16px;padding:20px;color:var(--yj-ui-ink,#282b38);background:white;box-shadow:0 16px 48px #282b3820}
.yj-creation-skills::backdrop{background:#15112255}
.yj-creation-skills header{display:flex;align-items:center;justify-content:space-between;gap:12px}.yj-creation-skills h2{font-size:22px;margin:0}.yj-creation-skills p{color:var(--yj-ui-muted,#646b7a);line-height:1.6;font-size:13px}
.yj-creation-skills input{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--yj-ui-line,#ddd);border-radius:9px;margin-bottom:12px}
.yj-creation-skills__list{display:grid;gap:8px}.yj-creation-skills button{cursor:pointer;border:1px solid var(--yj-ui-line,#ddd);border-radius:9px;background:white;padding:12px;text-align:left}.yj-creation-skills__list button{display:grid;gap:5px}.yj-creation-skills__list span{font-size:13px;color:var(--yj-ui-muted,#646b7a)}
.yj-creation-skills button:hover{border-color:var(--yj-ui-primary,#6d28d9);background:var(--yj-ui-tint,#f5f0ff)}
.yj-creation-skills__list article{min-width:0;border:1px solid var(--yj-ui-line,#ddd);border-radius:12px;overflow:hidden;background:white}
.yj-creation-skills__list article>button{width:100%;border:0;border-radius:0}
.yj-creation-skills__list button[aria-pressed="true"]{background:var(--yj-ui-tint,#f5f0ff);box-shadow:inset 3px 0 var(--yj-ui-primary,#6d28d9)}
.yj-creation-skills__list small{font-size:12px;color:var(--yj-ui-primary,#6d28d9)}
.yj-creation-skills__list details{padding:0 12px 10px;color:var(--yj-ui-muted,#646b7a);font-size:12px;line-height:1.65}
.yj-creation-skills__list summary{cursor:pointer;padding:6px 0}.yj-creation-skills__list ol{padding-left:20px;margin:4px 0 0}
.yj-creation-skills__list button{min-width:0;overflow-wrap:anywhere}
.yj-creation-skills :is(button,input):focus-visible{outline:2px solid var(--yj-ui-primary,#6d28d9);outline-offset:2px}
.yj-creation-skills__list summary{font-weight:600;color:var(--yj-ui-primary,#6d28d9);padding:10px 0;min-height:24px}
.yj-skill-document{border-top:1px solid var(--yj-ui-line,#ddd);padding:16px 4px 4px;color:var(--yj-ui-text,#202533);font-size:14px;line-height:1.8;overflow-wrap:anywhere}
[data-creation-skills]>header{position:sticky;top:0;z-index:2;background:white;padding:8px 0;margin-top:-8px}
[data-creation-skills] details{scroll-margin-top:76px}
.yj-skill-document h3{margin:0;font-size:20px;line-height:1.4}.yj-skill-document h4{margin:20px 0 6px;font-size:14px}.yj-skill-document .yj-skill-document__version{margin:4px 0 16px;font-size:12px;color:var(--yj-ui-muted,#646b7a)}
.yj-creation-skills__list .yj-skill-document :is(ol,ul){padding-left:22px;margin:0}.yj-skill-document li+li{margin-top:7px}.yj-skill-document blockquote{margin:0;padding:12px 14px;border-left:3px solid var(--yj-ui-primary,#6d28d9);border-radius:0 8px 8px 0;background:var(--yj-ui-tint,#f5f0ff)}
[data-creation-skills] .yj-skill-document ol{list-style:decimal outside}[data-creation-skills] .yj-skill-document ul{list-style:disc outside}[data-creation-skills] .yj-skill-document li{display:list-item}[data-creation-skills] .yj-skill-document h4{font-weight:650}
.yj-skill-document footer{display:flex;justify-content:flex-end;margin-top:20px;padding-top:14px;border-top:1px solid var(--yj-ui-line,#ddd)}.yj-creation-skills .yj-skill-document__use{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;background:var(--yj-ui-primary,#6d28d9);color:#fff;border-color:var(--yj-ui-primary,#6d28d9);font-weight:600;text-align:center}.yj-creation-skills .yj-skill-document__use:hover{filter:brightness(.95);background:var(--yj-ui-primary,#6d28d9)}
@media(max-width:767px){html body[data-app-feature] :is(#opsHomeAgentBadge,#opsHomeCreationSkills,[data-canvas-creation-skills],#panelPromptAssistant.pa-canvas-docked [data-pa-mode]){min-height:44px}.pa-canvas-docked .pa-mode-controls{flex-wrap:wrap!important}.yj-creation-skills{padding:16px}}


/* Canvas card system: category accents describe type; brand outline describes selection.
   Keep graph geometry, menu visibility, resize handles and execution state semantics. */
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter {
  --ops-card-line:#dfe3eb;
  --ops-card-muted:#717889;
  --ops-card-ink:#252b3a;
}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter #opsCanvasViewport {background-color:#f7f8fb!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card {
  border:1px solid var(--ops-card-line)!important;
  border-left:3px solid var(--ops-node-accent,#64748b)!important;
  border-radius:14px!important;background:#fff!important;
  color:var(--ops-card-ink)!important;
  box-shadow:0 3px 12px #27314a08!important;
  transition:border-color .15s,box-shadow .15s!important;
}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card:hover {border-top-color:#b9c0cf!important;border-right-color:#b9c0cf!important;border-bottom-color:#b9c0cf!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card:is(.is-selected,.is-multi-selected) {
  border-color:var(--yj-ui-primary)!important;
  outline:2px solid color-mix(in srgb,var(--yj-ui-primary) 22%,transparent);outline-offset:2px;
  box-shadow:0 3px 14px #27314a0c!important;
}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card:is(.ops-canvas-card--asset-image,.ops-canvas-card--result-image,.ops-canvas-card--result-video) {border-left-width:1px!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-card__head,.ops-canvas-variable-head,.ops-canvas-designer-head) {border-bottom-color:var(--yj-ui-divider)!important;gap:6px!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-card h4,.ops-canvas-card-title) {font-size:16px!important;line-height:1.4!important;letter-spacing:0!important;color:var(--ops-card-ink)!important;font-weight:650!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-card__kicker,.ops-canvas-card-summary__kind) {font-size:11px!important;font-weight:600!important;letter-spacing:0!important;border-radius:6px!important;padding:3px 7px!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card-summary__text {font-size:13px!important;line-height:1.65!important;color:#414b5e!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card-summary__meta {font-size:12px!important;line-height:1.65!important;color:var(--ops-card-muted)!important;overflow-wrap:anywhere;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card-summary__actions {border-top:1px solid var(--yj-ui-divider)!important;padding-top:10px!important;gap:6px!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-prompt-text-action,.ops-canvas-node-menu>button):not([hidden]) {min-height:30px!important;padding:5px 10px!important;border-radius:8px!important;line-height:1.3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;box-shadow:none!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-prompt-text-action--primary:not(:disabled) {background:var(--yj-ui-primary)!important;color:#fff!important;border-color:var(--yj-ui-primary)!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-prompt-text-action--danger,.ops-canvas-image-action--danger):not(:disabled) {color:#b6424d!important;background:#fff!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card button:disabled {cursor:not-allowed!important;opacity:.48!important;box-shadow:none!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card .ops-canvas-port {box-shadow:0 0 0 3px #fff!important;border:1px solid var(--ops-node-accent,#64748b)!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card .ops-canvas-port:is(:hover,.is-connect-source) {box-shadow:0 0 0 4px var(--yj-ui-tint)!important;}
/* Focus editors use the same card chrome, without competing teal/purple focus rings. */
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter #opsCanvasDesktopExpansion {border:1px solid var(--ops-card-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 28px #27314a10!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocusBody) :is(textarea,input[type="text"],select) {background:#fafbfd!important;border-color:var(--ops-card-line)!important;color:var(--ops-card-ink)!important;font-size:14px!important;line-height:1.6!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocusBody) textarea:focus-visible {background:#fff!important;border-color:var(--yj-ui-primary)!important;outline:2px solid var(--yj-ui-tint)!important;outline-offset:1px!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-focus-composer-row,.ops-canvas-prompt-text-params) {gap:8px!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-output-combo__trigger,.ops-canvas-prompt-text-param-trigger,.ops-canvas-node-switch__trigger) {min-height:32px!important;background:#f8f9fc!important;border-color:var(--ops-card-line)!important;border-radius:8px!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-variable-hint,.ops-canvas-designer-intro,.ops-canvas-llm-output-card__hint) {color:var(--ops-card-muted)!important;line-height:1.6!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card--note {background:#fffdf6!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card--note .ops-canvas-note-title {font-size:24px!important;line-height:1.5!important;color:#172033!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card--note.is-focus-summary .ops-canvas-card-summary__text {font-size:24px!important;line-height:1.5!important;font-weight:650!important;color:#172033!important;margin:0!important;max-height:none!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocusBody) textarea.ops-canvas-note-title {font-size:18px!important;line-height:1.65!important;color:#172033!important;min-height:170px!important;padding:14px!important;font-weight:500!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card--llm-output {background:#fffaf6!important;}
/* Empty canvas is a calm launcher, with readable labels instead of nine heavy tiles. */
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-empty-panel {padding:22px 18px 16px!important;border-color:var(--ops-card-line)!important;border-radius:18px!important;background:#ffffffed!important;box-shadow:0 8px 28px #27314a06!important;gap:14px!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-empty-panel__title {font-size:18px!important;font-weight:650!important;color:var(--ops-card-ink)!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-empty-node-grid {gap:8px!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-empty-node-btn {min-height:62px!important;padding:10px!important;border:1px solid #e5e8ef!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-empty-node-btn:hover {background:var(--yj-ui-tint)!important;border-color:var(--yj-ui-focus)!important;box-shadow:none!important;transform:none!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-empty-node-btn strong {font-size:13px!important;font-weight:600!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-empty-node-btn em {font-size:11px!important;line-height:1.45!important;color:var(--ops-card-muted)!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-empty-node-btn__icon {width:28px!important;height:28px!important;border-radius:8px!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter [data-ops-canvas-add="llm-text"] .ops-canvas-empty-node-btn__icon {background:#f0ebfc!important;color:#7956b9!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter [data-ops-canvas-add="video-generate"] .ops-canvas-empty-node-btn__icon {background:#fff3e4!important;color:#ad7028!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter [data-ops-canvas-add="prompt-text"] .ops-canvas-empty-node-btn__icon {background:#eaf1fc!important;color:#5079b1!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-empty-upload {border-color:#dce1ec!important;border-radius:11px!important;background:#f8f9fc!important;box-shadow:none!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-selection-bar {border-color:var(--ops-card-line)!important;border-radius:12px!important;box-shadow:0 3px 12px #27314a08!important;background:#fff!important;}
@media(pointer:coarse){html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-prompt-text-action {min-height:40px!important;}}
@media(prefers-reduced-motion:reduce){html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter :is(.ops-canvas-card,.ops-canvas-empty-node-btn) {transition:none!important;}}

html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-card:has(>.ops-canvas-card__head) .ops-canvas-card-summary__kind {display:none!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter #opsCanvasDesktopExpansion .ops-canvas-focus-proxy {background:#fff!important;box-shadow:none!important;border-width:0!important;border-radius:inherit!important;}
/* Keep the add-node entry reachable when a floating editor is near the dock. */
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-dock {z-index:60!important;}
html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter .ops-canvas-dock:has(#opsCanvasAddNodeBtn[aria-expanded="true"]) {z-index:130!important;}
/* One right-hand workspace: node configuration temporarily replaces Agent, never its state. */
@media(min-width:768px){
  html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter.is-node-inspector-open #opsDropSurface {grid-template-columns:minmax(0,1fr) clamp(360px,38%,480px)!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter.is-node-inspector-open #opsChatPane {display:none!important;}
  html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter #opsCanvasDesktopExpansion:not([hidden]) {position:relative!important;inset:auto!important;grid-column:2!important;grid-row:1!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:none!important;min-width:0!important;overflow:auto!important;box-sizing:border-box!important;border:0!important;border-left:1px solid var(--ops-card-line)!important;border-radius:0!important;box-shadow:none!important;padding:0 20px 24px!important;transform:none!important;z-index:65!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasDesktopExpansion .ops-canvas-focus-proxy {width:100%!important;min-width:0!important;max-width:100%!important;padding:16px 0!important;box-sizing:border-box!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasDesktopExpansion .ops-focus-composer-row {flex-wrap:wrap!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasDesktopExpansion .ops-focus-composer-row--bottom {display:flex!important;gap:14px!important;align-items:center!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasDesktopExpansion .ops-focus-params-inline {display:flex!important;flex-wrap:wrap!important;min-width:0!important;gap:8px!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasDesktopExpansion .ops-focus-actions-inline {margin-left:auto!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasDesktopExpansion textarea {width:100%!important;box-sizing:border-box!important;min-height:140px!important;resize:vertical!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter .ops-canvas-card--prompt-text [data-ops-prompt-text-body] {pointer-events:none;}
}
.ops-inspector-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--yj-ui-line,#e5e8ef);background:#fff;}
.ops-inspector-head div{display:grid;gap:5px}.ops-inspector-head small{font-size:12px;color:#717889}.ops-inspector-head strong{font-size:17px;color:#252b3a;overflow-wrap:anywhere}.ops-inspector-head button{border:1px solid var(--yj-ui-primary,#6d28d9);background:var(--yj-ui-tint,#f5f0ff);color:var(--yj-ui-primary,#6d28d9);border-radius:8px;min-height:36px;padding:7px 14px;cursor:pointer;white-space:nowrap}.ops-inspector-field{display:grid;gap:10px;font-size:13px;font-weight:600}.ops-inspector-field textarea{font-weight:400;border:1px solid #dfe3eb;border-radius:9px;padding:12px;}
/* Compact graph cards: one header, one summary, one state; detailed fields live in configuration. */
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards .ops-canvas-card-summary__actions {display:none!important;}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards .ops-canvas-card-summary__meta {font-size:12px!important;}
.ops-inspector-head input{font-size:17px!important;font-weight:650;border:1px solid transparent!important;background:transparent!important;min-width:0;width:100%;padding:3px 0;box-sizing:border-box;}.ops-inspector-head input:focus{border-color:var(--yj-ui-primary)!important}.ops-inspector-head>div{min-width:0;flex:1}.ops-inspector-actions{display:flex;gap:8px;padding-top:20px;border-top:1px solid var(--yj-ui-line,#e5e8ef);margin-top:12px}.ops-inspector-actions button{padding:8px 12px;border:1px solid #dfe3eb;border-radius:8px;background:#fff;cursor:pointer}.ops-inspector-actions button:last-child{color:#b33d45}
@media(min-width:768px){html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards :is(.ops-canvas-card__head .ops-canvas-llm-options,.ops-canvas-card__head .ops-canvas-llm-option){display:none!important}}
@media(min-width:768px){
  html body[data-app-feature="operation-center"] #panelOperationCenter.is-node-inspector-open #opsCanvasSelectionBar {display:none!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards .ops-canvas-card__head :is(input,.ops-canvas-llm-options,.ops-canvas-llm-option,.ops-canvas-node-channel-switch){pointer-events:none;}
}
@media(max-width:767px){
  body.ops-canvas-focus-sheet-open[data-app-feature="operation-center"] #opsChatPane{visibility:hidden!important;pointer-events:none!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasNodeFocus .ops-canvas-node-focus__head{display:flex!important;align-items:center!important;padding:16px 52px 12px 18px!important;min-height:48px!important;box-sizing:border-box!important;}
  html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasNodeFocusClose{display:flex!important;align-items:center;justify-content:center;position:absolute!important;right:12px!important;top:10px!important;min-width:36px;min-height:36px;z-index:5;}
}

/* Compact image waiting UI: current status only; billing remains in quote/receipt. */
html body #resultPanel .result-panel-loading-state {
  grid-template-columns: minmax(0,1fr);
  grid-template-areas: "line" "sub" "bar";
  gap:6px; padding:12px 14px; border:1px solid var(--yj-ui-line,#e5e7eb);
  border-radius:12px; background:var(--yj-ui-surface,#fafafd);
}
html body #resultPanel .result-panel-loading-state__bar {width:100%;min-width:0;height:4px;margin-top:3px;}
html body #resultPanel .result-panel-loading-state__line {font-size:13px;line-height:1.5;font-weight:600;}
html body #resultPanel .result-panel-loading-state__sub {font-size:12px;line-height:1.5;white-space:normal;color:var(--yj-ui-muted,#646b7a);}
html body #resultPanel .result-skeleton:not(.result-skeleton--failed) .skeleton-img {
  padding:18px 12px;box-sizing:border-box;gap:9px;border-radius:12px;
  border-color:var(--yj-ui-line,#e5e7eb);background:var(--yj-ui-surface,#fafafd);
}
html body #resultPanel .skeleton-img__pulse {width:24px;height:24px;border-width:2px;border-color:var(--yj-ui-line,#e5e7eb);border-top-color:var(--yj-ui-primary,#6d28d9);}
html body #resultPanel .skeleton-img__sub {font-size:12px;line-height:1.5;color:var(--yj-ui-muted,#646b7a);}
html body #resultPanel .skeleton-img__eta {font-size:11px;line-height:1.5;color:var(--yj-ui-muted,#646b7a);}
/* Also suppress obsolete decorations restored by older drafts. */
html body #resultPanel :is(.generation-stage-timeline,.skeleton-img__charge,.result-panel-loading-state__steps) {display:none;}

/* Shared draggable boundary for the Agent pane and node inspector. */
.ops-pane-splitter {display:none}
@media(min-width:769px){
 html body[data-app-feature="operation-center"] .page-container.app-container #panelOperationCenter:is(.is-node-inspector-open,:not(.is-ops-chat-collapsed)) #opsDropSurface.ops-has-splitter {position:relative!important;grid-template-columns:minmax(0,1fr) var(--ops-side-width,44%)!important}
 html body[data-app-feature="operation-center"] #panelOperationCenter:is(.is-node-inspector-open,:not(.is-ops-chat-collapsed)) #opsDropSurface>.ops-pane-splitter {display:block;position:absolute;z-index:150;top:0;bottom:0;left:calc(100% - var(--ops-side-width,44%) - 5px);width:10px;cursor:col-resize;touch-action:none;outline:none}
 .ops-pane-splitter::after {content:'';position:absolute;left:4px;top:calc(50% - 24px);width:3px;height:48px;border-radius:4px;background:#cbd3df;transition:background .15s,height .15s}
 .ops-pane-splitter:hover::after,.ops-pane-splitter:focus-visible::after,.is-pane-resizing>.ops-pane-splitter::after {top:0;height:100%;background:var(--yj-ui-primary,#7135c5)}
 .ops-pane-splitter:focus-visible {box-shadow:inset 0 0 0 2px var(--yj-ui-primary,#7135c5)}
 .is-pane-resizing,.is-pane-resizing * {user-select:none!important;cursor:col-resize!important}
 html body[data-app-feature="operation-center"] #panelOperationCenter #opsDropSurface.ops-has-splitter>.ops-chat-pane {min-width:0!important;width:100%!important;max-width:100%!important}
}

/* New text/AI nodes keep editable output on the canvas; model settings live in the inspector. */
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards .ops-canvas-card--llm-text.is-unified-text {display:flex!important;flex-direction:column!important;gap:10px!important;padding:14px!important;min-width:240px!important;min-height:250px!important;height:320px;overflow:visible!important;box-sizing:border-box!important}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards .ops-canvas-card--llm-text.is-unified-text>.ops-canvas-card-summary {display:none!important}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards .ops-canvas-card--llm-text.is-unified-text>.ops-unified-text-head {display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;color:#64748b;font-size:11px}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards .ops-unified-text-head input {min-width:0;width:65%;border:0;background:transparent;font-weight:650;font-size:18px;color:#182338}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards .ops-canvas-card--llm-text.is-unified-text>.ops-unified-text-editor {display:block!important;visibility:visible!important;flex:1 1 auto!important;width:100%!important;min-height:170px!important;max-height:none!important;margin:0!important;padding:12px!important;resize:none!important;box-sizing:border-box!important;border:1px solid #dce2ed!important;border-radius:10px!important;background:#fff!important;font-size:20px!important;line-height:1.65!important;color:#182338!important;white-space:pre-wrap!important;overflow:auto!important;pointer-events:auto!important;user-select:text!important}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards .ops-canvas-card--llm-text.is-unified-text>.ops-unified-text-foot {display:block!important;flex:0 0 auto;font-size:13px;color:#475569}
html body[data-app-feature="operation-center"] #panelOperationCenter #opsDropSurface :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocusBody) .ops-canvas-focus-proxy textarea[data-ops-llm-output],
html body[data-app-feature="operation-center"] #panelOperationCenter #opsDropSurface :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocusBody) .ops-canvas-focus-proxy textarea[data-ops-llm-output-body],
html body[data-app-feature="operation-center"] #panelOperationCenter #opsDropSurface :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocusBody) .ops-canvas-focus-proxy textarea[data-ops-inspector-text],
html body[data-app-feature="operation-center"] #panelOperationCenter #opsDropSurface :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocusBody) .ops-canvas-focus-proxy textarea[data-ops-note-title]{font-size:18px!important;line-height:1.65!important;color:#182338!important;min-height:150px!important;background:#fff!important}
.ops-node-purpose{padding:8px 0 12px;margin-bottom:12px;border-bottom:1px solid #e2e6ef;color:#475569;font-size:13px;line-height:1.6}
.ops-node-purpose--compact{padding:0 0 8px;margin-bottom:8px}
.ops-node-purpose strong{display:block;color:#182338;font-size:14px;font-weight:650}
.ops-node-purpose p{margin:3px 0 0;overflow-wrap:anywhere}
.ops-node-purpose summary{cursor:pointer;color:#6941a8}
html body[data-app-feature="operation-center"] #panelOperationCenter :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocus) .ops-canvas-prompt-text-action.ops-text-ai-run{width:auto!important;min-width:88px!important;padding:0 14px!important;white-space:nowrap;font-size:14px!important}

/* Optional designer uses the same variable scope instead of a second card. */
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-variable-designer { margin:18px 0; padding:16px 0; border-top:1px solid #e2e6ef; border-bottom:1px solid #e2e6ef; }
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-variable-designer .ops-inspector-field { display:grid;gap:10px;font-size:13px;font-weight:600; }
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-variable-designer .ops-canvas-designer-select { width:100%;min-height:44px;font-size:14px; }
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasCards .ops-canvas-card--variable > .ops-variable-designer { display:none!important; }
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasDesktopExpansion .ops-canvas-variable-head,
html body[data-app-feature="operation-center"] #panelOperationCenter #opsCanvasNodeFocusBody .ops-canvas-variable-head { display:grid!important;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-width:0; }
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-canvas-variable-head .ops-canvas-variable-name { grid-column:1 / -1;width:100%!important;min-width:0!important;box-sizing:border-box; }
html body[data-app-feature="operation-center"] #panelOperationCenter .ops-canvas-variable-head .ops-canvas-variable-scope { width:100%!important;min-width:0!important;box-sizing:border-box; }
.ops-text-editor-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:4px 0 20px; }
.ops-text-editor-switch { display:inline-flex; padding:4px; gap:4px; border:1px solid #e1dced; border-radius:12px; background:#f3f0f8; }
.ops-text-editor-switch button { border:0; border-radius:8px; padding:10px 20px; font-family:inherit; font-size:15px; font-weight:600; line-height:1.3; color:#697084; background:transparent; cursor:pointer; }
.ops-text-editor-switch button[aria-pressed="true"] { color:#6429c8; background:white; box-shadow:0 1px 4px #30204b18; }
.ops-text-editor-switch button:focus-visible, .ops-text-editor-more summary:focus-visible { outline:2px solid #793cea; outline-offset:3px; }
.ops-text-editor-more { position:relative; font-size:13px; color:#687086; }
.ops-text-editor-more summary { padding:10px; cursor:pointer; }
.ops-text-editor-more button { position:absolute; right:0; top:100%; z-index:4; white-space:nowrap; padding:12px 16px; border:1px solid #e1dced; border-radius:10px; background:white; color:#43506a; box-shadow:0 4px 18px #30204b12; cursor:pointer; }
html body[data-app-feature="operation-center"] #panelOperationCenter #opsDropSurface :is(#opsCanvasDesktopExpansion,#opsCanvasNodeFocusBody) .ops-text-ai-request textarea[data-ops-llm-prompt] { font-size:18px!important; line-height:1.65!important; min-height:190px!important; color:#182338!important; background:white!important; }