/* Revision 03 · an actual workspace composition, shared by both local forks. */
html[data-lab-design="workspace"]{--studio-bg:#fff;--app-sidebar-bg:#f7f8fa;--ws-ink:#202126;--ws-blue:#315cdf;--ws-quiet:#686e78;--ws-surface:#f5f6f8;--ws-border:#e7e9ed}
html[data-lab-design="workspace"].theme-dark{--studio-bg:#141415;--app-sidebar-bg:#19191b;--ws-ink:#f2f2f3;--ws-blue:#93b2ff;--ws-quiet:#a1a4ad;--ws-surface:#202123;--ws-border:#303135}
html[data-lab-design="workspace"] .kale-global-effects{display:none!important}
html[data-lab-design="workspace"] .dashboard-page{display:none!important}
html[data-lab-design="workspace"] .app-content-body:has(.ws-home){padding:0!important;overflow:hidden!important}
html[data-lab-design="workspace"] .app-top-toolbar{z-index:20!important}
html[data-lab-design="workspace"] .app-sidebar:has([aria-label="折叠侧栏"]),html[data-lab-design="workspace"] .app-sidebar:has([aria-label="折叠侧栏"])>div>div{width:202px!important}
html[data-lab-design="workspace"] .sidebar-nav-item.is-active{background:#202126!important;color:#fff!important}
html[data-lab-design="workspace"].theme-dark .sidebar-nav-item.is-active{background:#35363b!important}
html[data-lab-design="workspace"] .sidebar-top-block{padding-block:17px 28px!important}
html[data-lab-design="workspace"] .sidebar-nav-item{border-radius:7px!important}
.ws-home{height:100%;min-height:0;overflow:auto;color:var(--ws-ink);background:var(--studio-bg);font-size:13px;line-height:1.5;scrollbar-width:thin;scrollbar-color:#b8bdc5 transparent}
.ws-home *,.ws-modal-header *{box-sizing:border-box}
.ws-home h1,.ws-home h2,.ws-home h3,.ws-home p{margin:0}
.ws-home button,.ws-home a{color:inherit;font:inherit;text-decoration:none}
.ws-home button{border:0;background:transparent;cursor:pointer}
.ws-icon{width:18px;height:18px;display:inline-block;flex-shrink:0;background:currentColor;mask:var(--ws-icon) center/contain no-repeat;-webkit-mask:var(--ws-icon) center/contain no-repeat;vertical-align:middle}
.ws-page-label{height:59px;display:flex;align-items:center;gap:12px;padding:0 32px;border-bottom:1px solid var(--ws-border);font-size:11px}
.ws-page-label>span{letter-spacing:1.8px;font-size:10px;color:var(--ws-quiet)}
.ws-page-label>b{font-weight:500;border-left:1px solid var(--ws-border);padding-left:12px}
.ws-content{max-width:1500px;margin:auto;padding:30px 36px 36px}
.ws-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:36px;align-items:stretch;min-height:350px}
.ws-create{min-width:0;padding:8px 0}
.ws-eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1px;color:var(--ws-quiet);margin-bottom:14px}
.ws-eyebrow>span{width:5px;height:5px;background:var(--ws-blue);border-radius:50%}
.ws-home h1{font-size:clamp(30px,3.2vw,46px);font-weight:650;letter-spacing:-1.7px;line-height:1.25;margin-bottom:24px}
.ws-home h1 em{font-style:normal;color:var(--ws-blue)}
.ws-create-box{border:1px solid var(--ws-border);border-radius:13px;padding:13px 15px 12px;background:var(--studio-panel);box-shadow:0 4px 16px #21252c04}
.ws-modes{display:flex;align-items:center;gap:5px;margin-bottom:14px}
.ws-modes button{display:flex;gap:6px;align-items:center;padding:6px 10px;border-radius:6px;font-size:12px;color:var(--ws-quiet)}
.ws-modes button .ws-icon{width:15px;height:15px}
.ws-modes button[aria-pressed=true]{background:var(--ws-surface);color:var(--ws-ink);font-weight:600}
.ws-mode-description{font-size:11px;color:var(--ws-quiet);line-height:1.6;min-height:18px}
.ws-prompt{border:0;outline:0;resize:none;width:100%;background:transparent;color:var(--ws-ink);font-family:inherit;line-height:1.7;font-size:13px;padding:10px 0 0;min-height:57px;max-height:90px}
.ws-prompt::placeholder{color:var(--ws-quiet);opacity:.85}
.ws-create-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}
.ws-create-footer>span{font-size:10px;color:var(--ws-quiet)}
.ws-home .ws-start{background:#202126;color:#fff;border-radius:7px;padding:9px 12px;display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}
.theme-dark .ws-home .ws-start{background:#f1f1f3;color:#202126}
.ws-start .ws-icon{width:15px;height:15px}
.ws-suggestions{display:flex;gap:12px;align-items:center;font-size:10px;margin-top:13px;color:var(--ws-quiet)}
.ws-suggestions button{padding:1px 0;border-bottom:1px solid var(--ws-border)}
.ws-showcase{position:relative;overflow:hidden;min-height:350px;border-radius:13px;background:#e8eae4;isolation:isolate;color:#fff!important}
.ws-showcase-main{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 400ms var(--studio-ease)}
.ws-showcase:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#14231030,transparent 40%,#10201499)}
.ws-showcase-head{position:absolute;top:18px;left:20px;right:18px;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px}
.ws-showcase-detail{position:absolute;z-index:2;top:56px;right:18px;width:28%;height:31%;object-fit:cover;border:3px solid #fff9;border-radius:5px;transform:rotate(8deg);box-shadow:0 8px 24px #0003}
.ws-showcase-note{position:absolute;bottom:24px;left:24px;right:20px;z-index:2;display:flex;flex-direction:column;gap:8px}
.ws-showcase-note>span:first-child{font-size:10px;letter-spacing:2px;opacity:.85}
.ws-showcase-note strong{font-size:24px;font-weight:500;letter-spacing:.5px}
.ws-showcase-link{font-size:10px;display:flex;gap:8px;align-items:center;margin-top:2px}
.ws-tools{display:grid;grid-template-columns:repeat(9,1fr);padding:23px 0 25px;border-bottom:1px solid var(--ws-border);gap:12px}
.ws-tools button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;min-width:0;white-space:nowrap}
.ws-tool-icon{display:flex;align-items:center;justify-content:center;width:100%;height:48px;background:var(--ws-surface);border:1px solid transparent;border-radius:9px}
.ws-tool-icon .ws-icon{width:22px;height:22px;opacity:.85}
.ws-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 14px}
.ws-home h2{font-size:17px;font-weight:600;letter-spacing:-.5px}
.ws-section-heading>a{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ws-quiet)}
.ws-section-heading>a .ws-icon{width:13px;height:13px}
.ws-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ws-project{display:flex;align-items:center;gap:12px;border:1px solid var(--ws-border);border-radius:11px;padding:7px;min-width:0;background:var(--studio-panel)}
.ws-project-cover{width:64px;height:64px;flex-shrink:0;background:var(--ws-surface);border-radius:7px;overflow:hidden;display:grid;place-items:center}
.ws-project-cover img{width:100%;height:100%;object-fit:cover}
.ws-project>div:nth-child(2){min-width:0;flex:1}
.ws-project h3{font-weight:550;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-project p{color:var(--ws-quiet);font-size:10px;margin-top:6px}
.ws-project>.ws-icon{width:14px;height:14px;margin-right:5px;color:var(--ws-quiet)}
.ws-filters{display:flex;gap:3px;align-items:center}
.ws-filters button{font-size:11px;color:var(--ws-quiet);padding:5px 9px;border-radius:6px}
.ws-filters button[aria-pressed=true]{background:var(--ws-surface);color:var(--ws-ink)}
.ws-inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-height:180px}
.ws-inspiration-image{position:relative;aspect-ratio:1.45;border-radius:10px;overflow:hidden;background:var(--ws-surface)}
.ws-inspiration-image img{width:100%;height:100%;object-fit:cover;transition:transform 300ms var(--studio-ease)}
.ws-inspiration-image>span{position:absolute;left:9px;top:9px;background:#fffD;color:#232323;border-radius:4px;font-size:9px;padding:3px 6px}
.ws-inspiration-image>i{position:absolute;right:8px;bottom:8px;width:27px;height:27px;display:grid;place-items:center;background:#fffe;color:#222;border-radius:50%;opacity:0;translate:0 4px;transition:opacity 200ms,translate 200ms}
.ws-inspiration-image>i .ws-icon{width:14px;height:14px}
.ws-inspiration-card h3{font-size:12px;font-weight:550;margin-top:10px}
.ws-inspiration-card p{font-size:10px;color:var(--ws-quiet);margin-top:4px}
.ws-bottom-note{margin-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--ws-quiet)}
.ws-bottom-note>a{display:flex;align-items:center;gap:6px}.ws-bottom-note .ws-icon{width:12px;height:12px}
.ws-status{font-size:12px;color:var(--ws-blue);margin-top:10px!important}
.ws-skeleton{height:80px;border-radius:11px;background:var(--ws-surface);animation:ws-pulse 1s ease-in-out infinite alternate}
.ws-empty{grid-column:1/-1;padding:24px;background:var(--ws-surface);border-radius:10px;color:var(--ws-quiet)}
.ws-empty a,.ws-empty button{color:var(--ws-blue);margin-left:12px}
.ws-home :is(button,a):hover{color:var(--ws-blue)}
.ws-home .ws-start:hover{background:#315cdf;color:#fff;scale:1.02}
.ws-tools button:hover .ws-tool-icon{border-color:var(--ws-border);background:var(--studio-selected);scale:1.03}
.ws-project:hover{border-color:var(--ws-blue);translate:0 -2px}
.ws-inspiration-card:hover img,.ws-showcase:hover .ws-showcase-main{transform:scale(1.04)}
.ws-inspiration-card:hover i,.ws-inspiration-card:focus-visible i{opacity:1;translate:0 0}
.ws-home :is(button,a):active{scale:.98}
.ws-home :is(button,a,textarea):focus-visible{outline:2px solid var(--ws-blue);outline-offset:3px}
.ws-home button:disabled{opacity:.4;cursor:not-allowed}
.ws-home :is(button,a,.ws-tool-icon){transition:color 200ms,background 200ms,border-color 200ms,scale 200ms,translate 200ms}
.ws-content>section,.ws-inspiration-card{animation:ws-enter 300ms var(--studio-ease) both}
@keyframes ws-enter{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes ws-pulse{to{opacity:.5}}
/* Open the original creation controls as one focused dialog, without moving Vue nodes. */
html[data-lab-design="workspace"]:is(.workspace-native-open,.workspace-native-closing) .dashboard-page{display:block!important;position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:min(800px,calc(100vw - 40px))!important;height:440px!important;max-height:calc(100vh - 100px)!important;z-index:1050!important;padding:46px 8px 14px!important;background:var(--studio-panel)!important;border:1px solid var(--ws-border);border-radius:16px!important;box-shadow:0 0 0 200vmax #12192466,0 20px 60px #0003!important;animation:ws-enter 200ms both;overflow:visible!important}
html[data-lab-design="workspace"]:is(.workspace-native-open,.workspace-native-closing) .dashboard-page .kale-home-heading,html[data-lab-design="workspace"]:is(.workspace-native-open,.workspace-native-closing) .dashboard-page .kale-home-subheading{display:none!important}
html[data-lab-design="workspace"]:is(.workspace-native-open,.workspace-native-closing) .dashboard-page>div>div>*:not(section){display:none!important}
html[data-lab-design="workspace"]:is(.workspace-native-open,.workspace-native-closing) .dashboard-page>div>div{padding:0 16px!important}
html[data-lab-design="workspace"]:is(.workspace-native-open,.workspace-native-closing) .dashboard-page>div{overflow:visible!important}
html[data-lab-design="workspace"]:is(.workspace-native-open,.workspace-native-closing) .studio-home-hero{padding:8px 0!important}
.ws-modal-header{position:fixed;left:50%;top:calc(50% - 220px);transform:translateX(-50%);width:min(800px,calc(100vw - 40px));z-index:1052;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;color:var(--ws-ink);font-size:12px}
.ws-modal-header>span{display:flex;align-items:center;gap:7px}
.ws-modal-header button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:var(--ws-surface);color:var(--ws-quiet);cursor:pointer}
html.workspace-native-closing .dashboard-page,html.workspace-native-closing .ws-modal-header{opacity:0!important;pointer-events:none!important;transition:opacity 180ms!important}
@media(min-width:1500px){.ws-content{padding-inline:48px;padding-top:36px}.ws-hero{gap:60px;min-height:400px}.ws-create{padding:20px 0}.ws-showcase{min-height:400px}.ws-create-box{max-width:650px}.ws-tools{gap:25px;padding-block:28px}}
@media(max-width:1150px){.ws-content{padding:24px}.ws-hero{gap:24px;grid-template-columns:1.4fr 1fr}.ws-home h1{font-size:35px}.ws-create-footer>span{display:none}.ws-create-footer{justify-content:flex-end}.ws-project-cover{width:52px;height:52px}.ws-project{gap:9px}.ws-project>.ws-icon{display:none}.ws-page-label{padding-inline:24px}.ws-page-label>span{display:none}.ws-page-label>b{border:0;padding:0}}
@media(max-width:850px){.ws-hero{grid-template-columns:1fr}.ws-showcase{display:none}.ws-home h1 br{display:none}.ws-home h1{font-size:30px;margin-bottom:18px}.ws-hero{min-height:0}.ws-tools{grid-template-columns:repeat(4,1fr);gap:16px}.ws-recent-grid{grid-template-columns:1fr}.ws-inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-section-heading{flex-wrap:wrap}.ws-page-label{visibility:hidden}.ws-modal-header{top:max(50px,calc(50% - 220px))}}
@media(prefers-reduced-motion:reduce){.ws-home *,.ws-modal-header *{transition:none!important;animation:none!important}}

/* The frozen business styles also contain global-effect overrides; scope above them. */
html[data-lab-design="workspace"] body .app-shell .app-sidebar .sidebar-nav-item.is-active{background:#202126!important;color:#fff!important}
html[data-lab-design="workspace"] body .app-shell .app-sidebar .sidebar-nav-item:hover{background:var(--ws-border)!important;color:var(--ws-ink)!important}
html[data-lab-design="workspace"]:is(.workspace-native-open,.workspace-native-closing) body .app-shell .app-content-body>.dashboard-page{background:var(--studio-panel)!important}
html[data-lab-design="workspace"]:is(.workspace-native-open,.workspace-native-closing) .dashboard-page>div:not(.ws-modal-header):not(.dashboard-page-topbar)>section,
html[data-lab-design="workspace"]:is(.workspace-native-open,.workspace-native-closing) .dashboard-page>div:not(.ws-modal-header)>div>section:not(:first-child){display:none!important}
html[data-lab-design="workspace"] .dashboard-page>.ws-modal-header{position:absolute!important;inset:0 0 auto!important;transform:none!important;width:100%!important;z-index:5!important}

html[data-lab-design="workspace"] .ws-prompt{min-height:57px!important;height:57px!important}

html[data-lab-design="workspace"] .canvas-zoom-cluster{left:50%!important;transform:translateX(-50%)!important}
html[data-lab-design="workspace"]:has(#kale-creative-agent-panel[open]) .canvas-zoom-cluster{left:calc((100% - 420px)/2)!important}
html[data-lab-design="workspace"]::view-transition-old(root),html[data-lab-design="workspace"]::view-transition-new(root){animation-duration:200ms}
@media(max-width:900px){html[data-lab-design="workspace"]:has(#kale-creative-agent-panel[open]) .canvas-zoom-cluster{left:18px!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){html[data-lab-design="workspace"]::view-transition-old(root),html[data-lab-design="workspace"]::view-transition-new(root){animation:none!important}}

html[data-lab-design="workspace"]{view-transition-name:none}
.ws-inspiration-grid{view-transition-name:ws-inspirations}
html[data-lab-design="workspace"]::view-transition{pointer-events:none}
html[data-lab-design="workspace"]::view-transition-group(ws-inspirations),html[data-lab-design="workspace"]::view-transition-old(ws-inspirations),html[data-lab-design="workspace"]::view-transition-new(ws-inspirations){animation-duration:200ms;pointer-events:none}