/* Workshop is an app surface. Game colors stay inside its isolated preview. */
.workshop-page{--ws-bg:#171717;--ws-surface:#1d1d1d;--ws-raised:#252525;--ws-edge:#343434;--ws-soft-edge:#2b2b2b;--ws-ink:#ededed;--ws-muted:#a0a0a0;--ws-quiet:#828282;--ws-accent:#e0e0e0;--ws-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--ws-bg);color:var(--ws-ink);color-scheme:dark}
.workshop-page::before{display:none}.workshop-page .workshop-shell{width:100%;max-width:none;margin-inline:auto;padding:0 24px 16px}.workshop-page #workshop{padding:0}
.workshop-page :is(#workshop,.ws-dialog,.ws-toast){font-family:var(--sans)}.workshop-page :is(#workshop,.ws-dialog) :is(button,input,textarea,select){font-family:inherit}.workshop-page :is(#workshop,.ws-dialog) button{cursor:pointer}.workshop-page :is(#workshop,.ws-dialog) button:disabled{cursor:default;opacity:.45}.workshop-page [hidden]{display:none!important}
.workshop-page :is(#workshop,.ws-dialog) svg{display:block;width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.workshop-page :is(#workshop,.ws-dialog) :is(button,a,input,textarea,select):focus-visible{outline:2px solid #b9b9b9;outline-offset:3px}.workshop-page .sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.ws-button,.ws-icon-button,.ws-text-button,.ws-run-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;border:1px solid transparent;box-shadow:none;text-decoration:none;font-size:12px;font-weight:400;line-height:1.35;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.ws-button{min-height:40px;padding:0 14px;border-color:#3b3b3b;border-radius:8px;background:#292929;color:#dedede}.ws-button:hover{background:#333;border-color:#4b4b4b}.ws-button.ws-primary{background:var(--ws-accent);border-color:var(--ws-accent);color:#202020;font-weight:500}.ws-button.ws-primary:hover{background:#f0f0f0;border-color:#f0f0f0}.ws-button.ws-quiet{border-color:transparent;background:transparent;color:#acacac}.ws-button.ws-quiet:hover{background:#2a2a2a;color:#ededed}
.ws-icon-button{width:36px;height:36px;flex:none;padding:0;border-radius:7px;background:transparent;color:#a0a0a0}.ws-icon-button:hover{background:#303030;color:#ededed}.ws-icon-button[aria-pressed=true]{background:#353535;color:#f0f0f0}.ws-text-button{min-height:34px;padding:4px 0;border:0;background:transparent;color:#a7a7a7}.ws-text-button:hover{color:#f0f0f0}.workshop-page .ws-text-button svg{width:13px;height:13px}

/* Workspace home */
.ws-home-layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100dvh - 96px);border-top:1px solid var(--ws-soft-edge)}
.ws-home-sidebar{display:flex;flex-direction:column;gap:21px;min-width:0;padding:25px 18px 18px 0;border-right:1px solid var(--ws-soft-edge)}.ws-sidebar-title{display:flex;align-items:center;gap:9px;padding:0 10px;font-size:14px;font-weight:500;letter-spacing:-.02em}.ws-home-sidebar>.ws-button{justify-content:flex-start;min-height:39px;padding-inline:12px;font-size:12px}
.ws-sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-top:-7px}.ws-sidebar-nav>button,#recent-projects>button{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:39px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#9f9f9f;text-align:left;font-size:12px;line-height:1.5}
.ws-sidebar-nav>.ws-community-link{display:flex;align-items:center;gap:10px;min-height:39px;padding:8px 10px;border-radius:7px;color:#a9a9a9;text-decoration:none;font-size:12px}.ws-sidebar-nav>.ws-community-link:hover{background:#232323;color:#e3e3e3}.ws-sidebar-nav>.ws-community-link svg{width:17px;height:17px}
.ws-sidebar-nav>button:hover,#recent-projects>button:hover{background:#232323;color:#e3e3e3}.ws-sidebar-nav>button[aria-current=page]{background:#292929;color:#e5e5e5}.ws-sidebar-recents{padding-top:1px;border-top:1px solid var(--ws-soft-edge)}.ws-sidebar-recents>span{display:block;margin:18px 10px 8px;font-size:10px;color:var(--ws-quiet)}
#publish-status{min-height:24px;margin:18px 0;color:#aaa;font-size:13px;line-height:1.5}#publish-status:empty{display:none}#publish-dialog .ws-dialog-actions{flex-wrap:wrap}#publish-login{margin-top:14px}
#recent-projects{display:flex;flex-direction:column;gap:2px}#recent-projects>button{min-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}#recent-projects>button>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}#recent-projects>p{padding-inline:10px;font-size:11px;line-height:1.6;color:var(--ws-quiet)}
.ws-sidebar-footer{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding:30px 10px 0;font-size:10px;line-height:1.7;color:var(--ws-quiet)}.workshop-page .ws-sidebar-footer svg{width:14px;height:14px;margin-top:2px}
.ws-home-main{width:100%;max-width:1160px;min-width:0;justify-self:center;padding:clamp(36px,5.4vh,62px) clamp(28px,4.3vw,66px) 16px}.ws-welcome{max-width:660px;margin:0 auto 45px;text-align:center}
.ws-workshop-symbol{display:grid;grid-template-columns:repeat(2,10px);gap:4px;width:24px;margin:0 auto 22px;transform:rotate(-6deg)}.ws-workshop-symbol i{display:block;width:10px;height:10px;border-radius:2px;background:#d5d5d5}.ws-workshop-symbol i:nth-child(2){background:#a2a2a2}.ws-workshop-symbol i:nth-child(3){background:#707070}.ws-workshop-symbol i:last-child{background:#bdbdbd}
.ws-welcome h1{margin:0 0 10px;font-size:clamp(27px,2.65vw,39px);font-weight:400;letter-spacing:-.055em;line-height:1.22}.ws-welcome>p{margin:0;font-size:13px;color:#969696;line-height:1.65}
.ws-start-composer{margin:27px 0 14px;padding:15px 16px 11px;border:1px solid #424242;border-radius:14px;background:#242424;box-shadow:0 8px 28px #0002;text-align:left;transition:border-color .15s}.ws-start-composer:focus-within{border-color:#6a6a6a}.ws-start-composer textarea{display:block;width:100%;min-height:91px;max-height:200px;resize:vertical;padding:0 0 12px;border:0;outline:none!important;background:transparent;color:#e3e3e3;font-size:14px;line-height:1.65}.ws-start-composer textarea::placeholder{color:#888}
.ws-start-composer-tools{display:flex;justify-content:space-between;align-items:center;gap:12px}.ws-start-composer-tools>.ws-button{min-height:37px;padding:0 12px;font-size:11px}.workshop-page .ws-start-composer-tools>.ws-button svg{width:15px;height:15px}.ws-template-select{display:flex;align-items:center;gap:3px;min-width:0;color:#b4b4b4}.workshop-page .ws-template-select>span[data-icon] svg{width:15px;height:15px}
.ws-template-select>select{max-width:190px;min-height:36px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#bdbdbd;font-size:11px}.ws-template-select .select-control{max-width:205px;min-width:0}.workshop-page .ws-template-select .select-trigger{min-height:35px;padding:0 9px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#c5c5c5;font-size:11px;gap:14px}.workshop-page .ws-template-select .select-trigger:hover{background:#303030}
.ws-idea-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.ws-idea-chips button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border:1px solid #333;border-radius:7px;background:#1d1d1d;color:#a4a4a4;font-size:10px;transition:background .15s,color .15s}.ws-idea-chips button:hover{background:#292929;color:#e1e1e1}.workshop-page .ws-idea-chips svg{width:13px;height:13px}.ws-welcome>.ws-start-note{margin-top:13px;color:#848484;font-size:10px}
.ws-library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;border-bottom:1px solid var(--ws-soft-edge)}.ws-library-tabs{display:flex;align-items:center;gap:25px;min-width:0}.ws-library-tabs>button{display:flex;align-items:center;gap:7px;min-height:47px;margin-bottom:-1px;padding:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#8f8f8f;font-size:12px;white-space:nowrap}.ws-library-tabs>button[aria-selected=true]{border-bottom-color:#d0d0d0;color:#e0e0e0}
#project-count,#checkpoint-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:4px;background:#ffffff0b;color:#aaa;font-size:9px;line-height:1}.ws-library-actions{display:flex;align-items:center;gap:9px;min-width:0}.ws-search{display:flex;align-items:center;gap:7px;width:155px;min-width:70px;min-height:36px;color:#818181}.workshop-page .ws-search svg{width:14px;height:14px}.ws-search input{width:100%;min-width:0;padding:7px 0;border:0;border-radius:2px;background:transparent;color:#d6d6d6;font-size:11px}.ws-search input::placeholder{color:#888}.ws-library-actions>.ws-icon-button{width:31px;height:34px}
.ws-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ws-template{min-width:0;overflow:hidden;border:1px solid #333;border-radius:11px;background:#202020;transition:border-color .18s,background .18s}.ws-template:hover{border-color:#505050;background:#242424}.ws-template-art{display:grid;place-items:center;width:100%;height:142px;padding:0;overflow:hidden;border:0;border-radius:0;background:#292929}.ws-template-art img{display:block;width:94%;height:100%;object-fit:contain;filter:grayscale(1);pointer-events:none;transition:transform .25s}.ws-template-art:hover img{transform:scale(1.04)}
.ws-template-caption{padding:14px 14px 12px}.ws-template-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.ws-template-title h3{margin:0;font-size:14px;font-weight:500;letter-spacing:-.025em;line-height:1.35}.ws-template-kind{font-size:9px;color:#929292;white-space:nowrap}.ws-template-caption p{min-height:35px;margin:7px 0 11px;color:#939393;font-size:10px;line-height:1.65}.ws-template-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.ws-template-actions .ws-button{min-height:31px;padding:0 9px;font-size:10px}.workshop-page .ws-template-actions .ws-button svg{width:13px;height:13px}.ws-template-actions .ws-text-button{font-size:10px}
.ws-library-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:18px 0 0;color:#818181;font-size:10px;line-height:1.7}.workshop-page .ws-library-note svg{width:13px;height:13px;margin-top:2px}.ws-empty{padding:36px 14px;color:#999;font-size:12px;line-height:1.7;text-align:center}
.ws-project-list{display:flex;flex-direction:column}.ws-project-row{display:flex;align-items:center;gap:15px;min-height:86px;padding:13px 0;border-bottom:1px solid var(--ws-soft-edge)}.ws-project-thumb{display:grid;place-items:center;width:64px;height:58px;flex:none;overflow:hidden;border:1px solid #3a3a3a;border-radius:8px;background:#292929}.ws-project-thumb img{width:110%;height:100%;object-fit:contain;filter:grayscale(1)}.workshop-page .ws-project-thumb svg{width:23px;height:23px;color:#b1b1b1}.ws-project-summary{min-width:0;flex:1}.ws-project-summary h3{margin:0 0 6px;overflow:hidden;color:#ddd;font-size:14px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.ws-project-summary p{margin:0;color:#909090;font-size:10px;line-height:1.5}.ws-project-row>.ws-button,.ws-project-row>.ws-text-button{min-height:35px;font-size:11px}
.ws-project-empty{display:flex;flex-direction:column;align-items:center;padding:38px 20px;border:1px dashed #3a3a3a;border-radius:11px;text-align:center}.workshop-page .ws-project-empty>span>svg{width:29px;height:29px;margin-bottom:18px;color:#a2a2a2}.ws-project-empty h2{margin:0 0 9px;font-size:22px;font-weight:400;letter-spacing:-.035em}.ws-project-empty p{max-width:370px;margin:0 0 21px;color:#999;font-size:12px;line-height:1.7}

/* Persistent project controls */
.ws-project-toolbar{display:flex;align-items:center;gap:12px;min-height:62px;padding:9px 0}.ws-project-breadcrumb{flex:none;color:#959595;font-size:11px}.ws-breadcrumb-slash{color:#505050;font-size:16px}.ws-project-name{flex:1;min-width:95px}.ws-project-name input{display:block;width:min(100%,330px);min-height:24px;padding:1px 0;border:0;border-radius:3px;background:transparent;color:#e3e3e3;font-size:14px;font-weight:500;letter-spacing:-.02em;text-overflow:ellipsis}.ws-project-name>span{display:block;min-height:13px;margin-top:2px;overflow:hidden;color:#858585;font-size:9px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.ws-project-name>span[data-error=true]{color:#ddd;font-weight:500}
.ws-project-toolbar>select{max-width:160px;min-width:80px;min-height:34px;padding:0 10px;border:1px solid #343434;border-radius:7px;background:#202020;color:#aaa;font-size:11px}.ws-project-toolbar>.select-control{width:160px;max-width:160px;min-width:80px;flex:0 1 160px}.workshop-page .ws-project-toolbar>.select-control>.select-trigger{min-height:33px;padding:0 10px;gap:12px;border:1px solid #343434;border-radius:7px;background:#202020;box-shadow:none;color:#aaa;font-size:11px}
.ws-project-actions{display:flex;align-items:center;gap:5px;flex:none}.ws-project-actions .ws-button{min-height:35px;padding:0 11px;font-size:11px}.workshop-page .ws-project-actions svg{width:14px;height:14px}.ws-mobile-switch{display:none}

/* Agent and tool area share a single app frame. */
.ws-workbench{display:grid;grid-template-columns:minmax(190px,var(--agent-width,29%)) 6px minmax(0,1fr);height:calc(100dvh - 180px);min-height:450px;overflow:hidden;border:1px solid #383838;border-radius:11px;background:#1b1b1b}
.ws-agent-panel{display:grid;grid-template-rows:48px minmax(0,1fr) auto auto;min-width:0;min-height:0;overflow:hidden;background:#1d1d1d}.ws-agent-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid #303030;font-size:12px}.ws-agent-toolbar>span:first-child{display:flex;align-items:center;gap:8px;color:#d1d1d1}.workshop-page .ws-agent-toolbar svg{width:15px;height:15px}.ws-plan-badge{padding:3px 7px;border:1px solid #3a3a3a;border-radius:5px;background:#282828;color:#aaa;font-size:9px;line-height:1.25}
.ws-agent-body{min-height:0;overflow:auto;padding:24px 19px 18px;scrollbar-width:thin;scrollbar-color:#444 transparent}.ws-agent-intro{padding:0 0 29px}.ws-agent-mark{display:grid;place-items:center;width:31px;height:31px;margin-bottom:15px;border:1px solid #3e3e3e;border-radius:9px;background:#292929;color:#d0d0d0}.ws-agent-intro h2{margin:0 0 10px;font-size:18px;font-weight:400;letter-spacing:-.035em;line-height:1.4}.ws-agent-intro p{margin:0;color:#989898;font-size:11px;line-height:1.8}
.ws-plan-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 9px;border-bottom:1px solid #303030;color:#b8b8b8;font-size:10px}#request-progress{color:#888;font:10px/1.5 var(--ws-mono)}.ws-request-list{display:flex;flex-direction:column}.ws-request-item{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:14px 0;border-bottom:1px solid #2b2b2b;cursor:pointer}
.ws-request-item input[type=checkbox]{appearance:none;display:grid;place-content:center;width:15px;height:15px;flex:none;margin:3px 0 0;padding:0;border:1px solid #666;border-radius:4px;background:transparent;cursor:pointer}.ws-request-item input[type=checkbox]::before{content:'';width:7px;height:4px;margin-top:-2px;border-left:1.5px solid #1d1d1d;border-bottom:1.5px solid #1d1d1d;transform:rotate(-45deg) scale(0)}.ws-request-item input[type=checkbox]:checked{border-color:#bfbfbf;background:#bfbfbf}.ws-request-item input[type=checkbox]:checked::before{transform:rotate(-45deg) scale(1)}
.ws-request-content{min-width:0;flex:1}.ws-request-content p{margin:0 0 5px;color:#c9c9c9;font-size:11px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}.ws-request-content small{color:#818181;font-size:9px;line-height:1.5}.ws-request-item[data-done=true] .ws-request-content p{color:#858585;text-decoration:line-through;text-decoration-color:#656565}.ws-plan-empty{margin:15px 0;color:#828282;font-size:11px;line-height:1.75}
.ws-request-composer{margin:0 12px;padding:11px 11px 8px;border:1px solid #454545;border-radius:10px;background:#262626}.ws-request-composer:focus-within{border-color:#6a6a6a}.ws-request-composer textarea{display:block;width:100%;min-height:69px;max-height:180px;padding:0;resize:vertical;border:0;outline:none!important;background:transparent;color:#dedede;font-size:12px;line-height:1.65}.ws-request-composer textarea::placeholder{color:#939393}.ws-request-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px}.ws-request-tools>span{color:#999;font-size:10px}.ws-request-tools>.ws-icon-button{width:29px;height:29px;border-radius:6px;background:#ddd;color:#222}.ws-request-tools>.ws-icon-button:hover{background:#f0f0f0}.ws-agent-notice{min-height:43px;margin:0;padding:10px 16px 12px;color:#858585;font-size:9px;line-height:1.6;text-align:center}
.ws-agent-log{display:grid;gap:16px;padding:10px 0 4px;min-width:0}
/* Tool invocations are independently expandable; details never open on incoming events. */
.ws-agent-turn{display:grid;gap:8px;min-width:0}
.ws-agent-turn-header{display:flex;align-items:center;gap:10px;min-width:0;min-height:36px}
.ws-agent-reasoning.ap-loader{display:inline-grid;min-height:0;flex:none;color:var(--ap-color-text)}
.ws-agent-reasoning .ap-loader-visual{min-height:0}
.ws-agent-reasoning .ap-loader-word{font-size:14px;line-height:1.5;letter-spacing:0}
.ws-agent-turn-time{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:36px;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--ap-color-muted);font:14px/1.4 var(--ap-font-sans);font-variant-numeric:tabular-nums;cursor:pointer;text-align:left}
.ws-agent-turn-time:focus-visible,.ws-agent-tool>summary:focus-visible,.ws-agent-history-toggle:focus-visible{outline:2px solid var(--ap-color-text);outline-offset:3px;border-radius:var(--ap-radius-control)}
.ws-agent-chevron{display:grid;place-items:center;flex:none;color:var(--ap-color-muted);transition:transform var(--ap-duration-feedback) var(--ap-ease-feedback)}
.ws-agent-chevron svg{width:12px;height:12px}
.ws-agent-turn-time[aria-expanded=false] .ws-agent-chevron,.ws-agent-tool:not([open])>summary .ws-agent-chevron,.ws-agent-history-toggle[aria-expanded=false] .ws-agent-chevron{transform:rotate(-90deg)}
.ws-agent-turn-body{display:grid;gap:12px;min-width:0}
.ws-agent-prose{margin:0;color:var(--ap-color-text);font-size:14px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}
.ws-agent-activity{min-width:0}
.ws-agent-history-toggle{display:flex;align-items:center;gap:8px;min-height:36px;max-width:100%;padding:4px 8px;margin:0;border:0;border-radius:var(--ap-radius-control);background:transparent;color:var(--ap-color-muted);font:400 14px/1.5 var(--ap-font-sans);cursor:pointer;text-align:left}
.ws-agent-history-toggle:hover{color:var(--ap-color-text);background:var(--ap-color-control)}
.ws-agent-steps{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.ws-agent-step{display:block;min-width:0;color:var(--ap-color-muted);font-size:14px;line-height:1.5}
.ws-agent-step[hidden],.ws-agent-history-toggle[hidden]{display:none}
.ws-agent-tool{min-width:0;border-radius:var(--ap-radius-control);background:transparent}
.ws-agent-tool[open]{background:var(--ap-color-control)}
.ws-agent-tool>summary{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr) auto 12px;align-items:center;gap:8px;min-height:36px;padding:6px 8px;border-radius:inherit;list-style:none;cursor:pointer;transition:background-color var(--ap-duration-feedback) var(--ap-ease-feedback)}
.ws-agent-tool>summary::-webkit-details-marker{display:none}
.ws-agent-tool>summary:hover{background:var(--ap-color-control)}
.ws-agent-tool>summary>.ws-agent-chevron{grid-column:4}
.ws-agent-tool-copy{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden}
.ws-agent-tool-label{flex:none;color:var(--ap-color-muted);font:450 14px/1.5 var(--ap-font-sans);white-space:nowrap}
.ws-agent-tool[open] .ws-agent-tool-label,.ws-agent-tool[data-state=running] .ws-agent-tool-label{color:var(--ap-color-text)}
.ws-agent-tool-preview{display:block;overflow:hidden;min-width:0;color:var(--ap-color-soft);font:14px/1.5 var(--ap-font-mono);white-space:nowrap;text-overflow:ellipsis}
.ws-agent-tool-state{color:var(--ap-color-muted);font:400 14px/1.4 var(--ap-font-sans);white-space:nowrap}
.ws-agent-tool[data-state=done] .ws-agent-tool-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ws-agent-tool[data-state=running] .ws-agent-tool-state{color:var(--ap-color-text)}
.ws-agent-tool[data-state=error] .ws-agent-tool-state{color:var(--ap-color-error)}
.ws-agent-step-icon{display:grid;place-items:center;color:var(--ap-color-muted)}
.ws-agent-step-icon svg{width:16px;height:16px}
.ws-agent-tool-detail{max-height:240px;overflow:auto;overscroll-behavior:contain;margin:0;padding:12px;color:var(--ap-color-muted);background:var(--ap-color-inset);border-radius:0 0 var(--ap-radius-control) var(--ap-radius-control);font:14px/1.7 var(--ap-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
@media(max-width:760px),(pointer:coarse){.ws-agent-turn-time,.ws-agent-tool>summary,.ws-agent-history-toggle{min-height:44px}}
@media(prefers-reduced-motion:reduce){.ws-agent-chevron,.ws-agent-tool>summary{transition:none}}

.ws-pane-divider{position:relative;z-index:1;width:6px;min-height:0;border-inline:1px solid #303030;background:#171717;cursor:col-resize;touch-action:none}.ws-pane-divider::after{content:'';position:absolute;top:calc(50% - 20px);left:1px;width:2px;height:40px;border-radius:2px;background:#484848;transition:background .15s}.ws-pane-divider:hover,.ws-pane-divider:focus-visible{outline:none;background:#393939}.ws-pane-divider:hover::after,.ws-pane-divider:focus-visible::after{background:#a2a2a2}
.ws-workspace-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#1b1b1b}.ws-workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;flex:none;padding:0 9px 0 8px;border-bottom:1px solid #353535;background:#202020}.ws-workspace-tabs{display:flex;align-self:stretch;align-items:stretch;gap:3px;min-width:0}.ws-workspace-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:47px;padding:0 11px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#929292;font-size:11px;white-space:nowrap}.ws-workspace-tabs>button:hover{color:#d7d7d7;background:#282828}.ws-workspace-tabs>button[aria-selected=true]{border-bottom-color:#d4d4d4;color:#e5e5e5}.workshop-page .ws-workspace-tabs svg{width:14px;height:14px}
.ws-workspace-actions{display:flex;align-items:center;gap:7px;flex:none}.ws-workspace-actions>.ws-icon-button{width:31px;height:32px}.ws-run-button{min-height:31px;padding:0 10px;border:1px solid #484848;border-radius:6px;background:#353535;color:#e4e4e4;font-size:11px}.ws-run-button:hover{border-color:#656565;background:#454545}.workshop-page .ws-run-button svg{width:12px;height:12px}.ws-run-button kbd{margin-left:5px;color:#999;font:9px/1 var(--ws-mono)}
.ws-code-workspace,.ws-preview-panel,.ws-changes-panel{display:none;flex:1;min-width:0;min-height:0}.ws-workbench[data-pane=preview] .ws-preview-panel,.ws-workbench[data-pane=agent] .ws-preview-panel{display:flex}.ws-workbench[data-pane=code] .ws-code-workspace{display:grid}.ws-workbench[data-pane=changes] .ws-changes-panel{display:block}.ws-workbench[data-expanded=true]{grid-template-columns:minmax(0,1fr)}.ws-workbench[data-expanded=true]>.ws-agent-panel,.ws-workbench[data-expanded=true]>.ws-pane-divider{display:none}

/* The code tool contains its own source-file navigation. */
.ws-code-workspace{grid-template-columns:138px minmax(0,1fr);overflow:hidden}.ws-files{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto;border-right:1px solid #303030;background:#202020;scrollbar-width:thin}.ws-panel-label{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;color:#929292;font-size:10px}.workshop-page .ws-panel-label svg{width:13px;height:13px}.ws-file-list{display:flex;flex-direction:column;gap:3px;padding:0 6px}
.ws-file-list>button{display:flex;align-items:center;gap:8px;width:100%;min-height:35px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#999;font:10px/1.4 var(--ws-mono)!important;text-align:left;white-space:nowrap}.ws-file-list>button:hover{background:#2a2a2a;color:#ddd}.ws-file-list>button[aria-selected=true]{background:#353535;color:#e4e4e4}.ws-file-symbol{width:15px;flex:none;color:#a8a8a8;font-size:10px;text-align:center}.html-symbol{letter-spacing:-2px}.css-symbol{font-size:14px}.js-symbol{font-size:8px;font-weight:600}
.ws-project-help{margin-top:auto;padding:25px 13px 17px;color:#858585}.ws-project-help>span{color:#adadad;font-size:10px}.ws-project-help p{margin:7px 0 11px;font-size:10px;line-height:1.8}.ws-palette{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.ws-palette>button{width:19px;height:19px;padding:0;border:2px solid #202020;border-radius:50%;outline:1px solid #474747;background:var(--swatch,#aaa);transition:outline-color .15s}.ws-palette>button:hover,.ws-palette>button[aria-pressed=true]{outline-color:#d6d6d6}.ws-palette [data-color=pearl]{--swatch:#dedede}.ws-palette [data-color=silver]{--swatch:#bcbcbc}.ws-palette [data-color=stone]{--swatch:#989898}.ws-palette [data-color=graphite]{--swatch:#747474}
.ws-code-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#1e1e1e}.ws-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;flex:none;padding:0 14px;border-bottom:1px solid #2b2b2b;color:#bbb;font:10px/1.4 var(--ws-mono)}.ws-file-hint{color:#737373;font:9px/1.5 var(--sans)}#code-editor{flex:1;min-width:0;min-height:0;overflow:hidden;color:#999;font-size:12px}#code-editor .cm-editor{height:100%;outline:none;background:#1e1e1e}#code-editor .cm-scroller{overflow:auto;font:12px/1.8 var(--ws-mono);scrollbar-width:thin;scrollbar-color:#484848 transparent}#code-editor .cm-content{padding-block:12px}
.ws-editor-fallback{display:block;width:100%;height:100%;min-height:0;margin:0;padding:14px 16px;border:0;border-radius:0;outline:none!important;resize:none;background:#1e1e1e;color:#d2d2d2;font:12px/1.8 var(--ws-mono)!important;tab-size:2;white-space:pre;overflow:auto}.ws-code-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px;flex:none;padding:0 12px;border-top:1px solid #2d2d2d;background:#222;color:#858585;font:9px/1.5 var(--ws-mono)}

/* Preview and its runtime console */
.ws-preview-panel{flex-direction:column;overflow:hidden}.ws-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;flex:none;padding:0 11px 0 16px;border-bottom:1px solid #303030;background:#1e1e1e}.ws-preview-title{display:flex;align-items:center;gap:8px;min-width:0;color:#898989;font:10px/1.5 var(--ws-mono)}.ws-preview-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-preview-title i{display:block;width:5px;height:5px;flex:none;border-radius:50%;background:#6b6b6b}.ws-preview-title i[data-running=true]{background:#ddd;box-shadow:0 0 0 3px #ffffff0a}.ws-preview-title i[data-error=true]{background:#c9c9c9;box-shadow:0 0 0 2px #6d6d6d}.ws-preview-tools{display:flex;align-items:center;gap:3px;flex:none}.ws-preview-tools .ws-icon-button{width:28px;height:28px}.workshop-page .ws-preview-tools svg{width:14px;height:14px}
.ws-preview-stage{display:flex;align-items:stretch;justify-content:center;flex:1;min-width:0;min-height:0;overflow:hidden;padding:13px;background:#151515}#preview-mount{display:flex;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border:1px solid #343434;border-radius:7px;background:#1b1b1b}#preview-mount iframe{display:block;width:100%;height:100%;min-width:0;min-height:0;border:0;background:#1b1b1b}.ws-preview-stage[data-device=phone]{padding:15px}.ws-preview-stage[data-device=phone] #preview-mount{width:min(100%,340px);border:5px solid #3f3f3f;border-radius:25px;box-shadow:0 8px 28px #0004}
.ws-preview-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:33px;flex:none;padding:0 13px;border-bottom:1px solid #303030;color:#939393;font-size:9px}.ws-preview-status>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-preview-status .ws-text-button{min-height:32px;flex:none;gap:5px;font-size:9px}.ws-console{flex:none;background:#1d1d1d}.ws-console-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:0 12px}.ws-console-heading>button:first-child{display:flex;align-items:center;gap:7px;min-height:33px;padding:4px 0;border:0;background:transparent;color:#aaa;font-size:10px}.workshop-page .ws-console-heading svg{width:13px;height:13px}.ws-console-heading .ws-text-button{font-size:9px}
#console-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:4px;background:#303030;color:#aaa;font-size:9px}#console-output{max-height:145px;min-height:48px;overflow:auto;padding:5px 13px;border-top:1px solid #303030;scrollbar-width:thin;scrollbar-color:#454545 transparent}#console-output>div{padding:5px 0;border-bottom:1px solid #292929;color:#a4a4a4;font:10px/1.7 var(--ws-mono);overflow-wrap:anywhere;white-space:pre-wrap}#console-output>div[data-level=error]{color:#e2e2e2}#console-output>div[data-level=warn]{color:#c1c1c1}

/* Changes show named, restorable source snapshots. */
.ws-changes-panel{overflow:auto;padding:24px;scrollbar-width:thin;scrollbar-color:#454545 transparent}.ws-changes-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 23px}.ws-changes-heading h2{margin:0 0 7px;color:#e3e3e3;font-size:20px;font-weight:400;letter-spacing:-.035em}.ws-changes-heading p{margin:0;color:#969696;font-size:11px;line-height:1.7}.ws-changes-heading .ws-button{min-height:35px;padding-inline:10px;font-size:10px}#checkpoint-list{display:flex;flex-direction:column;gap:8px}
.ws-checkpoint-row{display:flex;align-items:center;justify-content:space-between;gap:13px;min-width:0;padding:16px;border:1px solid #343434;border-radius:8px;background:#222}.ws-checkpoint-row[data-selected=true]{border-color:#686868;background:#292929}.ws-checkpoint-summary{flex:1;min-width:0}.ws-checkpoint-row h3{margin:0 0 6px;color:#d7d7d7;font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.ws-checkpoint-row p{margin:0;color:#8e8e8e;font-size:10px;line-height:1.6}.ws-checkpoint-actions{display:flex;gap:12px;align-items:center;flex:none}.ws-checkpoint-row button{flex:none;font-size:10px}.ws-checkpoint-row .ws-button{min-height:32px;padding-inline:10px}
.ws-checkpoint-diff{margin-top:23px;padding-top:21px;border-top:1px solid #3b3b3b}.ws-checkpoint-diff>h3{margin:0 0 16px;font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.ws-checkpoint-diff details{overflow:hidden;margin-top:9px;border:1px solid #363636;border-radius:7px;background:#1d1d1d}.ws-checkpoint-diff summary{padding:12px 14px;color:#c3c3c3;font:11px/1.5 var(--ws-mono);cursor:pointer}.ws-checkpoint-diff details[open]>summary{border-bottom:1px solid #333;background:#252525}.ws-checkpoint-diff pre{max-height:300px;overflow:auto;margin:0;padding:15px;color:#b8b8b8;background:#191919;font:10px/1.8 var(--ws-mono);tab-size:2;scrollbar-width:thin;scrollbar-color:#454545 transparent}.ws-checkpoint-diff pre+pre{border-top:1px solid #343434}.ws-checkpoint-diff p{color:#999;font-size:11px;line-height:1.7}
.ws-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:22px;padding-top:7px;color:#808080;font-size:9px;line-height:1.5}.ws-editor-footer>span:first-child{display:flex;align-items:center;gap:7px}.workshop-page .ws-editor-footer svg{width:12px;height:12px}

/* Project dialogs share the same readable, quiet surfaces as the workspace. */
.workshop-page .ws-dialog{
 width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;
 margin:auto;padding:28px;border:0;border-radius:var(--ap-radius-dialog);
 background:var(--ap-surface-raised);color:var(--ap-color-text);
 box-shadow:0 4px 16px #0004;font-family:var(--ap-font-sans);scrollbar-width:none;
}
.ws-dialog::backdrop{background:#101010d9}
.ws-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.workshop-page .ws-dialog h2{margin:0;font:500 24px/1.3 var(--ap-font-sans);letter-spacing:-.035em}
.workshop-page .ws-dialog>p,.workshop-page .ws-dialog small{margin:0 0 20px;color:var(--ap-color-muted);font-size:14px;line-height:1.65}
.workshop-page .ws-dialog small{display:block;margin:0}
.workshop-page .ws-dialog :is(.ws-button,.ws-icon-button,.ws-text-button){min-height:44px;border:0;font-size:14px;border-radius:var(--ap-radius-button-sm)}
.workshop-page .ws-dialog .ws-icon-button{width:44px;height:44px}
.ws-share-field{display:flex;gap:8px}
.workshop-page .ws-share-field input,.workshop-page #checkpoint-label{display:block;width:100%;min-width:0;min-height:48px;padding:0 14px;border:0;border-radius:var(--ap-radius-input);background:var(--ap-color-inset);color:var(--ap-color-text);font-size:14px}
.ws-share-field input{flex:1}
.workshop-page .ws-dialog #share-status{min-height:0;margin:12px 0;color:var(--ap-color-muted);font-size:14px;overflow-wrap:anywhere}
.ws-dialog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px;padding:8px 0 20px;border:0}
.ws-export-option{display:flex;align-items:center;gap:16px;width:100%;margin-top:8px;padding:20px 16px;border:0;border-radius:var(--ap-radius-input);background:var(--ap-color-inset);color:var(--ap-color-text);text-align:left;transition:background var(--ap-duration-feedback) var(--ap-ease-feedback)}
.ws-export-option:hover{background:var(--ap-color-control)}
.ws-export-option>span:nth-child(2){flex:1;min-width:0}
.ws-export-option strong{display:block;margin-bottom:6px;font-size:16px;font-weight:500}
.ws-export-option>span:last-child{color:var(--ap-color-muted);font:12px/1.5 var(--ap-font-mono)}
.workshop-page .ws-export-option svg{width:22px;height:22px}
.ws-checkpoint-label{display:block;margin:20px 0 10px;color:var(--ap-color-text);font-size:14px}
.workshop-page #checkpoint-form>p{margin:12px 0 24px;color:var(--ap-color-muted);font-size:14px;line-height:1.65}
#checkpoint-form>.ws-button{width:100%}
.workshop-page .ws-dialog :is(#checkpoint-error,#restore-error){padding:12px 16px;border:0;border-radius:var(--ap-radius-input);background:var(--ap-surface-input-error);color:var(--ap-color-error);font-size:14px;line-height:1.65}
.ws-dialog :is(#checkpoint-error,#restore-error,#share-status):empty{display:none}
.workshop-page .ws-toast{position:fixed;z-index:200;bottom:max(24px,env(safe-area-inset-bottom),calc(var(--site-tabbar-offset,0px) + 12px));left:calc(50% + var(--site-nav-offset,0px)/2);width:max-content;max-width:calc(100vw - var(--site-nav-offset,0px) - 32px);transform:translateX(-50%);padding:14px 20px;border:0;border-radius:var(--ap-radius-input);background:var(--ap-color-control);color:var(--ap-color-text);box-shadow:0 3px 10px #0004;font:14px/1.6 var(--ap-font-sans);text-align:center}
@media(max-width:520px){.workshop-page .ws-dialog{padding:20px}.workshop-page .ws-share-field input,.workshop-page #checkpoint-label{font-size:16px}.ws-export-option{gap:12px;padding-inline:12px}.ws-export-option>span:last-child{display:none}}

@media(min-width:1600px){
 .ws-home-main{max-width:1270px;padding-top:68px}.ws-welcome{max-width:720px;margin-bottom:58px}.ws-template-art{height:160px}.ws-template-caption{padding:16px}.ws-agent-body{padding:28px 24px 20px}
}
@media(max-width:1100px){
 .workshop-page .workshop-shell{padding-inline:20px}.ws-home-layout{grid-template-columns:172px minmax(0,1fr)}.ws-home-sidebar{padding-right:15px}.ws-home-main{padding-inline:28px}.ws-welcome{margin-bottom:35px}.ws-template-grid{gap:10px}.ws-template-art{height:125px}.ws-template-title{align-items:flex-start;flex-direction:column;gap:3px}.ws-template-caption{padding:12px}.ws-template-caption p{min-height:49px}
 .ws-project-breadcrumb,.ws-breadcrumb-slash{display:none}.ws-project-toolbar{gap:9px}.ws-agent-body{padding:22px 15px 18px}.ws-agent-intro h2{font-size:17px}.ws-workspace-tabs>button{padding-inline:8px;gap:6px}.ws-workspace-toolbar{gap:6px;padding-inline:6px}.ws-workspace-tabs #checkpoint-count{display:none}.ws-run-button kbd{display:none}.ws-code-workspace{grid-template-columns:119px minmax(0,1fr)}.ws-file-list>button{gap:6px;padding-inline:6px}
}
@media(max-width:900px){
 .ws-home-layout{min-height:calc(100dvh - 145px);grid-template-columns:158px minmax(0,1fr)}.ws-home-main{padding:35px 21px 16px}.ws-home-sidebar{gap:19px}.ws-sidebar-nav>button{padding-inline:8px;font-size:11px}.ws-sidebar-title{font-size:13px}.ws-welcome h1{font-size:28px}.ws-welcome>p{font-size:12px}.ws-library-toolbar{gap:13px;flex-wrap:wrap;padding-bottom:6px}.ws-library-tabs{gap:20px}.ws-library-actions{flex:1;justify-content:flex-end}.ws-search{width:125px}
 .ws-template-art{height:106px}.ws-template-title h3{font-size:12px}.ws-template-caption{padding:10px}.ws-template-caption p{min-height:63px}.ws-template-actions{gap:6px}.ws-template-actions .ws-button{padding-inline:7px}.workshop-page .ws-template-actions .ws-button svg{width:11px;height:11px}
 .ws-workbench{height:calc(100dvh - 228px)}.ws-project-toolbar>.select-control{flex-basis:125px;width:125px}.ws-project-toolbar>select{max-width:125px}.ws-project-actions{gap:2px}.ws-project-actions .ws-button{padding-inline:8px}.ws-agent-toolbar{padding-inline:13px}.ws-agent-intro{padding-bottom:23px}.ws-agent-intro p{font-size:10px}.ws-agent-notice{font-size:9px;padding-inline:12px}.ws-workspace-tabs>button{padding-inline:8px;gap:5px;font-size:10px}.workshop-page .ws-workspace-tabs svg{width:12px;height:12px}.ws-workspace-actions{gap:3px}
 .ws-code-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:42px minmax(0,1fr)}.ws-files{flex-direction:row;overflow:hidden;border-right:0;border-bottom:1px solid #343434}.ws-panel-label,.ws-project-help{display:none}.ws-file-list{flex:1;flex-direction:row;align-items:center;gap:2px;padding:4px 6px}.ws-file-list>button{width:auto;padding-inline:9px;min-height:33px}.ws-changes-panel{padding:19px}.ws-changes-heading{gap:12px;flex-wrap:wrap}.ws-checkpoint-row{flex-wrap:wrap;gap:8px 12px;padding:13px}.ws-checkpoint-summary{flex-basis:100%}
}
@media(max-width:700px){
 .workshop-page .workshop-shell{padding:0 14px 18px}.ws-home-layout{display:block;min-height:0}.ws-home-sidebar{flex-direction:row;align-items:center;gap:13px;padding:13px 0;border-right:0;border-bottom:1px solid #2c2c2c}.ws-sidebar-title{gap:7px;padding:0;font-size:12px}.workshop-page .ws-sidebar-title svg{width:15px;height:15px}.ws-home-sidebar>.ws-button{order:2;min-height:35px;margin-left:auto;padding-inline:10px;font-size:10px}.ws-sidebar-nav{flex-direction:row;gap:3px;margin:0}.ws-sidebar-nav>button{min-height:37px;padding:0 9px;font-size:10px}.ws-sidebar-nav>button>span[data-icon]{display:none}.ws-sidebar-recents,.ws-sidebar-footer{display:none}
 .ws-home-main{padding:34px 0 8px}.ws-welcome{max-width:560px;margin-bottom:33px}.ws-workshop-symbol{margin-bottom:20px}.ws-welcome h1{font-size:clamp(26px,6vw,33px);letter-spacing:-.05em}.ws-welcome>p{font-size:12px}.ws-start-composer{margin-top:24px;padding:14px 13px 10px;border-radius:12px}.ws-start-composer textarea{min-height:96px;font-size:16px;line-height:1.6}.ws-start-composer-tools{gap:7px}.ws-start-composer-tools>.ws-button{min-height:39px;padding-inline:10px;font-size:10px}.ws-template-select{gap:1px}.ws-template-select .select-control{max-width:170px}.workshop-page .ws-template-select .select-trigger{min-height:39px;gap:12px;padding-inline:7px;font-size:10px}.ws-template-select>select{max-width:160px;min-height:39px;padding-inline:6px;font-size:11px}.ws-idea-chips{gap:6px}.ws-idea-chips button{min-height:35px;padding-inline:9px;font-size:9px}.ws-welcome>.ws-start-note{margin-top:12px;padding-inline:12px;font-size:9px}
 .ws-library-toolbar{flex-wrap:nowrap;gap:9px;margin-bottom:14px;padding:0}.ws-library-tabs{gap:18px}.ws-library-tabs>button{min-height:46px;font-size:11px}.ws-library-actions{gap:3px}.ws-search{width:110px}.ws-search input{font-size:16px}.ws-template-grid{grid-template-columns:1fr;gap:12px}.ws-template{display:grid;grid-template-columns:35% minmax(0,1fr)}.ws-template-art{height:100%;min-height:142px}.ws-template-art img{width:125%;max-width:none}.ws-template-caption{padding:15px}.ws-template-title{flex-direction:row;align-items:center;gap:8px}.ws-template-title h3{font-size:14px}.ws-template-kind{font-size:9px}.ws-template-caption p{min-height:0;margin:8px 0 11px;font-size:11px}.ws-template-actions .ws-button{min-height:35px;padding-inline:10px;font-size:10px}.ws-template-actions .ws-text-button{min-height:35px}.ws-library-note{justify-content:flex-start;margin-top:16px;font-size:9px}.ws-project-row{gap:10px}.ws-project-thumb{width:51px;height:49px}.ws-project-summary h3{font-size:13px}.ws-project-summary p{font-size:9px}.ws-project-row>.ws-button{padding-inline:10px}.ws-project-row>.ws-text-button{display:none}
 .ws-project-toolbar{flex-wrap:wrap;gap:8px;min-height:0;padding:10px 0 9px}.ws-project-toolbar>.ws-icon-button{width:31px;height:40px}.ws-project-name{flex-basis:calc(100% - 43px);min-width:0}.ws-project-name input{width:100%;min-height:26px;font-size:16px}.ws-project-name>span{font-size:9px}.ws-project-toolbar>.select-control{flex:1;width:auto;max-width:160px;min-width:70px}.workshop-page .ws-project-toolbar>.select-control>.select-trigger{min-height:38px;font-size:10px}.ws-project-toolbar>select{flex:1;max-width:160px;min-width:70px;min-height:38px;font-size:11px}.ws-project-actions{gap:2px;margin-left:auto}.ws-project-actions .ws-button{min-height:38px;padding-inline:9px;font-size:10px}.workshop-page .ws-project-actions svg{width:13px;height:13px}
 .ws-mobile-switch{display:flex;gap:3px;margin:3px 0 10px;padding:3px;border:1px solid #343434;border-radius:8px;background:#202020}.ws-mobile-switch>button{flex:1;min-width:0;min-height:40px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#929292;font-size:11px}.ws-mobile-switch>button[aria-selected=true]{background:#373737;color:#ededed}
 .ws-workbench,.ws-workbench[data-expanded=true]{display:grid;grid-template-columns:minmax(0,1fr);height:calc(100dvh - 338px);min-height:450px;border-radius:9px}.ws-workbench>.ws-pane-divider,.ws-workbench>.ws-agent-panel{display:none}.ws-workbench[data-pane=agent]>.ws-agent-panel{display:grid}.ws-workbench[data-pane=agent]>.ws-workspace-main{display:none}
 .ws-agent-toolbar{padding-inline:17px}.ws-agent-body{padding:23px 19px 18px}.ws-agent-intro h2{font-size:20px}.ws-agent-intro p{max-width:400px;font-size:12px}.ws-agent-intro{padding-bottom:26px}.ws-request-content p{font-size:12px}.ws-request-item input[type=checkbox]{width:18px;height:18px}.ws-request-composer{margin-inline:12px}.ws-request-composer textarea{min-height:70px;max-height:150px;font-size:16px}.ws-request-tools>.ws-icon-button{width:34px;height:34px}.ws-agent-notice{min-height:39px;padding:9px 13px;font-size:9px}
 .ws-workspace-toolbar{justify-content:flex-end;min-height:46px;padding:0 9px}.ws-workspace-tabs{display:none}.ws-workspace-actions{gap:8px}.ws-workspace-actions>.ws-icon-button{width:35px;height:37px}.ws-run-button{min-height:35px;padding:0 13px;font-size:11px}.ws-preview-toolbar{min-height:42px;padding-left:12px}.ws-preview-tools .ws-icon-button{width:32px;height:32px}.ws-preview-title{font-size:9px}.ws-preview-stage{padding:8px}.ws-preview-stage[data-device=phone]{padding:10px}.ws-preview-stage[data-device=phone] #preview-mount{border-width:4px;border-radius:20px}.ws-preview-status{min-height:36px;padding-inline:10px;font-size:9px}.ws-preview-status .ws-text-button{min-height:36px}.ws-console-heading{min-height:37px}.ws-console-heading>button:first-child,.ws-console-heading>.ws-text-button{min-height:37px}
 .ws-code-workspace{grid-template-rows:44px minmax(0,1fr)}.ws-file-list{gap:3px;padding:4px}.ws-file-list>button{flex:1;justify-content:center;gap:5px;min-height:36px;padding-inline:5px;font-size:10px!important}.ws-code-toolbar{min-height:36px;padding-inline:12px}.ws-code-status{min-height:27px}#code-editor .cm-scroller{font-size:12px}.ws-editor-fallback{font-size:16px!important}.ws-changes-panel{padding:20px 15px}.ws-changes-heading h2{font-size:20px}.ws-changes-heading p{font-size:11px}.ws-changes-heading .ws-button{min-height:38px}.ws-checkpoint-row{padding:14px}.ws-checkpoint-row button{min-height:38px}.ws-checkpoint-diff pre{max-height:260px}.ws-editor-footer{font-size:9px;padding-top:9px}.ws-editor-footer>span:last-child{display:none}
 .ws-dialog{padding:21px}.ws-dialog h2{font-size:22px}.ws-share-field{flex-wrap:wrap}.ws-share-field input{flex-basis:100%;min-height:43px;font-size:16px}.ws-share-field .ws-button{width:100%}#checkpoint-label{font-size:16px}
}
@media(max-width:430px){
 .ws-sidebar-title{display:none}.ws-sidebar-nav>button{padding-inline:10px;font-size:11px}.ws-home-sidebar>.ws-button{font-size:11px}.ws-library-toolbar{flex-wrap:wrap;gap:0;padding-bottom:8px}.ws-library-tabs{flex:1}.ws-library-actions{flex-basis:100%;justify-content:space-between}.ws-search{flex:1;width:auto}.ws-library-tabs>button{min-height:44px}.ws-template{grid-template-columns:32% minmax(0,1fr)}.ws-template-art{min-height:154px}.ws-template-caption{padding:13px}.ws-template-title{flex-wrap:wrap;gap:4px}.ws-template-kind{font-size:8px}.ws-template-select .select-control{max-width:145px}.ws-template-select>select{max-width:138px}.ws-idea-chips button{gap:4px;padding-inline:7px}.workshop-page .ws-idea-chips svg{width:11px;height:11px}.ws-project-actions .ws-button{padding-inline:7px;gap:5px}.ws-project-toolbar>.select-control{min-width:68px}.ws-project-toolbar>select{min-width:68px}.ws-project-toolbar>.select-control>.select-trigger{padding-inline:7px}
}
@media(prefers-reduced-motion:reduce){.workshop-page :is(#workshop,.ws-dialog,.ws-toast) *,.workshop-page :is(#workshop,.ws-dialog,.ws-toast) *::before,.workshop-page :is(#workshop,.ws-dialog,.ws-toast) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ws-template-art:hover img{transform:none}}

/* Let the shared header's actual height determine the remaining workspace. */
.workshop-page .world-motion{display:none}
.workshop-page.is-editing .workshop-shell{height:100dvh;display:flex;flex-direction:column;padding-bottom:12px}
.workshop-page.is-editing .workshop-shell>.header{flex:none}
.workshop-page.is-editing #workshop{display:flex;flex-direction:column;flex:1;min-height:0}
.workshop-page.is-editing #workshop-editor{display:flex;flex-direction:column;flex:1;min-height:0}
.ws-project-toolbar,.ws-mobile-switch,.ws-editor-footer{flex:none}
.ws-workbench,.ws-workbench[data-expanded=true]{flex:1;height:auto}
@media(max-width:700px){.ws-sidebar-nav>button{width:auto;white-space:nowrap}}
@media(max-width:430px){.ws-library-tabs{flex:0 0 100%}}

.ws-cloud-status{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--ap-space-3,12px);padding:var(--ap-space-3,12px) var(--ap-space-4,16px);color:var(--ap-color-muted);font:400 12px/1.5 var(--ap-font-sans)}
.ws-cloud-status .ap-button{min-height:44px}