body.refined-editor{--ui-surface:#fff;--ink:#24352f;--line:#e4e8e4;background:#f6f7f8!important}body.refined-editor .workspace-nav{display:none!important}body.refined-editor #studio{width:100%!important;margin:0!important;padding:0!important}body.refined-editor #studio .workspace{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:0!important;border:0!important;border-radius:0!important;background:#f4f5f7!important;padding:0!important;min-height:calc(100vh - 56px)}body.refined-editor .workspace-global-rail{grid-column:1!important;grid-row:2 / span 40!important;background:#fff!important;border-radius:0!important;border-right:1px solid #e5e8e5!important;margin:0!important;padding:12px 5px!important;position:sticky;top:56px;align-self:start;max-height:calc(100vh - 70px);overflow:auto}body.refined-editor .workspace-global-rail button{min-height:60px!important;font:11px/1.3 Arial!important;padding:8px 2px!important;gap:6px!important;color:#52615a!important}body.refined-editor .workspace-global-rail button[aria-pressed=true]{background:#eaf0ec!important;color:#24533e!important}body.refined-editor .refined-editor-heading{grid-column:1 / -1!important;grid-row:1!important;display:flex!important;align-items:center;justify-content:space-between;padding:12px 22px;background:#fff;border-bottom:1px solid #e5e8e5;font:14px Arial}.refined-editor-heading{display:none}.refined-editor-heading button{background:#fff!important;color:#33473c!important;border:1px solid #e1e6e1!important;border-radius:8px;padding:9px 14px!important}.refined-editor-heading button:last-child{background:#285d47!important;color:white!important;border:0!important}body.refined-editor .desk-current>.preview-head,body.refined-editor .editor-next-step,body.refined-editor .preview-upload-shortcut,body.refined-editor .shared-task-toolbar,body.refined-editor .page-manager,body.refined-editor .resize-inspector,body.refined-editor .design-tool-rail,body.refined-editor .canvas-view-controls,body.refined-editor .customise-stage-tabs{display:none!important}body.refined-editor #studio .canvas-editor{grid-column:2!important;display:block!important;padding:0!important;background:#f4f5f7!important;border:0!important}body.refined-editor .customise-layout{display:flex!important;align-items:stretch!important;gap:0!important;min-width:0;min-height:calc(100vh - 115px)}body.refined-editor .customise-rail,body.refined-editor .canvas-resources{display:none!important}body.refined-editor .customise-centre{flex:1!important;min-width:0!important;padding:24px 28px!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;gap:16px!important;background:#f4f5f7!important}body.refined-editor #stage{flex:1;min-height:300px!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important;border:0!important;padding:18px!important;overflow:auto!important}body.refined-editor .product-shell{box-shadow:0 6px 28px #253b3012!important;max-width:100%!important}body.refined-editor #canvas{max-width:100%!important;object-fit:contain}body.refined-editor .customise-page-actions{display:flex;justify-content:flex-end;margin:0!important}body.refined-editor .customise-page-actions button,body.refined-editor .customise-bottom button{background:transparent!important;color:#59655d!important;border:0!important;font:12px Arial!important;padding:8px!important}body.refined-editor .customise-add-page{border:1px solid #d6ddd7!important;background:transparent!important;color:#334b3e!important;border-radius:8px!important;padding:12px!important;font:600 13px Arial!important}body.refined-editor .customise-bottom{font:12px Arial!important;display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #e1e5e1;padding-top:10px!important;margin:0!important}.editor-library-panel{border-radius:0!important;border:0!important;border-right:1px solid #e5e8e5!important;width:310px!important;flex-basis:310px!important;padding:20px!important;max-height:calc(100vh - 120px)!important}.panel-title{display:flex;justify-content:space-between;align-items:center;font:600 15px Arial;margin-bottom:22px}.panel-title button{border:0!important;padding:5px!important;font-size:20px}.editor-panel-content{display:flex;flex-direction:column;gap:12px}.editor-panel-content>[role=status]:empty{display:none}.panel-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel-result-grid button{display:flex;flex-direction:column;align-items:center;gap:9px;font:11px/1.4 Arial!important;text-align:left;margin:0!important;padding:6px!important;overflow:hidden;border-color:#edf0ed!important}.panel-result-grid canvas,.panel-result-grid img{width:100%!important;height:110px!important;object-fit:contain;background:#f5f6f3;border-radius:6px}.panel-result-grid svg{width:65px;height:65px;padding:12px;box-sizing:content-box}.editor-panel-content input[type=search]{padding:13px!important;font:13px Arial;border-radius:10px!important}.panel-text-preset{text-align:left!important;font-family:Georgia!important;padding:18px!important;margin:0!important}.panel-text-preset:nth-of-type(1){font-size:24px!important}.panel-text-preset:nth-of-type(2){font-size:19px!important}.editor-panel-content p{margin:0}.editor-ai-panel{border-radius:0!important;border:0!important;border-right:1px solid #e5e8e5!important;max-height:calc(100vh - 120px)!important}.ai-panel-welcome{font-size:26px!important;padding:35px 8px!important}.ai-panel-composer textarea:focus{outline:none!important}.customise-centre>.selection-controls{position:sticky!important;top:56px!important;background:white!important;color:#24352f!important;border:1px solid #e1e6e1!important;border-radius:10px!important;padding:10px!important;z-index:8;display:flex;flex-wrap:wrap;gap:8px}.customise-centre>.selection-controls[hidden]{display:none!important}.customise-centre>.selection-controls label{font:10px Arial!important;color:#52615a!important;max-width:110px}.customise-centre>.selection-controls input,.customise-centre>.selection-controls select{background:white!important;color:#24352f!important;border:1px solid #e1e6e1!important;padding:6px!important;width:100%!important;box-sizing:border-box}.customise-centre>.selection-controls label[hidden]{display:none!important}@media(max-width:800px){body.refined-editor .customise-centre{padding:12px!important}.editor-library-panel,.editor-ai-panel{width:240px!important;flex-basis:240px!important}}@media(max-width:600px){body.refined-editor .customise-layout{flex-direction:column!important}.editor-library-panel,.editor-ai-panel{width:100%!important;max-height:38vh!important;flex-basis:auto!important}}
body.refined-editor main{padding:56px 0 0!important;margin:0!important;width:100%!important;max-width:none!important}body.refined-editor #studioHome,body.refined-editor .project-desk,body.refined-editor .desk-current,body.refined-editor .desk-editor-host{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:#f4f5f7!important}body.refined-editor .connected-editor-bar,body.refined-editor .draft-recovery,body.refined-editor .canvas-creation-tools,body.refined-editor .preview-bottom,body.refined-editor .preview-head{display:none!important}body.refined-editor .refined-editor-heading strong{color:#334b3e!important;font:600 14px Arial!important}.editor-library-panel .panel-title button{font:18px Arial!important;color:#52615a!important}.editor-library-panel .panel-result-grid button:hover{border-color:#b6cabc!important;background:#f5f8f5!important}

body.refined-editor #studioHome>button{display:none!important}body.refined-editor #studio .workspace{border-top:0!important}body.refined-editor #canvas{width:auto!important;height:auto!important;max-height:calc(100vh - 330px)!important;max-width:100%!important}body.refined-editor .product-shell{width:auto!important;height:auto!important;background:transparent!important;padding:0!important}body.refined-editor .desk-current{background:#f4f5f7!important}

body.refined-editor dialog.refined-export-overlay[open]{position:fixed!important;inset:80px 20px 20px!important;margin:auto!important;width:min(850px,90vw)!important;max-width:90vw!important;max-height:80vh!important;height:auto!important;overflow:auto!important;z-index:1200!important;background:white!important;color:#203a32!important;border:1px solid #dbe2dc!important;border-radius:14px!important;padding:24px!important;box-shadow:0 0 0 100vmax #152b3555!important}body.refined-editor dialog.refined-export-overlay:not([open]){display:none!important}

body.refined-editor .desk-format-ribbon{display:none!important}body.refined-editor #studio .product-shell{margin:auto!important;float:none!important}body.refined-editor .template-editing-bar{display:none!important}
/* All workspace surfaces share the same navigation, rhythm and contrast. */
body.refined-editor{--ink:#253a30;--paper:#fafbf9;--panel:#fff;--line:#dfe6df;--ui-surface:#fff;--ui-ink:#253a30;--muted:#627167;--gold:#285d47}
body.refined-editor #studio .canvas-editor[hidden],body.refined-editor .shared-task-surface[hidden]{display:none!important}
body.refined-editor .shared-task-surface{grid-column:2!important;min-width:0!important;background:#f4f5f7!important;padding:24px 28px!important;box-sizing:border-box;min-height:calc(100vh - 130px)}
body.refined-editor .shared-task-surface>section:not([hidden]){display:block!important;background:#fff!important;color:#253a30!important;padding:28px!important;border:1px solid #e1e6e1!important;border-radius:12px!important;box-sizing:border-box;overflow:visible!important;max-height:none!important;min-height:calc(100vh - 185px);box-shadow:none!important}
body.refined-editor .shared-task-surface>section[hidden]{display:none!important}
body.refined-editor .shared-task-surface :is(h1,h2,h3,h4,p,label,small,summary,strong,span){color:#253a30!important}
body.refined-editor .shared-task-surface :is(h1,h2){font:500 28px/1.3 Georgia!important;margin-top:0!important}
body.refined-editor .shared-task-surface :is(p,label,small){font-family:Arial!important;line-height:1.55!important}
body.refined-editor .shared-task-surface :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),textarea,select){background:#fff!important;color:#253a30!important;border:1px solid #dce4dd!important;border-radius:8px!important;padding:11px!important;box-sizing:border-box;max-width:100%}
body.refined-editor .shared-task-surface :is(button,.secondary){background:#fff!important;color:#285d47!important;border:1px solid #dce4dd!important;border-radius:8px!important;padding:10px 14px!important;font:13px/1.3 Arial!important;box-shadow:none!important}
body.refined-editor .shared-task-surface button:hover{background:#eef4ee!important}
body.refined-editor .shared-task-surface button:disabled{opacity:.5!important}
body.refined-editor .shared-task-surface :is(.primary,.product-create,.ai-send,.ai-prepare){background:#285d47!important;color:#fff!important;border-color:#285d47!important}
body.refined-editor .shared-task-surface :is(.connected-workspace-links,.eyebrow){display:none!important}
body.refined-editor .refined-editor-heading select{background:#f8faf7!important;color:#285d47!important;border:1px solid #dce4dd!important;border-radius:8px!important;padding:9px 12px!important;font:13px Arial!important;min-width:150px}
body.refined-editor .refined-editor-heading button[hidden]{display:none!important}
body.refined-editor #projects #projectCards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:20px!important}
body.refined-editor .project-card{background:#fff!important;color:#253a30!important;border:1px solid #e1e6e1!important;border-radius:10px!important;padding:18px!important;box-sizing:border-box}
body.refined-editor .project-card img{max-height:160px;object-fit:contain;width:100%}
body.refined-editor #art-browser{width:100%!important;max-width:none!important;max-height:none!important}
body.refined-editor .product-studio{background:#fff!important;color:#253a30!important;padding:0!important;border:0!important;max-width:1000px!important;margin:0 auto!important}
body.refined-editor .product-studio :is(header,footer){position:static!important;background:#fff!important;color:#253a30!important;box-shadow:none!important}
body.refined-editor #aiStudio .ai-chat-layout{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr)!important;gap:28px!important;min-height:500px!important;height:auto!important}
body.refined-editor #aiStudio :is(.ai-chat-main,.ai-chat-preview,.ai-composer,.ai-chat-composer){background:#fafbf9!important;color:#253a30!important;border:1px solid #e1e6e1!important;border-radius:12px!important;min-height:0!important}
body.refined-editor #aiStudio .ai-chat-preview :is(header,footer){position:static!important;background:transparent!important;color:#253a30!important;padding:16px!important;box-shadow:none!important;width:auto!important;min-height:0!important}
body.refined-editor #aiStudio .ai-preview-empty{padding:45px 22px!important;text-align:center!important}
body.refined-editor #aiStudio .ai-preview-empty h2{font-size:22px!important}
body.refined-editor #aiStudio .ai-chat-welcome{padding:55px 24px!important;height:auto!important;min-height:0!important}
body.refined-editor #aiStudio .ai-chat-welcome h1{font:500 34px/1.25 Georgia!important;max-width:500px!important}
body.refined-editor #aiStudio .ai-preview-icons{border:0!important;margin-bottom:15px!important}
body.refined-editor #aiStudio .ai-chat-layout.ai-preview-hidden{grid-template-columns:1fr!important}
body.refined-editor #aiStudio .ai-chat-layout.ai-preview-only{grid-template-columns:1fr!important}
body.refined-editor #aiStudio .ai-chat-layout.ai-preview-only .ai-chat-main{display:none!important}
body.refined-editor #studio .workspace>.canvas-view-controls,body.refined-editor #studio .workspace>.preview-head{display:none!important}
@media(max-width:800px){body.refined-editor .shared-task-surface{padding:14px!important}body.refined-editor .shared-task-surface>section:not([hidden]){padding:18px!important}body.refined-editor #aiStudio .ai-chat-layout{grid-template-columns:1fr!important}body.refined-editor .refined-editor-heading strong{display:none!important}}
/* Override legacy page-specific themes at the shared surface boundary. */
body.refined-editor #studio .shared-task-surface>:is(#outfits#outfits,#art-browser#art-browser,#projects#projects,#spaces#spaces,#aiStudio#aiStudio){background:var(--task-surface,#fff)!important;color:var(--task-ink,#253a30)!important;border:1px solid #e1e6e1!important;padding:28px!important;margin:0!important;width:100%!important;max-width:none!important}
body.refined-editor #studio .shared-task-surface>:is(#outfits#outfits,#art-browser#art-browser,#projects#projects,#spaces#spaces,#aiStudio#aiStudio) :is(h1,h2,h3,h4,p,label,small,summary,strong,span){color:var(--task-ink,#253a30)!important;opacity:1!important}
body.refined-editor #studio .shared-task-surface>:is(#outfits#outfits,#art-browser#art-browser,#projects#projects,#spaces#spaces,#aiStudio#aiStudio) :is(section,.image-drop-zone,.ai-chat-preview,.ai-chat-main,.ai-composer,.ai-chat-composer){background:var(--task-surface,#fff)!important;color:var(--task-ink,#253a30)!important}
body.refined-editor #studio .shared-task-surface>:is(#outfits#outfits,#art-browser#art-browser,#projects#projects,#spaces#spaces,#aiStudio#aiStudio) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),textarea,select){background:var(--task-surface,#fff)!important;color:var(--task-ink,#253a30)!important;opacity:1!important;border-color:var(--task-line,#dce4dd)!important}
body.refined-editor #studio .shared-task-surface>:is(#outfits#outfits,#art-browser#art-browser,#projects#projects,#spaces#spaces,#aiStudio#aiStudio) button{color:var(--task-ink,#285d47)!important;opacity:1!important;background:var(--task-surface,#fff)!important}
body.refined-editor #studio .shared-task-surface>:is(#outfits#outfits,#art-browser#art-browser,#projects#projects,#spaces#spaces,#aiStudio#aiStudio) button:disabled{opacity:.5!important}
body.refined-editor #studio .refined-editor-heading{gap:18px!important;min-height:54px!important;box-sizing:border-box}
body.refined-editor #studio .refined-editor-heading select{width:190px!important;flex:0 0 190px!important;min-width:0!important}
body.refined-editor #studio .refined-editor-heading strong{margin-left:auto!important;margin-right:auto!important;white-space:nowrap!important}
body.refined-editor #studio .refined-editor-heading button{white-space:nowrap!important;flex-shrink:0}
body.refined-editor #studio .shared-task-surface .connected-workspace-links{display:none!important}
body.refined-editor #studio .shared-task-surface .ai-preview-empty{display:block!important;visibility:visible!important;opacity:1!important}
body.refined-editor #studio .shared-task-surface .ai-chat-preview{min-height:300px!important}
body.refined-editor #studio .shared-task-surface .ai-preview-icons button svg{stroke:#285d47!important;fill:none!important;width:18px!important;height:18px!important}
body.refined-editor #studio .shared-task-surface .ai-composer button svg{stroke:#285d47!important;fill:none!important}
body.refined-editor #studio .workspace>.page-manager,body.refined-editor #studio .workspace>.preview-bottom,body.refined-editor #studio .workspace>.library-note{display:none!important}
@media(max-width:600px){body.refined-editor #studio .refined-editor-heading{gap:8px!important;padding:10px!important}body.refined-editor #studio .refined-editor-heading select{width:145px!important;flex-basis:145px!important}}
body.refined-editor #studio .shared-task-surface .close-resource-drawer{display:none!important}
body.refined-editor #studio #aiStudio .ai-preview-empty[hidden],body.refined-editor #studio #aiStudio .ai-chat-welcome[hidden],body.refined-editor #studio #aiStudio .ai-chat-preview[hidden]{display:none!important}
body.refined-editor #studio #aiStudio .ai-chat-header{position:static!important;display:flex!important;align-items:center;justify-content:space-between;background:transparent!important;padding:16px 20px!important;width:auto!important;min-height:0!important;box-shadow:none!important;border-bottom:1px solid #e1e6e1!important;color:#253a30!important}
body.refined-editor #studio #aiStudio .ai-chat-header label{display:flex;align-items:center;gap:10px}
body.refined-editor #studio #aiStudio .ai-chat-preview>header,body.refined-editor #studio #aiStudio .ai-preview-address,body.refined-editor #studio #aiStudio .archive-actions{display:flex!important;position:static!important;padding:12px 18px!important;width:auto!important;min-height:0!important;background:transparent!important;color:#253a30!important;box-shadow:none!important;font:12px Arial!important;gap:10px}
body.refined-editor #studio #aiStudio .ai-chat-preview>header{align-items:center;justify-content:space-between}
body.refined-editor #studio #aiStudio .ai-preview-icons,body.refined-editor #studio #aiStudio .ai-preview-icons button,body.refined-editor #studio #aiStudio .ai-preview-icons svg,body.refined-editor #studio #aiStudio .ai-preview-icons path{opacity:1!important;color:#285d47!important;stroke:#285d47!important}
body.refined-editor #studio #aiStudio .ai-chat-composer svg{opacity:1!important;stroke:#285d47!important;color:#285d47!important}
body.refined-editor #studio #aiStudio .ai-connection{display:block!important;padding:12px!important;background:#f6f8f4!important;border:1px solid #e1e6e1!important;border-radius:8px!important;color:#253a30!important;font:12px/1.5 Arial!important}
body.refined-editor #studio #aiStudio .ai-connection strong,body.refined-editor #studio #aiStudio .ai-connection span{display:block!important}
body.refined-editor #studio #aiStudio .ai-preview-empty{padding:25px 20px!important}
body.refined-editor #studio #aiStudio .ai-chat-layout{padding:0!important;min-height:460px!important}
body.refined-editor #studio #aiStudio .ai-chat-main{padding:20px!important;gap:12px!important}
body.refined-editor #studio #aiStudio .ai-chat-header{padding:0 0 12px!important;height:auto!important;min-height:0!important;font:11px Arial!important}
body.refined-editor #studio #aiStudio .ai-chat-welcome{padding:24px 12px!important;margin:0!important;flex:0 0 auto!important}
body.refined-editor #studio #aiStudio .ai-chat-history{margin:0!important}
body.refined-editor #studio #aiStudio .ai-chat-composer{margin:0!important;padding:12px!important}
body.refined-editor #studio #aiStudio .ai-chat-preview .ai-preview-empty{margin:auto 20px!important;flex:1;display:flex!important;flex-direction:column;justify-content:center}
body.refined-editor #studio #aiStudio .ai-chat-preview .ai-preview-empty[hidden]{display:none!important}
body.refined-editor #studio #aiStudio .ai-preview-icons{padding:0!important;min-height:0!important;height:auto!important;margin:0 0 16px!important}
body.refined-editor #studio #aiStudio .ai-preview-icons button{padding:8px!important;min-height:32px!important}
body.refined-editor #studio #aiStudio .ai-chat-preview>footer{font:11px/1.5 Arial!important;padding:12px 18px!important;color:#627167!important;position:static!important}

body.refined-editor #status{position:static!important;inset:auto!important;background:transparent!important;color:#627167!important;border:0!important;box-shadow:none!important;font:12px/1.5 Arial!important;padding:8px 24px!important;margin:0!important;width:auto!important;max-width:none!important}

/* Tool dialogs use the browser top layer, independent of canvas resources. */
body.refined-editor dialog.workspace-tool-dialog[open]{position:fixed!important;inset:72px 24px 24px!important;display:block!important;width:min(1100px,calc(100vw - 48px))!important;height:auto!important;max-height:calc(100vh - 96px)!important;margin:auto!important;overflow:auto!important;padding:24px!important;background:#fff!important;color:#24352f!important;border:1px solid #e0e6e1!important;border-radius:16px!important;box-shadow:0 20px 70px #18352a30!important;font:14px/1.5 Arial,sans-serif!important}
body.refined-editor dialog.workspace-tool-dialog::backdrop{background:#14251c45;backdrop-filter:blur(3px)}
body.refined-editor dialog.workspace-tool-dialog :is(h2,h3,label,summary,p){color:#24352f!important;opacity:1!important}
body.refined-editor dialog.workspace-tool-dialog :is(input,select,textarea){background:#fff!important;color:#24352f!important;border:1px solid #dce4de!important;border-radius:8px!important}
body.refined-editor .premium-page-bar{display:none!important}
body.refined-editor #studio .workspace>.workspace-global-rail{width:76px!important;min-width:0!important;box-sizing:border-box!important;justify-self:stretch!important}
@media(max-width:640px){body.refined-editor dialog.workspace-tool-dialog[open]{inset:64px 8px 8px!important;width:calc(100vw - 16px)!important;max-height:calc(100vh - 72px)!important;padding:16px!important}}

body.refined-editor .workspace-tool-close{position:sticky;top:0;float:right;z-index:15;background:white!important;color:#285d47!important;border:1px solid #dce4de!important;border-radius:8px!important;padding:8px 14px!important;margin:0 0 12px 16px!important}

/* Keep the editing surface within the viewport; panels scroll independently. */
body.refined-editor{overflow:hidden!important}
body.refined-editor #studio .workspace{height:calc(100dvh - 80px)!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important}
body.refined-editor #studio .workspace>.workspace-global-rail{grid-row:2!important;height:100%!important;max-height:none!important;position:static!important;overflow-y:auto!important}
body.refined-editor #studio .canvas-editor,body.refined-editor .shared-task-surface{grid-row:2!important;min-height:0!important;overflow:auto!important}
body.refined-editor .customise-layout{height:100%!important;min-height:0!important;overflow:hidden!important}
body.refined-editor .customise-centre{height:100%!important;min-height:0!important;padding:16px 24px!important;gap:10px!important}
body.refined-editor #stage{min-height:0!important;overflow:auto!important;padding:12px!important}
body.refined-editor #canvas{max-height:calc(100dvh - 320px)!important}
body.refined-editor .editor-library-panel,body.refined-editor .editor-ai-panel{height:100%!important;max-height:none!important;box-sizing:border-box!important;overflow:auto!important}
body.refined-editor .customise-bottom{flex-shrink:0;gap:8px!important}
body.refined-editor .customise-bottom select{max-width:180px;background:#fff;color:#24352f;border:1px solid #dce4de;border-radius:6px;padding:6px;font:12px Arial}
.panel-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel-filter-row select{min-width:0;width:100%;padding:8px!important;font:12px Arial}
body #templateDetails#templateDetails .template-details-body{align-items:start!important;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)!important}
body #templateDetails#templateDetails .template-preview-information{min-width:0;padding:8px 0}
body #templateDetails#templateDetails .template-details-visual{background:#f3f4ef!important;padding:16px!important}
body #templateDetails#templateDetails .template-details-visual>canvas{max-height:50dvh!important;height:50dvh!important;object-fit:contain!important}
body #templateDetails#templateDetails .template-details-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:20px 0!important;padding:0!important;border:0!important;position:static!important}
body #templateDetails#templateDetails .template-details-actions .primary{order:-1;flex:1}
body #templateDetails#templateDetails .template-page-thumbnails{display:flex;gap:8px;overflow:auto;padding:12px 0!important}
body #templateDetails#templateDetails .template-page-thumbnails button{flex:0 0 70px!important;padding:4px!important;min-width:70px!important;background:#fff!important;border:1px solid #dce4de!important}
body #templateDetails#templateDetails .template-page-thumbnails canvas{height:78px!important;width:60px!important;object-fit:contain!important}
body #templateDetails#templateDetails .template-preview-options{border-top:1px solid #e1e6df;padding:14px 0}
body #templateDetails#templateDetails .template-preview-options summary{cursor:pointer;font:14px Arial;color:#285d47}
body #templateDetails#templateDetails .template-details-form{margin-top:16px}
body #templateDetails#templateDetails .template-layout-status{font-size:11px!important}
@media(max-width:720px){body #templateDetails#templateDetails .template-details-body{grid-template-columns:1fr!important}body.refined-editor .customise-centre{padding:10px!important}body.refined-editor .editor-library-panel{width:260px!important;flex-basis:260px!important}body.refined-editor .refined-editor-heading{padding:8px!important;gap:6px;flex-wrap:wrap}body.refined-editor #canvas{max-height:calc(100dvh - 360px)!important}}

body.refined-editor #studio .workspace>.canvas-editor{height:100%!important;max-height:100%!important;min-height:0!important;box-sizing:border-box!important;overflow:hidden!important}
body.refined-editor .customise-layout{box-sizing:border-box!important;padding:0!important;max-height:100%!important}
body.refined-editor .customise-centre{box-sizing:border-box!important;max-height:100%!important;overflow:hidden!important}
body.refined-editor #studio .workspace-global-rail button{min-height:52px!important}
body.refined-editor .customise-bottom{font-size:11px!important}
body.refined-editor .customise-bottom button{font-size:11px!important;padding:4px!important}
body.refined-editor .customise-centre>.selection-controls{position:static!important;flex-shrink:0!important;max-height:96px;overflow:auto}

.workspace-setup-options{border:1px solid #e1e6df;border-radius:10px;padding:12px 16px;margin:16px 0;background:#fafbf9}
.workspace-setup-options>summary{cursor:pointer;font:600 14px Arial;color:#285d47;padding:4px 0}
.workspace-setup-options[open]>summary{margin-bottom:16px}
body.refined-editor .connected-cloud-entry{margin:0!important;border:0!important;padding:0!important}
body.refined-editor #projects .project-dashboard-filters{margin-top:16px!important}
body.refined-editor #projects .project-cards{margin-top:20px!important}
body.refined-editor .private-image-library{padding:16px!important}

body.refined-editor.template-editing #studio .canvas-editor #stage{min-height:0!important;min-width:0!important;flex:1 1 0%!important;height:auto!important}
body.refined-editor #fontBrowser .font-library-results>div{background:#f8faf7!important;color:#24352f!important;border:1px solid #e1e6df!important;border-radius:8px!important;padding:12px!important}
body.refined-editor #fontBrowser .font-library-results :is(strong,a,p,span){color:#24352f!important;opacity:1!important}
body.refined-editor #fontBrowser button{color:#285d47!important;background:#fff!important;border:1px solid #dce4de!important;border-radius:8px!important;padding:8px 12px!important}
body.refined-editor .customise-bottom .page-options{position:relative;margin:0;border:0;padding:0;background:transparent}
body.refined-editor .customise-bottom .page-options summary{font:11px Arial;cursor:pointer;padding:6px;white-space:nowrap}
body.refined-editor .customise-bottom .page-options-menu{position:absolute;bottom:36px;right:0;top:auto;z-index:30;min-width:180px;padding:12px;background:#fff;color:#24352f;border:1px solid #dce4de;border-radius:10px;box-shadow:0 8px 24px #18352a20}
body.refined-editor .customise-bottom .page-options-menu input{width:100%;box-sizing:border-box;color:#24352f;background:white;border:1px solid #dce4de;border-radius:6px;padding:8px}

body.refined-editor .workspace-global-rail{overflow-x:hidden!important}
body.refined-editor .workspace-global-rail button{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.refined-editor .refined-editor-heading #draftSaveStatus{font:11px Arial!important;color:#627167!important;max-width:140px}
body.refined-editor .refined-editor-heading button[hidden]{display:none!important}

body.refined-editor .workspace-global-rail button>span{display:flex;align-items:center;justify-content:center}
body.refined-editor .workspace-global-rail svg{width:20px;height:20px;flex:none}
@media(max-width:600px){body.refined-editor #studio .workspace{grid-template-columns:58px minmax(0,1fr)!important}body.refined-editor #studio .workspace>.workspace-global-rail{width:58px!important;padding:6px 2px!important}body.refined-editor .workspace-global-rail button{font-size:10px!important}body.refined-editor .editor-library-panel,body.refined-editor .editor-ai-panel{height:35dvh!important;max-height:35dvh!important;flex:0 0 35dvh!important;width:100%!important;padding:12px!important}body.refined-editor .customise-centre{height:auto!important;flex:1 1 0!important;padding:8px!important}body.refined-editor .customise-bottom{gap:4px!important}body.refined-editor .customise-bottom select{max-width:125px!important}body.refined-editor .refined-editor-heading #draftSaveStatus{max-width:none;font-size:10px!important}body.refined-editor #canvas{max-height:30dvh!important}body.refined-editor .customise-page-actions button{padding:3px!important}}

/* Retired editor chrome must not overlap the shared task surfaces. */
body.refined-editor .canvas-utility-bar,body.refined-editor .panel-resizer{display:none!important}
body.refined-editor .shared-task-surface :is(article,.project-card){background:#fff!important;color:#24352f!important;border:1px solid #e1e6df!important;border-radius:12px!important;padding:16px!important;box-shadow:none!important}
body.refined-editor .shared-task-surface .project-card img{height:160px!important;width:100%!important;object-fit:contain!important;background:#f5f7f3!important;border-radius:8px!important}
body.refined-editor .shared-task-surface :is(article,.project-card) :is(h3,h4,strong,p,span,small){color:#24352f!important;opacity:1!important}
body.refined-editor dialog.workspace-tool-dialog article{background:#fff!important;color:#24352f!important;border:1px solid #e1e6df!important;border-radius:10px!important}

body.refined-editor #projects .project-card{background:#fff!important;color:#24352f!important;border:1px solid #e1e6df!important;border-radius:12px!important;padding:16px!important;box-shadow:none!important}
body.refined-editor #projects .project-card :is(h3,h4,strong,p,span,small){color:#24352f!important;opacity:1!important}
body.refined-editor #projects .project-card img{height:160px!important;width:100%!important;object-fit:contain!important;background:#f5f7f3!important;border-radius:8px!important}

/* Keep the working page central rather than stacking oversized control bands. */
body.refined-editor #studio .workspace .customise-centre{padding:12px 20px!important;gap:8px!important}
body.refined-editor #studio .workspace .customise-page-actions{height:28px!important;min-height:28px!important;flex:0 0 28px!important;align-items:center!important}
body.refined-editor #studio .workspace .customise-page-actions button{min-height:0!important;margin:0!important;padding:4px 8px!important}
body.refined-editor #studio .workspace .customise-bottom{min-height:36px!important;height:36px!important;flex:0 0 36px!important;flex-wrap:nowrap!important;padding-top:4px!important;gap:8px!important}
body.refined-editor #studio .workspace .customise-bottom :is(button,select,label){min-height:0!important;margin:0!important;white-space:nowrap!important}
body.refined-editor #studio .workspace .customise-centre>#stage{display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;min-height:0!important;padding:12px!important}
body.refined-editor #studio .workspace .customise-centre>.selection-controls{padding:6px 10px!important;min-height:0!important}
@media(max-width:600px){body.refined-editor #studio .workspace .customise-bottom{height:auto!important;flex-basis:auto!important;flex-wrap:wrap!important}}

body textarea.canvas-inline-text{box-sizing:border-box!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;outline:1px solid #667fba!important;outline-offset:3px!important;background:transparent!important;box-shadow:none!important;resize:none!important;overflow:hidden!important;transform-origin:center!important;caret-color:currentColor!important}
body textarea.canvas-inline-text::selection{background:#738dc866;color:inherit}

body.refined-editor #studio .workspace .customise-centre>.selection-controls{height:64px!important;flex:0 0 64px!important;box-sizing:border-box!important}
body.refined-editor #studio .workspace .customise-centre>.selection-controls[hidden]{display:flex!important;visibility:hidden!important;pointer-events:none!important}

body.refined-editor .editor-page-overview{width:148px;flex:0 0 148px;box-sizing:border-box;background:#fff;border-left:1px solid #e1e6e4;overflow:auto;padding:12px}
body.refined-editor .editor-page-overview[hidden]{display:none!important}.page-overview-heading{font:600 13px Arial;color:#33483e;padding:4px 0 14px}.editor-page-list{display:flex;flex-direction:column;gap:12px}
body.refined-editor .editor-page-list button{display:flex;flex-direction:column;gap:8px;width:100%;padding:8px!important;margin:0!important;background:#f5f6f8!important;color:#34483e!important;border:1px solid #e0e5e2!important;border-radius:8px!important;text-align:left;font:11px/1.4 Arial!important}
body.refined-editor .editor-page-list button[aria-current=page]{border:2px solid #46715e!important;background:#edf3ef!important}.editor-page-list canvas{height:94px;width:100%;object-fit:contain}.editor-page-list span{overflow-wrap:anywhere}
body.refined-editor .modern-text-toolbar{display:flex;align-items:center;gap:6px;width:100%;height:40px}.modern-text-toolbar[hidden]{display:none!important}
body.refined-editor .modern-text-toolbar button{height:32px!important;min-width:32px!important;padding:4px!important;margin:0!important;background:white!important;color:#24352f!important;border:1px solid transparent!important;border-radius:6px!important;font:16px Arial!important}
body.refined-editor .modern-text-toolbar button[aria-pressed=true]{background:#eaf1ed!important;color:#285d47!important;border-color:#cfddd5!important}.format-bold{font-weight:700!important}.format-italic{font-style:italic!important}
body.refined-editor .modern-text-toolbar select{width:170px!important;height:34px!important;border-radius:6px!important;font:13px Arial!important}.modern-text-toolbar input[type=number]{width:58px!important;height:34px!important;border-radius:6px!important}.modern-text-toolbar input[type=color]{width:34px!important;height:34px!important;padding:4px!important;border-radius:6px!important}
body.refined-editor .selection-controls.modern-text-selected>label{display:none!important}body.refined-editor .selection-controls.modern-text-selected>details{margin:0!important}
@media(max-width:850px){body.refined-editor .editor-page-overview{width:112px;flex-basis:112px;padding:8px}.editor-page-list canvas{height:70px}}@media(max-width:600px){body.refined-editor .editor-page-overview{width:100%;flex:0 0 110px;max-height:110px}.editor-page-list{flex-direction:row}.editor-page-list button{min-width:90px;max-width:90px}.page-overview-heading{display:none}}

body.refined-editor .selection-controls.modern-text-selected{flex-wrap:nowrap!important;overflow:visible!important;align-items:center!important}
body.refined-editor .selection-controls.modern-text-selected .modern-text-toolbar{width:auto!important;flex:1!important;min-width:0!important}
body.refined-editor .selection-controls.modern-text-selected>.selection-more{flex:none!important;border:0!important;padding:0!important;max-width:none!important}
body.refined-editor .selection-more>summary{font:12px Arial!important;white-space:nowrap!important;padding:8px!important;min-width:65px!important}

.viewport-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.viewport-controls input[type=range]{width:96px;accent-color:#426b56}.viewport-controls span{font:11px Arial;min-width:36px}.viewport-controls button{white-space:nowrap}.viewport-controls button[aria-pressed=true]{background:#e3ece6!important}.hand-navigation,.hand-navigation canvas{cursor:grab!important}.is-panning,.is-panning canvas{cursor:grabbing!important}
.object-rotation-controls{display:flex;align-items:center;gap:4px;margin-left:8px}.object-rotation-controls[hidden]{display:none!important}.object-rotation-controls input{width:52px!important;height:32px!important;padding:5px!important;box-sizing:border-box}.object-rotation-controls button{height:32px!important;min-width:28px!important;font:13px Arial!important;padding:4px!important;background:white!important;color:#33483e!important;border:1px solid #e2e6e2!important;border-radius:6px!important}
body.refined-editor #studio .workspace .customise-bottom{flex-wrap:wrap!important;height:auto!important;min-height:36px!important;flex-basis:auto!important}.selection-controls .modern-text-toolbar{flex:1 1 auto!important}.object-rotation-controls{flex:none}
@media(max-width:900px){.object-rotation-controls button:last-child{display:none}.viewport-controls input[type=range]{width:65px}.object-rotation-controls input{width:44px!important}}

body.refined-editor .editor-position-panel{width:280px;flex:0 0 280px;box-sizing:border-box;overflow:auto;background:#fff;border-right:1px solid #e1e6e2;padding:18px}.editor-position-panel[hidden]{display:none!important}.editor-position-panel h3{font:600 12px Arial;color:#33483e;margin:22px 0 10px}.position-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.position-note{font:11px/1.5 Arial;color:#65736c}.position-layers{display:flex;flex-direction:column;gap:6px}
body.refined-editor .editor-position-panel button{padding:9px!important;margin:0!important;background:#fafbf9!important;color:#33483e!important;border:1px solid #e0e6e1!important;border-radius:7px!important;font:12px/1.4 Arial!important}.position-layers button{text-align:left;overflow-wrap:anywhere}.position-layers button[aria-pressed=true]{background:#eaf1ec!important;border-color:#9fb6a8!important}.position-action-grid button:disabled{opacity:.4}
body.refined-editor .position-toggle{font:12px Arial!important;padding:8px!important;margin:0!important;background:white!important;border:1px solid #e0e6e1!important;color:#33483e!important;border-radius:6px!important;flex:none}
@media(max-width:850px){body.refined-editor .editor-position-panel{width:230px;flex-basis:230px}}@media(max-width:600px){body.refined-editor .editor-position-panel{width:100%;flex-basis:35dvh;max-height:35dvh}}

body.refined-editor .editor-position-panel .panel-title strong{color:#33483e!important;font:600 15px Arial!important}
body.refined-editor .editor-position-panel .object-rotation-controls{margin:0!important;justify-content:flex-start!important}
body.refined-editor .modern-text-toolbar>select{width:130px!important;flex:0 0 130px!important}
body.refined-editor .modern-text-toolbar>*{flex-shrink:0!important}
body.refined-editor .modern-text-toolbar input[type=color]{width:34px!important;flex:0 0 34px!important}

body.refined-editor.editor-main-menu-open .workspace-nav{display:flex!important;position:fixed!important;inset:56px auto 0 0!important;width:240px!important;max-width:85vw!important;z-index:1001!important;overflow-y:auto!important;transform:none!important;box-shadow:12px 0 40px #10251c26!important;padding:16px!important;box-sizing:border-box!important;background:#fff!important}body.refined-editor.editor-main-menu-open .workspace-nav .mobile-menu-close{display:block!important;font:600 13px Arial!important;padding:10px!important;text-align:left!important}body.refined-editor .editor-menu-backdrop:not([hidden]){position:fixed!important;inset:56px 0 0!important;z-index:1000!important;border:0!important;border-radius:0!important;background:#14251b35!important;margin:0!important;padding:0!important}.editor-menu-backdrop[hidden]{display:none!important}

body.refined-editor.editor-main-menu-open .workspace-nav button,body.refined-editor.editor-main-menu-open .workspace-nav button span,body.refined-editor.editor-main-menu-open .workspace-nav .navigation-label,body.refined-editor.editor-main-menu-open .workspace-nav svg{color:#243d34!important;-webkit-text-fill-color:#243d34!important}body.refined-editor.editor-main-menu-open .workspace-nav button[aria-pressed=true]{background:#e8efeb!important}body.refined-editor.editor-main-menu-open .workspace-nav .sidebar-commands>button{font:13px/1.5 Arial!important}body.refined-editor.editor-main-menu-open .workspace-nav .create-primary{background:#cfb778!important;color:#172d23!important}

body header.sidebar-header .main-navigation-toggle{display:inline-flex!important;width:auto!important;min-width:76px!important;gap:7px!important;padding:8px 10px!important;align-items:center!important;font:600 13px Arial!important;color:#243d34!important}body header.sidebar-header .main-navigation-toggle span{display:inline!important;color:inherit!important}body header.sidebar-header .main-navigation-toggle svg{width:18px!important;height:18px!important}