/* Editor chrome is a layer over the canvas; it never reserves rows or columns. */
body.canvas-focus #app{padding:0;gap:0;height:100dvh;position:relative;overflow:hidden}
body.canvas-focus #topbar.site-header,body.canvas-focus #editor-toolbar{display:none!important}
body.canvas-focus #viewport,body.canvas-focus #workbench{position:absolute;inset:0;margin:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;min-height:0}
body.canvas-focus #workbench{padding:85px 24px 24px 100px;gap:20px}
.canvas-chrome{position:fixed;z-index:40;display:flex;align-items:center;gap:7px;font-family:inherit;pointer-events:auto;color:var(--text);font-size:12px}
#canvas-project-bar{top:16px;left:16px;max-width:calc(100vw - 410px);height:45px;padding:4px 7px 4px 5px;gap:5px;border:1px solid var(--glass-line,var(--line));border-radius:14px;background:var(--glass,var(--panel));backdrop-filter:blur(20px);box-shadow:0 3px 18px #14283c0b,inset 0 1px 0 #ffffff30}
#canvas-home{display:flex;align-items:center;gap:7px;padding:6px 7px;height:35px;border-radius:9px;color:var(--text);text-decoration:none;font-size:11px;white-space:nowrap}
#canvas-home:hover{background:var(--accent-bg)}#canvas-home .site-symbol{width:22px;height:22px;gap:1.5px}.chrome-divider{width:1px;height:20px;background:var(--line);flex:none}
body.canvas-focus #project-switch{max-width:215px;min-width:0;margin:0;flex:1}
body.canvas-focus #project-switch .proj-btn{width:auto;max-width:215px;min-width:75px;height:34px;padding:5px 8px;display:flex;flex-direction:row;gap:7px;background:transparent;border:0;box-shadow:none;border-radius:8px;font-size:11px;font-weight:500;color:var(--text)}
body.canvas-focus #project-switch .proj-btn:hover{background:var(--accent-bg)}#canvas-project-bar .proj-btn>svg{width:14px;height:14px;flex:none}#canvas-project-bar .proj-btn>svg:last-child{width:12px;opacity:.6}#canvas-project-bar .proj-btn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}
#canvas-actions{top:16px;right:16px;gap:8px;max-width:calc(100vw - 315px);height:45px}
#canvas-actions #mode-switch{padding:4px;border-radius:12px;border:1px solid var(--glass-line,var(--line));background:var(--glass,var(--panel));backdrop-filter:blur(20px);box-shadow:0 3px 18px #14283c08}
#canvas-actions #mode-switch button{font-size:10px;padding:6px 10px;border-radius:8px;color:var(--text-2);white-space:nowrap}#canvas-actions #mode-switch .on{background:var(--panel);color:var(--text);box-shadow:0 1px 5px #0000000a}
body.canvas-focus #studio-tools{display:flex!important;gap:5px;margin:0;padding:4px;border:1px solid var(--glass-line,var(--line));background:var(--glass,var(--panel));border-radius:12px;backdrop-filter:blur(20px)}
#canvas-actions #studio-tools [data-studio=tasks]{display:none!important}
#canvas-actions #studio-tools button{display:flex!important;align-items:center;justify-content:center;width:33px;height:33px;min-width:33px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-2);box-shadow:none}
#canvas-actions #studio-tools button:hover{background:var(--accent-bg);color:var(--text)}#canvas-actions #studio-tools [data-studio=batch]{background:var(--text);color:var(--panel)}#canvas-actions #studio-tools button span,#canvas-actions #studio-tools kbd{display:none!important}#canvas-actions #studio-tools svg{width:15px;height:15px}
#canvas-actions #tb-right{display:flex;gap:6px;margin:0;font-size:11px}#canvas-actions .site-theme-toggle{display:none}#canvas-actions .site-user-menu summary{padding:5px 6px;border:1px solid var(--glass-line,var(--line));background:var(--glass,var(--panel));border-radius:12px;height:43px;backdrop-filter:blur(20px)}#canvas-actions .site-user-menu summary>span:not(.site-avatar),#canvas-actions .site-user-menu summary>i{display:none}#canvas-actions .site-user-menu .site-avatar{width:30px;height:30px;font-size:12px}#canvas-actions .site-balance{display:block;align-self:center;font-size:9px;padding:7px 9px;background:var(--glass,var(--panel));color:var(--text-2)!important;border:1px solid var(--glass-line,var(--line));border-radius:10px;cursor:pointer}#canvas-actions .site-balance b{color:var(--text)}#canvas-actions .site-user-dropdown{background:var(--panel);border-color:var(--line);color:var(--text);min-width:165px}#canvas-actions .site-user-dropdown a:hover,#canvas-actions .site-user-dropdown button:hover{background:var(--panel-2)}
body.canvas-focus #studio-rail.floating-palette{position:fixed;top:85px;left:16px;bottom:auto;width:68px;max-height:calc(100dvh - 180px);padding:7px;gap:5px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;overflow:visible;z-index:39;border:1px solid var(--glass-line,var(--line));border-radius:17px;background:var(--glass,var(--panel));color:var(--text-2);box-shadow:0 4px 22px #14283c0b,inset 0 1px 0 #ffffff25;backdrop-filter:blur(20px)}
body.canvas-focus #studio-rail .rail-top{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:0;overflow:auto;scrollbar-width:thin;max-height:calc(100dvh - 245px);width:100%}
body.canvas-focus #studio-rail button{width:52px;min-height:49px;height:49px;padding:6px 2px;flex:none;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:4px;background:transparent;color:var(--text-2);cursor:pointer;font-family:inherit;transition:background .18s,color .18s,transform .18s}
body.canvas-focus #studio-rail button:hover{background:var(--accent-bg);color:var(--text);transform:translateY(-1px)}body.canvas-focus #studio-rail button>svg{width:19px;height:19px}body.canvas-focus #studio-rail button>span{font-size:9px;line-height:1.2;white-space:nowrap}
body.canvas-focus #studio-rail .palette-add{border:1px dashed var(--line-2);border-radius:10px;margin-top:4px;min-height:34px;height:34px;background:var(--panel-2)}body.canvas-focus #studio-rail .palette-add[aria-expanded=true]{border-style:solid;background:var(--accent-bg);color:var(--accent-2)}body.canvas-focus #studio-rail .palette-add>svg{width:17px;height:17px}
body.canvas-focus #studio-rail.palette-icons-only{width:55px;padding:6px}body.canvas-focus #studio-rail.palette-icons-only button{width:41px;height:38px;min-height:38px}body.canvas-focus #studio-rail.palette-icons-only button>span{display:none}
body.canvas-focus #studio-rail[data-placement=top]{top:80px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);max-height:75px;flex-direction:row;padding:6px;border-radius:15px;gap:3px}
body.canvas-focus #studio-rail[data-placement=top] .rail-top{flex-direction:row;width:auto;max-height:none;min-width:0;gap:3px}body.canvas-focus #studio-rail[data-placement=top] button{width:56px;height:48px;min-height:48px}body.canvas-focus #studio-rail[data-placement=top] .palette-add{width:34px;height:34px;min-height:34px;margin:0 0 0 4px}body.canvas-focus #studio-rail[data-placement=top].palette-icons-only button{width:37px;height:37px;min-height:37px}
.floating-tool-picker{position:fixed;z-index:90;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:0 16px 60px #14283c20,inset 0 1px 0 #ffffff12;border-radius:17px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:17px;font:12px/1.5 inherit}
.floating-tool-picker>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:15px}.floating-tool-picker h2{font-size:15px;font-weight:600;margin:0 0 4px;letter-spacing:-.3px}.floating-tool-picker .palette-config-summary{font-size:10px;color:var(--text-3)}.floating-tool-picker [data-close]{width:24px;height:24px;border:0;border-radius:7px;background:var(--panel-2);color:var(--text-2);font-size:19px;line-height:1;cursor:pointer}
.palette-config{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);margin-bottom:12px;flex:none}.palette-config>label{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--text-2)}.palette-config input[type=range]{width:auto;min-width:0;flex:1;height:14px;accent-color:var(--accent-2);cursor:pointer}.palette-config b{font-size:11px;font-weight:600;min-width:12px;text-align:right;color:var(--text)}.palette-config>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;font-size:10px;color:var(--text-2)}.palette-config>div>label{display:flex;align-items:center;gap:7px}.palette-config select{font:10px inherit;border:1px solid var(--line);border-radius:6px;padding:4px 7px;background:var(--panel);color:var(--text);cursor:pointer;min-width:95px}.palette-label-toggle{white-space:nowrap}.palette-config input[type=checkbox]{accent-color:var(--accent-2);cursor:pointer;margin:0}
.palette-search{width:100%;padding:9px 11px;font:11px inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;margin-bottom:10px;flex:none}.palette-tool-list{overflow:auto;overscroll-behavior:contain;max-height:340px;min-height:0;scrollbar-width:thin}.palette-tool-row{display:flex;align-items:center;gap:6px;padding:4px 0;border-radius:9px;min-width:0}.palette-tool-order{width:15px;flex:none;font-size:8px;color:var(--text-3);text-align:center}.palette-tool-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:7px 3px;border:0;border-radius:8px;background:none;text-align:left;color:var(--text);font:inherit;cursor:pointer}.palette-tool-open:hover{background:var(--accent-bg)}.palette-tool-open>svg{width:17px;height:17px;color:var(--text-2);flex:none}.palette-tool-open span{min-width:0}.palette-tool-open b{display:block;font-size:11px;font-weight:500}.palette-tool-open small{display:block;font-size:8px;color:var(--text-3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-tool-moves{display:flex;gap:1px}.palette-tool-moves button{border:0;background:none;color:var(--text-2);font-size:12px;cursor:pointer;padding:5px;min-width:18px}.palette-tool-moves button:disabled{opacity:.2;cursor:default}.palette-tool-pin{display:flex;align-items:center;justify-content:center;width:27px;height:32px;cursor:pointer}.palette-tool-pin input{width:14px;height:14px;accent-color:var(--accent-2);cursor:pointer}.floating-tool-picker>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding-top:12px;border-top:1px solid var(--line);font-size:9px;color:var(--text-3);flex:none}.floating-tool-picker [data-reset]{border:0;background:none;color:var(--text-2);font:10px inherit;cursor:pointer;padding:4px}.palette-empty{font-size:11px;color:var(--text-3);text-align:center;padding:15px}
body.canvas-focus #canvas-meta{top:auto;bottom:80px;left:22px;font-size:10px;opacity:.75;z-index:3}body.canvas-focus #save-state{top:70px;right:18px}body.canvas-focus #assets{top:72px;bottom:76px;border-radius:15px}body.canvas-focus #minimap{bottom:82px}body.canvas-focus .archive-indicator{top:auto!important;bottom:86px;right:18px;max-width:min(300px,calc(100% - 40px))}
@media(max-width:1150px){#canvas-actions .site-balance{display:none}#canvas-project-bar{max-width:calc(100vw - 350px)}}
@media(max-width:680px){#canvas-project-bar{top:12px;left:12px;height:42px;max-width:calc(100vw - 110px);padding:4px;gap:3px}#canvas-home{padding:5px;width:32px;justify-content:center}#canvas-home>span:not(.site-symbol){display:none}#canvas-home .site-symbol{width:21px;height:21px}body.canvas-focus #project-switch{max-width:160px}body.canvas-focus #project-switch .proj-btn{min-width:65px;max-width:160px;font-size:10px;padding:4px 6px;gap:5px}#canvas-project-bar .proj-btn>svg:first-child{display:none}#canvas-actions{top:12px;right:12px;max-width:none;height:42px;gap:5px}#canvas-actions #studio-tools{padding:3px;border-radius:10px}#canvas-actions #studio-tools button{width:29px;min-width:29px;height:31px}#canvas-actions #studio-tools [data-studio=batch]{display:none!important}#canvas-actions .site-user-menu summary{height:41px;padding:4px}#canvas-actions .site-user-menu .site-avatar{width:29px;height:29px}#canvas-actions #mode-switch{position:fixed;top:65px;right:12px;padding:3px;border-radius:10px}#canvas-actions #mode-switch button{font-size:9px;padding:5px 8px}.canvas-chrome{gap:4px}body.canvas-focus #studio-rail.floating-palette{top:76px;left:12px;width:57px;padding:5px;max-height:calc(100dvh - 235px);border-radius:14px}body.canvas-focus #studio-rail button{width:45px;height:45px;min-height:45px;gap:4px}body.canvas-focus #studio-rail button>svg{width:18px;height:18px}body.canvas-focus #studio-rail button>span{font-size:8px}body.canvas-focus #studio-rail .rail-top{max-height:calc(100dvh - 295px)}body.canvas-focus #studio-rail .palette-add{height:32px;min-height:32px}body.canvas-focus #studio-rail.palette-icons-only{width:50px;padding:5px}body.canvas-focus #studio-rail.palette-icons-only button{width:38px;height:36px;min-height:36px}body.canvas-focus #studio-rail[data-placement=top]{top:111px;left:50%;width:max-content;max-height:65px;max-width:calc(100vw - 24px)}body.canvas-focus #studio-rail[data-placement=top] .rail-top{max-height:none}body.canvas-focus #studio-rail[data-placement=top] button{width:48px;height:45px;min-height:45px}body.canvas-focus #canvas-meta{left:18px;bottom:142px;font-size:9px}body.canvas-focus #save-state{top:107px;right:12px;max-width:calc(100% - 90px)}body.canvas-focus #assets{top:109px;bottom:140px;max-width:calc(100vw - 84px)}body.canvas-focus #workbench{padding:112px 15px 24px 80px}body.canvas-focus .archive-indicator{bottom:143px;font-size:10px}.floating-tool-picker{padding:14px}.palette-tool-list{max-height:min(320px,42dvh)}}
@media(prefers-reduced-motion:reduce){body.canvas-focus #studio-rail button{transition:none}}

body.canvas-focus #notice{position:fixed;top:70px;right:17px;max-width:280px;padding:5px 10px;font-size:10px;z-index:38;background:var(--glass,var(--panel));border:1px solid var(--line);border-radius:8px;color:var(--text-2)}@media(max-width:680px){body.canvas-focus #notice{top:110px;right:12px;max-width:190px}}

body.canvas-focus.mode-wb #canvas-actions #studio-tools [data-studio=batch]{display:none!important}

#canvas-actions .site-account-icon.site-theme-toggle{display:none}#canvas-actions .site-account-icon.site-notices-button{width:41px;height:43px;padding:0;background:var(--glass,var(--panel));border:1px solid var(--glass-line,var(--line));border-radius:12px;color:var(--text-2);backdrop-filter:blur(20px)}#canvas-actions .site-user-chevron{display:none}#canvas-actions .site-user-dropdown [data-site-logout]{color:#b05b52}#canvas-actions .site-user-dropdown a>svg{color:var(--text-2)}

@media(max-width:680px){#canvas-project-bar{max-width:calc(100vw - 172px)}#canvas-actions .site-account-icon.site-notices-button{height:41px}}

#canvas-actions #studio-tools button{overflow:hidden;position:relative}#canvas-actions #studio-tools button[disabled]{opacity:.5}#canvas-actions #studio-tools button .member-lock-label{display:none!important}#canvas-actions #studio-tools button svg{flex:none;width:15px;height:15px}#canvas-actions #studio-tools button[disabled]:after{content:'';position:absolute;width:4px;height:4px;background:currentColor;border-radius:50%;right:5px;bottom:5px}
.cp-assist{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}.cp-assist .cp-prompt-picker{flex:1;min-width:0}.cp-assist>span{display:none}.cp-assist .prompt-picker{width:100%}.wb-tpls.prompt-picker{width:100%;margin:0}.cp-bar{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.cp-bar .cp-model{flex:1 1 90px;min-width:76px;max-width:140px}.cp-bar .channel-choice{flex:0 1 90px;min-width:64px;max-width:95px}.cp-bar .cp-quality{flex:none;padding:5px 8px}.cp-bar .cp-count{flex:none;max-width:51px}.cp-bar .cp-go{flex:none;width:auto;min-width:100px;max-width:130px;overflow:hidden}.cp-bar .cp-go .member-lock-label{display:none!important}@media(max-width:600px){.cp-bar{flex-wrap:wrap}.cp-bar .cp-go{margin-left:auto}.cp-bar .cp-quality{padding:5px}}

#canvas-actions #studio-tools button[data-member-locked]:after{content:""!important;font-size:0!important}.cp-go[data-member-locked]:after{display:none!important}

.as-resource-actions{display:flex;gap:7px;padding:0 2px 12px;flex:none}.as-resource-actions .btn{font-size:10px;height:28px;padding:5px 9px}.lib-tabs{flex-wrap:wrap}.lib-item img{object-fit:contain}