/* One workspace grid: breadcrumbs, page content and admin navigation. */
body.studio:not(.auth-shell){--workspace-width:1512px;--workspace-gutter:36px}
body.studio:not(.auth-shell) :is(.studio-context,.studio-main){box-sizing:border-box;width:100%;max-width:var(--workspace-width);margin-inline:auto;padding-inline:var(--workspace-gutter)}
body.studio:not(.auth-shell) .admin-strip{width:calc(100% - var(--workspace-gutter)*2);max-width:calc(var(--workspace-width) - var(--workspace-gutter)*2);margin-inline:auto}
body.studio:not(.auth-shell) .studio-footer{padding-inline:max(var(--workspace-gutter),calc((100% - var(--workspace-width))/2 + var(--workspace-gutter)))}
body.studio:not(.auth-shell) .studio-main> :not(dialog){min-width:0;max-width:100%;box-sizing:border-box}
.studio .support-chat{max-width:none;margin-inline:0}
.support-heading-label,.support-ticket-heading{display:flex;align-items:center;gap:24px;flex-wrap:wrap;min-width:0}
.support-heading-label .badge,.support-ticket-heading .badge{margin:0;flex:none}
.support-ticket-heading{width:100%;justify-content:space-between}
.support-heading-label h1{margin:0}
.studio .support-workflow>.actions{justify-content:flex-end}
.studio .script-toolbar .actions>.btn,.studio .script-toolbar input,.studio .script-search input,.studio .script-search .btn,.studio .search-field input{min-height:56px;box-sizing:border-box}
.script-search{display:flex;align-items:center;gap:12px;margin:0 0 24px}.script-search input{flex:1;min-width:0;margin:0}
.studio .script-list .script-card{position:relative;padding:24px}
.script-card>.section-heading{align-items:flex-start;gap:24px}.script-card>.section-heading>div:first-child{flex:1;min-width:0}
.script-card .script-card-actions{display:flex;flex:none;gap:8px;align-items:center}.script-card-actions form{margin:0}
.studio .square-action{box-sizing:border-box;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--hover);color:var(--ink);border:1px solid var(--line);border-radius:12px;flex:none}
.studio .square-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.studio .square-action:hover{background:var(--accent-soft);color:var(--accent)}
.script-card[data-card-url]:hover{border-color:var(--accent)}
.studio .node-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.node-settings-heading h2{margin:0}
.studio .node-settings-actions{position:sticky;bottom:0;background:var(--card);padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.studio .node-settings .node-inspector{padding-top:0}.node-inspector .answer-editor h3{font-size:15px}
html body.studio .node-settings .btn.ghost{background:var(--hover);color:var(--ink)}
html body.studio .node-settings .btn.ghost:hover{background:var(--accent-soft);color:var(--accent)}
.studio .script-editor{min-height:0;height:clamp(420px,70vh,900px)}
.studio .graph-panel{min-height:0}.studio #graphViewport{min-height:0;overflow:auto;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--faint) var(--hover)}
.studio #graphViewport::-webkit-scrollbar{width:12px;height:12px}.studio #graphViewport::-webkit-scrollbar-thumb{background:var(--faint);border:3px solid var(--hover);border-radius:8px}.studio #graphViewport::-webkit-scrollbar-track,.studio #graphViewport::-webkit-scrollbar-corner{background:var(--hover)}
@media(max-width:1000px){body.studio:not(.auth-shell){--workspace-gutter:24px}}
@media(max-width:820px){body.studio:not(.auth-shell){--workspace-gutter:18px}}
@media(max-width:760px){.studio .script-editor{height:auto}.studio .script-editor .graph-panel{height:440px;min-height:0}.script-card>.section-heading{flex-wrap:wrap}}
@media(max-width:600px){body.studio:not(.auth-shell){--workspace-gutter:16px}.support-heading-label{gap:12px 24px}.studio .script-list .script-card{padding:20px}.script-search{flex-wrap:wrap}.script-search input{flex-basis:100%}.studio .node-settings-actions{gap:8px}}
.studio .form-layout{grid-template-columns:minmax(0,1fr)}