#canvasAppearanceSettings{margin-top:22px}
.studio-corner-axes{display:none}
.cc.grid-hidden .cc-stage{background-image:none!important}
html[data-canvas-appearance="studio-gray"] .cc.grid-hidden .cc-stage{background-image:none!important}
html[data-canvas-appearance="studio-gray"] .studio-corner-axes{display:block;position:absolute;left:18px;bottom:48px;width:58px;height:52px;z-index:4;pointer-events:none;font:11px "Segoe UI",sans-serif}
.studio-corner-axes .corner-x{position:absolute;left:14px;top:3px;color:#e89595;border-bottom:1px solid #c97878}
.studio-corner-axes .corner-y{position:absolute;left:0;top:15px;color:#a6c895;border-left:1px solid #8bae7b;padding-left:4px}
.studio-corner-axes small{position:absolute;right:0;bottom:0;color:#bbb}
html[data-canvas-appearance="studio-gray"] .studio-disc button{touch-action:none;cursor:move}
.studio-navigation,.studio-axes{display:none}
html[data-canvas-appearance="studio-gray"] .cc .cc-stage{background-color:#363636!important;background-image:linear-gradient(#6667 1px,transparent 1px),linear-gradient(90deg,#6667 1px,transparent 1px),linear-gradient(#494949 1px,transparent 1px),linear-gradient(90deg,#494949 1px,transparent 1px)!important;background-size:var(--studio-major,200px) var(--studio-major,200px),var(--studio-major,200px) var(--studio-major,200px),var(--studio-grid,40px) var(--studio-grid,40px),var(--studio-grid,40px) var(--studio-grid,40px)!important;background-position:var(--studio-x,0px) var(--studio-y,0px)!important;box-shadow:inset 0 0 0 1px #baac3f}
html[data-canvas-appearance="studio-gray"] .studio-axes{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.studio-axis-x{position:absolute;left:0;right:0;top:var(--studio-y);height:1px;background:#151515}
.studio-axis-y{position:absolute;top:0;bottom:0;left:var(--studio-x);width:1px;background:#151515}
html[data-canvas-appearance="studio-gray"] .cc-world{z-index:1}
html[data-canvas-appearance="studio-gray"] .studio-navigation{display:grid;justify-items:center;gap:6px;position:absolute;right:18px;top:14px;z-index:5;color:#ddd;font-size:10px;user-select:none}
.studio-disc{position:relative;width:88px;height:88px;border:2px solid #888;border-radius:50%;background:radial-gradient(circle,#575757 0 40%,#303030 42% 60%,#6a6a6a 62% 65%,#424242 67%);box-shadow:0 2px 5px #0006}
.studio-disc span{position:absolute;font-size:9px;color:#ddd;line-height:12px}
.studio-north{top:2px;left:34px}.studio-south{bottom:2px;left:34px}.studio-east{right:0;top:37px}.studio-west{left:0;top:37px}
html[data-canvas-appearance="studio-gray"] .studio-disc button{position:absolute;inset:26px;padding:0!important;background:#666!important;color:#fff!important;font-weight:700;border-color:#a6a6a6!important}
html[data-canvas-appearance="studio-gray"] .studio-navigation>button{font-size:10px;padding:2px 7px!important}
html[data-canvas-appearance="studio-gray"] .cc.clean-view .studio-navigation{display:none}
.canvas-theme-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0}
.canvas-theme-choices button{text-align:left;padding:14px;border:1px solid var(--line,#657080);border-radius:10px;background:var(--panel,#292d34);color:var(--text,#eee);cursor:pointer}
.canvas-theme-choices button.selected{outline:2px solid #4797e8;outline-offset:2px}
.canvas-theme-choices strong,.canvas-theme-choices small{display:block;margin-top:8px}
.canvas-theme-choices small{opacity:.8;line-height:1.6}
.canvas-theme-preview{display:block;height:110px;position:relative;background:#171b23;border:1px solid #656b75;border-radius:5px;overflow:hidden}
.canvas-theme-preview:before{content:'';position:absolute;inset:0 0 auto;height:15px;background:#353b47}
.canvas-theme-preview i{position:absolute;left:6px;top:22px;width:16px;height:78px;background:#333946}
.canvas-theme-preview em{position:absolute;right:0;top:16px;bottom:0;width:23%;background:#303741}
.canvas-theme-preview b{position:absolute;left:30%;top:35px;width:30%;height:52px;border:1px solid #58a7e7;background:#282e3a;border-radius:8px}
.canvas-theme-preview.studio-gray{background:linear-gradient(#292929,#414141)}
.canvas-theme-preview.studio-gray:before,.canvas-theme-preview.studio-gray i,.canvas-theme-preview.studio-gray em{background:#494949}
.canvas-theme-preview.studio-gray b{border-color:#dfce40;background:#555;border-radius:2px}
/* Scope the professional skin to the canvas; account and commerce pages retain their theme. */
html[data-canvas-appearance="studio-gray"] .cc{--bg:#353535;--panel:#454545;--text:#ececec;--muted:#bcbcbc;--line:#626262;--accent:#e4d64d;--accent-soft:#686035;--cc-border:#626262;background:#353535;color:#ececec}
html[data-canvas-appearance="studio-gray"] .cc .cc-stage{background-color:#353535;background-image:radial-gradient(#555 1px,transparent 1px);background-size:24px 24px}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-side-shell,.cc-inspector,.cc-tool-island,.cc-side-rail,.cc-panel-head,.cc-panel-run){background:#454545!important;color:#ececec;border-color:#626262;border-radius:3px;box-shadow:0 1px 3px #0004}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-node,.cc-media-node){background:#414141;color:#ececec;border:1px solid #707070;border-radius:3px;box-shadow:0 2px 7px #0005}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-node,.cc-media-node).selected{border-color:#eadc43;box-shadow:0 0 0 1px #eadc43}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-node,.cc-media-node)>header{background:#505050;border-bottom:1px solid #676767;border-radius:2px 2px 0 0}
html[data-canvas-appearance="studio-gray"] .cc :is(input,textarea,select){background:#353535!important;color:#f0f0f0!important;border:1px solid #666!important;border-radius:3px}
html[data-canvas-appearance="studio-gray"] .cc button{border-radius:3px;color:#e8e8e8}
html[data-canvas-appearance="studio-gray"] .cc button:is(.active,[aria-selected=true]){background:#596879;color:#fff;border-color:#83a2c3}
html[data-canvas-appearance="studio-gray"] .cc .primary{background:#547691;color:#fff;border:1px solid #839aaf}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-panel-section,.cc-panel-tabs,.cc-generation-tabs){border-color:#666}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-panel-hint,.cc-text-cost,.cc-port-label){color:#c8c8c8}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-quick-menu,.cc-context-menu,.cc-tool-menu){background:#494949;color:#eee;border-color:#717171;border-radius:3px}
/* Complete control skin: opaque desktop controls, not the classic glass/accent skin. */
html[data-canvas-appearance="studio-gray"] .cc{--accent:#88b4dc;--accent-soft:#526777;--surface:#454545;--surface-2:#505050;--input-bg:#383838;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
html[data-canvas-appearance="studio-gray"] .cc :is(button,.primary,.cc-generate-main){background:#555!important;background-image:none!important;color:#ededed!important;border:1px solid #707070!important;border-radius:2px!important;box-shadow:inset 0 1px 0 #ffffff12!important;text-shadow:none!important;backdrop-filter:none!important}
html[data-canvas-appearance="studio-gray"] .cc button:hover:not(:disabled){background:#666!important;border-color:#939393!important}
html[data-canvas-appearance="studio-gray"] .cc button:is(.active,[aria-selected=true],[aria-pressed=true]),html[data-canvas-appearance="studio-gray"] .cc button:active:not(:disabled){background:#676147!important;border-color:#d6c547!important;color:#fff5b0!important;box-shadow:inset 0 1px 3px #0005!important}
html[data-canvas-appearance="studio-gray"] .cc button:disabled{background:#474747!important;color:#999!important;border-color:#5a5a5a!important;opacity:1;cursor:not-allowed}
html[data-canvas-appearance="studio-gray"] .cc :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select,[contenteditable=true],.cc-ref-editor){background:#363636!important;background-image:none!important;color:#ededed!important;border:1px solid #666!important;border-radius:2px!important;box-shadow:inset 0 1px 3px #0004!important;backdrop-filter:none!important;font-family:inherit}
html[data-canvas-appearance="studio-gray"] .cc :is(input,textarea,select,[contenteditable=true]):focus-visible{outline:1px solid #98b3c9!important;outline-offset:0;box-shadow:none!important;border-color:#98b3c9!important}
html[data-canvas-appearance="studio-gray"] .cc :is(input,textarea)::placeholder{color:#aaa!important}
html[data-canvas-appearance="studio-gray"] .cc :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:#88a9c5}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-node,.cc-media-node,.cc-node.type-prompt,.cc-node.type-compare){background:#414141!important;background-image:none!important;backdrop-filter:none!important;border-radius:2px!important;box-shadow:0 2px 4px #0005!important}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-node,.cc-media-node).selected{border:1px solid #e8d747!important;box-shadow:0 0 0 1px #e8d747!important}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-media-surface,.cc-reference,.cc-generator-core,.cc-panel-section,.cc-main-prompt,.cc-panel-tabs,.cc-generation-tabs,.cc-asset-grid article,.cc-asset-preview){background:#414141!important;background-image:none!important;border-color:#666!important;color:#e5e5e5;backdrop-filter:none!important;border-radius:2px!important}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-tool-island,.cc-side-rail,.cc-side-shell,.cc-inspector,.cc-quick-create,.cc-submit-review,.cc-zoom){background:#484848!important;background-image:none!important;backdrop-filter:none!important;border:1px solid #666;border-radius:2px!important;box-shadow:0 2px 5px #0005!important}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-panel-head,.cc-panel-run){background:#494949!important;backdrop-filter:none!important;border-radius:0!important}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-tool-island,.cc-side-rail) button{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-tool-island,.cc-side-rail) button:hover{background:#5b6873!important;border-color:#8ba4ba!important}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-tool-island,.cc-side-rail) button.active{background:#676147!important;border-color:#d6c547!important;color:#fff5b0!important}
/* Preserve connector semantics and shape: ports are not rectangular action buttons. */
html[data-canvas-appearance="studio-gray"] .cc button.cc-port{border-radius:50%!important;padding:0!important;background:#b0b9bf!important;border:1px solid #d4d8da!important;box-shadow:none!important}
html[data-canvas-appearance="studio-gray"] .cc button.port-image{background:#95af82!important}
html[data-canvas-appearance="studio-gray"] .cc button.port-text{background:#b1a1c3!important}
html[data-canvas-appearance="studio-gray"] body:has(.cc) .cc-prompt-window{background:#464646!important;color:#eee!important;border:1px solid #777!important;border-radius:3px!important;backdrop-filter:none!important}
html[data-canvas-appearance="studio-gray"] body:has(.cc) .cc-prompt-window :is(textarea,.cc-ref-editor){background:#363636!important;color:#eee!important;border:1px solid #666!important;border-radius:2px!important}
html[data-canvas-appearance="studio-gray"] body:has(.cc) .cc-prompt-window button{background:#575757!important;color:#eee!important;border:1px solid #777!important;border-radius:2px!important}
/* Semantic control tokens: future skins override values, not individual widgets. */
html[data-canvas-appearance="studio-gray"]{--studio-panel:#454545;--studio-control:#575757;--studio-input:#505050;--studio-ink:#f0f0f0;--studio-active:#6086ad;--studio-credit:#74d8e5;--studio-wire:#9da6ad}
html[data-canvas-appearance="studio-gray"] .cc button:is(.active,[aria-selected=true],[aria-pressed=true]),html[data-canvas-appearance="studio-gray"] .cc :is(.cc-tool-island,.cc-side-rail) button.active{background:var(--studio-active)!important;background-image:none!important;color:white!important;border-color:transparent!important;box-shadow:none!important}
html[data-canvas-appearance="studio-gray"] .cc :is(textarea,input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),select,[contenteditable=true],.cc-ref-editor),html[data-canvas-appearance="studio-gray"] body:has(.cc) .cc-prompt-window :is(textarea,.cc-ref-editor){background:var(--studio-input)!important;color:var(--studio-ink)!important;border-color:#616161!important;box-shadow:none!important}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-text-cost,.cc-run-cost,.cc-run-cost summary,.cc-run-credit){color:var(--studio-credit)!important}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-status,.cc-tip,.cc-zoom){background:var(--studio-panel)!important;color:#ddd!important;border-color:#626262!important;background-image:none!important;backdrop-filter:none!important}
html[data-canvas-appearance="studio-gray"] .cc .cc-status.error{color:#ffb0a9!important}
html[data-canvas-appearance="studio-gray"] .cc .cc-links .cc-edge-line{stroke:var(--studio-wire)!important;stroke-width:1.5;filter:none}
html[data-canvas-appearance="studio-gray"] .cc .cc-links .cc-edge.selected .cc-edge-line,html[data-canvas-appearance="studio-gray"] .cc .cc-links .cc-edge:hover .cc-edge-line{stroke:#e5d552!important;stroke-width:2.5}
html[data-canvas-appearance="studio-gray"] :is(.cc-quick-create,.cc-island-menu,.cc-ref-picker){background:var(--studio-panel)!important;color:var(--studio-ink)!important;backdrop-filter:none!important;border:1px solid #666!important;border-radius:2px!important;background-image:none!important}
html[data-canvas-appearance="studio-gray"] :is(.cc-quick-create,.cc-island-menu,.cc-ref-picker) button{background:transparent!important;color:var(--studio-ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-canvas-appearance="studio-gray"] :is(.cc-quick-create,.cc-island-menu,.cc-ref-picker) button:hover{background:var(--studio-active)!important}
/* Compact desktop tabs, light native selects, and a readable menu layer. */
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-work-tabs,.cc-panel-tabs){display:flex;gap:0;padding:0 4px;background:#444!important;border-bottom:1px solid #696969}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-work-tabs,.cc-panel-tabs) button{min-height:28px;height:28px;padding:3px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px}
html[data-canvas-appearance="studio-gray"] .cc :is(.cc-work-tabs,.cc-panel-tabs) button.active{background:#6086ad!important;color:#fff!important}
html[data-canvas-appearance="studio-gray"] .cc .cc-work-tabs{margin-bottom:12px}
html[data-canvas-appearance="studio-gray"] .cc select{background:#e7e7e7!important;color:#171717!important;border:1px solid #aaa!important;border-radius:2px!important;color-scheme:light;padding-top:5px!important;padding-bottom:5px!important;box-shadow:none!important}
html[data-canvas-appearance="studio-gray"] .cc select option{background:#f0f0f0;color:#161616}
html[data-canvas-appearance="studio-gray"] :is(.cc-quick-create,.cc-island-menu,.cc-ref-picker){background:#c8c8c8!important;color:#171717!important;border-color:#929292!important;padding:4px!important;font-size:12px;box-shadow:2px 3px 5px #0005!important}
html[data-canvas-appearance="studio-gray"] :is(.cc-quick-create,.cc-island-menu,.cc-ref-picker) :is(button,summary,h3,small,span){color:#191919!important;text-shadow:none}
html[data-canvas-appearance="studio-gray"] :is(.cc-quick-create,.cc-island-menu,.cc-ref-picker) button{padding:4px 8px!important;min-height:25px;line-height:17px!important;font-size:12px!important}
html[data-canvas-appearance="studio-gray"] :is(.cc-quick-create,.cc-island-menu,.cc-ref-picker) button:hover{color:#fff!important;background:#6086ad!important}
html[data-canvas-appearance="studio-gray"] .cc-ref-picker button.is-active{color:#fff!important;background:#6086ad!important}
html[data-canvas-appearance="studio-gray"] .cc-ref-picker button.is-active span{color:#fff!important}
html[data-canvas-appearance="studio-gray"] :is(.cc-quick-create,.cc-island-menu,.cc-ref-picker) button:hover span{color:#fff!important}
html[data-canvas-appearance="studio-gray"] .cc .cc-links .cc-edge .cc-edge-line{stroke:#66dce6!important;stroke-width:2.5!important;opacity:1!important;vector-effect:non-scaling-stroke;filter:none!important}
html[data-canvas-appearance="studio-gray"] .cc .cc-links .cc-edge:is(.selected,:hover) .cc-edge-line{stroke:#b1f5fb!important;stroke-width:3.5!important}
/* Match only the canvas header: other account pages keep their own appearance. */
html[data-canvas-appearance="studio-gray"] body:has(.cc) .topbar{background:#444!important;color:#eee;border-bottom:1px solid #a89e40!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-canvas-appearance="studio-gray"] body:has(.cc) .topbar :is(button,.balance,.account-button){background:#4d4d4d!important;background-image:none!important;color:#eee!important;border:1px solid transparent!important;border-radius:2px!important;box-shadow:none!important;text-shadow:none!important}
html[data-canvas-appearance="studio-gray"] body:has(.cc) .topbar button:hover{background:#606060!important;border-color:#777!important}
html[data-canvas-appearance="studio-gray"] body:has(.cc) .topbar :is(.breadcrumb,.breadcrumb a,#crumb){color:#eee!important}
html[data-canvas-appearance="studio-gray"] body:has(.cc) .topbar :is(.balance,#headerCredits){color:#74d8e5!important}
html[data-canvas-appearance="studio-gray"] body:has(.cc) .topbar :is(.commerce-member,.commerce-invite){color:#eddb73!important}