/* A continuous canvas with quiet, adjustable side panels. */
@media(min-width:1600px){body:has(#workspace.active){zoom:1}}
.content.is-workspace{max-width:none;padding:18px 22px 14px;background:#f6f7fa}
#workspace .workspace-view{min-height:0}
.workspace-dock .editor-toolbar>:not(#editorAdvancedSvg):not(#editorDuplicate):not(#editorDelete):not(#editorDiscard){display:none!important}
.workspace-dock .editor-toolbar :is(#editorAdvancedSvg,#editorDuplicate,#editorDelete,#editorDiscard){display:inline-flex;align-items:center;gap:7px;width:auto;padding:0 11px;font-size:12px;white-space:nowrap}
.workspace-dock .editor-toolbar button svg{width:15px;height:15px;flex-shrink:0}
.workspace-dock .editor-toolbar #editorDiscard[hidden],.workspace-dock.is-editing .editor-toolbar :is(#editorDuplicate,#editorDelete){display:none!important}
.workspace-dock #editorDiscard{color:#8a7075}
.workspace-dock:not(.is-editing) .workspace-text-tools{display:none!important}
.workspace-dock .editor-canvas-wrap{display:flex;align-items:center;padding:28px 22px!important}
.workspace-dock #svgPreview{width:100%;max-width:none;flex-shrink:0;transform:none!important;border:0;border-radius:0;box-shadow:0 7px 28px #2834531c}
#workspaceInlineEditor .svg-workbench-art text{cursor:text;pointer-events:bounding-box}
#workspaceInlineEditor .svg-inline-active{opacity:0!important}
.svg-inline-text{position:absolute;left:0;top:0;z-index:3;box-sizing:content-box!important;padding:2px!important;margin:0;border:0!important;border-radius:0;outline:1px solid #a28bd7;outline-offset:2px;background:transparent;box-shadow:none;resize:none;overflow:hidden;transform-origin:0 0;text-align:left;white-space:pre;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;caret-color:#7051b8;cursor:text;}
#workspaceInlineEditor .svg-workbench-board:has(.svg-inline-text) .svg-workbench-overlay{visibility:hidden}
#workspace .workspace-head{margin-bottom:16px;gap:16px}
#workspace .workspace-title h1{font-size:19px;letter-spacing:-.4px;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#workspace .workspace-title p{font-size:11px;color:#9297a5;margin-top:5px}
#workspace .workspace-title-mark{border-radius:12px;background:#eee9ff;color:#8061d5}
#workspace .workspace-head-actions .key-chip,#workspace .workspace-head-actions .workspace-status{display:none}
#workspace .workspace-head-actions button{border-radius:9px;font-size:12px}
#workspace .editor-layout.workspace-dock{display:grid;grid-template-columns:var(--pages-width,168px) 10px minmax(300px,1fr) 10px var(--side-width,330px);height:calc(100dvh - 176px);min-height:440px;gap:0;align-items:stretch}
.workspace-dock>.editor-filmstrip,.workspace-dock>.editor-main,.workspace-side{border:1px solid #e4e6ed;border-radius:12px;box-shadow:0 3px 14px #27304404;min-width:0;min-height:0;background:#fff;overflow:hidden}
.workspace-dock>.editor-filmstrip{padding:13px 10px;grid-column:1}
.workspace-dock>.editor-main{grid-column:3}
.workspace-side{grid-column:5;display:flex;flex-direction:column}
.workspace-divider{position:relative;cursor:col-resize;touch-action:none;outline:none;min-height:0}
.workspace-divider[data-side=left]{grid-column:2}.workspace-divider[data-side=right]{grid-column:4}
.workspace-divider::after{content:'';position:absolute;inset:18px 4px;border-radius:4px;background:transparent;transition:background .15s}
.workspace-divider:hover::after,.workspace-divider:focus-visible::after,.workspace-divider.dragging::after{background:#a293d7}
.workspace-resizing,.workspace-resizing *{cursor:col-resize!important;user-select:none!important}
.workspace-dock .editor-toolbar{min-height:48px;padding:8px 12px;justify-content:flex-start;gap:8px;border-color:#edf0f5}
.workspace-dock #editorAdvancedSvg{width:auto;min-width:58px;padding:0 13px;border:1px solid #dfd8f3;background:#f6f3fe;color:#7956c5;font-family:inherit;font-size:12px;font-weight:500;white-space:nowrap;border-radius:8px}
.workspace-dock #editorAdvancedSvg[aria-pressed=true]{background:#805bd0;color:#fff;border-color:#805bd0}
.workspace-dock .editor-toolbar>.editor-toolbar-group:last-child{margin-left:auto}
.workspace-dock #editorPageLabel{margin-left:auto}
.workspace-dock .editor-main-footer{flex-shrink:0;gap:12px;padding:8px 13px;border-color:#edf0f5;font-size:10px}
.workspace-dock .editor-main-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-dock .editor-canvas-wrap{flex:1;min-height:0;padding:30px 24px;background:radial-gradient(#dde1e9 .7px,transparent .7px) 0 0/12px 12px,#f2f4f8}
.workspace-dock .editor-thumb{border-radius:8px;padding:7px;margin-bottom:4px;box-shadow:none}
.workspace-dock .editor-thumb.active{background:#f4f0ff;border-color:#ad97de;box-shadow:0 0 0 1px #ad97de}
.workspace-dock .filmstrip-head{font-size:12px;color:#737b8c;padding:2px 4px 12px}
.workspace-dock .editor-add-slide{border-radius:8px;margin-top:12px;font-size:11px;background:#f8f9fc}
.workspace-side-tabs{display:flex;flex-shrink:0;padding:8px;gap:4px;border-bottom:1px solid #edf0f5;background:#fff}
.workspace-side-tabs button{flex:1;padding:9px 4px;border:0;border-radius:7px;background:transparent;color:#8c91a0;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}
.workspace-side-tabs button[aria-selected=true]{background:#f0ecfa;color:#7857bd}
.workspace-side-tabs button:disabled{opacity:.4;cursor:default}
#workspaceChatPanel,#workspaceProperties{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#workspaceChatPanel[hidden],#workspaceProperties[hidden],#workspaceInlineEditor[hidden]{display:none!important}
#workspaceChatPanel>.editor-inspector{height:100%;flex:1;border:0;border-radius:0;box-shadow:none}
#workspaceProperties>.svg-workbench-properties{border:0;flex:1;padding:16px;min-height:0;font-size:11px;background:#fff}
#workspaceProperties .svg-property-grid{gap:12px}
#workspaceProperties :is(input,textarea){border-radius:6px;background:#fafbfe;color:#41495a}
#workspaceProperties .svg-workbench-layers{margin-top:8px;gap:4px}
#workspaceProperties .svg-workbench-layers button{border:0;border-radius:6px;padding:7px 9px;background:#fafbfe;font-size:11px}
#workspaceProperties .svg-workbench-layers button.active{background:#f0eafb;color:#7954c5}
#workspaceInlineEditor{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
#workspaceInlineEditor .svg-workbench-main{display:flex;min-height:0;flex:1}
#workspaceInlineEditor .svg-workbench-scroller{flex:1;min-height:0;padding:28px 22px;background:radial-gradient(#dde1e9 .7px,transparent .7px) 0 0/12px 12px,#f2f4f8}
#workspaceInlineEditor .svg-workbench-board{box-shadow:0 7px 28px #2834531c}
#workspaceInlineEditor .svg-workbench-tools{gap:5px;padding:8px 10px;border-color:#edf0f5;z-index:2}
#workspaceInlineEditor .svg-workbench-tools button,#workspaceInlineEditor .svg-align-menu summary{border-color:transparent;border-radius:6px;padding:6px 7px;font-size:11px;background:#f8f9fc;color:#677084;white-space:nowrap}
#workspaceInlineEditor .svg-workbench-tools button:hover{background:#eee8fa;color:#7550bb}
#workspaceInlineEditor .svg-workbench-tools label{margin-left:auto;font-size:10px;color:#8991a1}
#workspaceInlineEditor .svg-workbench-source{max-height:220px;overflow:auto;flex-shrink:0}
.workspace-dock.is-editing .editor-canvas-wrap,.workspace-dock.is-editing .workspace-text-tools,.workspace-dock.is-editing :is(#editorAddText,#editorUndo,#editorRedo,#editorZoomOut,#editorZoomIn,#editorZoomLabel){display:none!important}
.workspace-dock.is-editing .editor-toolbar .editor-divider{display:none}
#workspace .workspace-dock.is-stacked{grid-template-columns:112px minmax(0,1fr);height:auto;min-height:0;gap:10px}
.workspace-dock.is-stacked>.editor-main{grid-column:2;min-height:460px;height:64dvh}
.workspace-dock.is-stacked>.workspace-side{grid-column:1/-1;height:490px}
.workspace-dock.is-stacked>.workspace-divider{display:none}
.workspace-dock.is-stacked>.editor-filmstrip{max-height:64dvh}
@media(max-width:580px){
  .content.is-workspace{padding:12px 10px}#workspace .workspace-head{flex-wrap:wrap}#workspace .workspace-title h1{max-width:80vw;font-size:16px}
  #workspace .editor-layout.workspace-dock.is-stacked{display:flex;flex-direction:column}
  .workspace-dock.is-stacked>.editor-filmstrip{min-height:130px;max-height:170px}.workspace-dock .editor-thumbs{flex-direction:row}.workspace-dock .editor-thumb{width:110px}.workspace-dock .editor-add-slide{margin-top:5px}
  .workspace-dock.is-stacked>.editor-main{height:500px;min-height:420px}.workspace-dock.is-stacked>.workspace-side{height:490px;min-height:490px}
  #workspaceInlineEditor .svg-workbench-scroller{padding:12px}.workspace-dock .editor-toolbar{padding:7px;gap:5px}.workspace-dock #editorPageLabel{font-size:9px}.workspace-dock #editorSelectionHint{max-width:55%}
  .workspace-dock .editor-canvas-wrap{padding:12px!important}
}