/* One quiet visual language for discovery and personalisation. */
body #templateGallery#templateGallery,body #templateDetails#templateDetails,body #templateTaxonomy#templateTaxonomy{background:#faf9f6!important;color:#203a32!important;border:1px solid #dedfd8!important;border-radius:20px!important;padding:28px!important;max-width:1200px!important;box-shadow:0 22px 70px #10221c30!important;font-family:Arial,sans-serif!important}
body #templateGallery#templateGallery .template-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
body #templateGallery#templateGallery h2,body #templateDetails#templateDetails h2{font:400 clamp(26px,3vw,38px)/1.15 Georgia,serif!important;letter-spacing:-.6px;color:#203a32!important;margin:8px 0 16px!important}
body #templateGallery#templateGallery p,body #templateDetails#templateDetails p{color:#65716b!important;font:14px/1.65 Arial,sans-serif!important;max-width:850px}
body #templateGallery#templateGallery .template-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
body #templateGallery#templateGallery .template-card{background:white!important;border:1px solid #e1e4dc!important;border-radius:15px!important;padding:16px!important;display:flex!important;flex-direction:column;gap:10px!important;text-align:left!important;min-width:0;transition:box-shadow .18s,border-color .18s}
body #templateGallery#templateGallery .template-card:hover{border-color:#8da596!important;box-shadow:0 8px 22px #203a3210!important}
body #templateGallery#templateGallery .template-card canvas{display:block;width:100%;height:260px!important;max-height:260px!important;object-fit:contain;background:#f3f2ee;border-radius:8px}
body #templateGallery#templateGallery .template-card strong{font:600 16px/1.4 Arial,sans-serif!important;color:#203a32!important;overflow-wrap:anywhere}
body #templateGallery#templateGallery .template-card span{font:12px/1.5 Arial,sans-serif!important;color:#66736b!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body #templateGallery#templateGallery .template-filters{display:flex!important;flex-wrap:wrap;gap:10px!important;margin:20px 0!important}
body #templateGallery#templateGallery .template-filters input{flex:1 1 300px;min-width:200px!important;width:auto!important}
body #templateGallery#templateGallery .template-filters select{flex:1 1 160px;min-width:140px!important;width:auto!important}
body #templateGallery#templateGallery :is(input,select),body #templateDetails#templateDetails :is(input:not([type=checkbox]),select,textarea){background:white!important;color:#203a32!important;border:1px solid #dce2d9!important;border-radius:10px!important;padding:11px!important;box-sizing:border-box}
body #templateGallery#templateGallery button:not(.template-card),body #templateDetails#templateDetails button{border-radius:10px!important;font:14px/1.4 Arial,sans-serif!important;padding:10px 14px!important;min-height:40px;letter-spacing:normal!important;text-transform:none!important}
body #templateGallery#templateGallery button.secondary,body #templateDetails#templateDetails button.secondary{background:white!important;color:#203a32!important;border:1px solid #d9e1d7!important}
body #templateDetails#templateDetails button.primary{background:#285d47!important;color:white!important;border:1px solid #285d47!important}
body #templateGallery#templateGallery .template-collection-shortcuts{display:flex;gap:8px;overflow:auto;margin:14px 0;padding-bottom:8px}
body #templateGallery#templateGallery .template-collection-shortcuts button{white-space:nowrap}
body #templateDetails#templateDetails .template-details-body{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(260px,1fr)!important;gap:28px!important}
body #templateDetails#templateDetails .template-details-visual{background:#f0efe9;border-radius:14px;padding:18px}
body #templateDetails#templateDetails canvas{max-height:600px;object-fit:contain;width:100%;height:auto}
body #templateDetails#templateDetails .template-details-form label{color:#334e43!important;font:14px/1.5 Arial,sans-serif!important}
body #templateGallery#templateGallery [data-advanced-toggle],body #templateTaxonomy#templateTaxonomy [data-advanced-toggle]{width:auto!important;display:inline-flex!important;margin:0 0 12px;padding:10px 16px!important}
body #templateAdvancedFilters input[type=color]{width:70px!important;min-width:70px!important;height:34px;padding:3px!important}
body :is(#templateGallery,#templateDetails,#templateTaxonomy) :is(button,input,select,summary):focus-visible{outline:3px solid #b5ccbd!important;outline-offset:3px}
@media(max-width:900px){body #templateGallery#templateGallery .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){body #templateGallery#templateGallery,body #templateDetails#templateDetails,body #templateTaxonomy#templateTaxonomy{padding:18px!important}body #templateGallery#templateGallery .template-grid,body #templateDetails#templateDetails .template-details-body{grid-template-columns:1fr!important}body #templateGallery#templateGallery .template-heading{align-items:flex-start}body #templateGallery#templateGallery .template-card canvas{height:280px!important}}
body #templateGallery#templateGallery .template-type-card{background:#fff!important;border:1px solid #dce2da!important;border-radius:13px!important;min-height:126px!important;padding:18px!important}
body #templateGallery#templateGallery .template-type-card strong{font:600 15px/1.4 Arial,sans-serif!important}
body #templateGallery#templateGallery .template-type-card small{font:12px/1.5 Arial,sans-serif!important;letter-spacing:normal!important}
body #templateGallery#templateGallery .template-type-art{position:absolute!important;right:12px!important;top:12px!important;width:85px!important;height:100px!important;opacity:1!important;transform:none!important;display:flex;align-items:center;justify-content:center;font-size:28px;color:#285d47}
body #templateGallery#templateGallery .template-type-art canvas{width:85px!important;height:100px!important;object-fit:contain;filter:drop-shadow(0 4px 5px #203a3215)}
body #templateGallery#templateGallery .template-type-card:disabled{opacity:.65!important;background:#f1f2ed!important}

body #templateGallery#templateGallery .library-note{color:#52665b!important;opacity:1!important}
body #templateGallery#templateGallery h3{color:#203a32!important;font:600 18px/1.4 Arial!important}/* Template discovery owns the top of its workspace. Editor controls return when a design opens. */
body:not(.refined-editor):has(#templateGallery[open]) #studio :is(.preview-head,.draft-recovery,.editor-next-step,.canvas-editing-tools,.design-tool-rail,.canvas-view-controls,.desk-format-ribbon){display:none!important}
body #templateGallery#templateGallery{display:flex!important;flex-direction:column}
body #templateGallery#templateGallery:not([open]){display:none!important}
body #templateGallery#templateGallery .template-collection-shortcuts{order:-8;margin-top:0}
body #templateGallery#templateGallery>button{order:-7;align-self:flex-start;width:auto!important}
body #templateGallery#templateGallery .template-filters{order:-6;margin:8px 0 20px!important}
body #templateGallery#templateGallery #templateAdvancedFilters{order:-5;float:none;width:100%;max-height:45vh;margin-right:0}
body #templateGallery#templateGallery .template-heading{order:-4}
body #templateGallery#templateGallery>p:not(.library-note){order:-3}
body #templateGallery#templateGallery .template-type-section{order:-2}
body #templateGallery#templateGallery>.library-note{order:-1}
body #templateGallery#templateGallery .template-discovery{order:-20;background:#f3f5ef;border:1px solid #dfe5d9;border-radius:16px;padding:24px;margin-bottom:20px}
body #templateGallery#templateGallery .discovery-title h2{margin:6px 0!important;font-size:30px!important}
body #templateGallery#templateGallery .discovery-title small{font:10px Arial!important;letter-spacing:1.8px!important;color:#64776c}
body #templateGallery#templateGallery .discovery-title p{margin:8px 0 20px!important}
body #templateGallery#templateGallery .discovery-search{display:flex;gap:10px;align-items:center}
body #templateGallery#templateGallery .discovery-search input{flex:1;min-width:180px!important;width:auto!important;padding:15px!important;font-size:15px!important}
body #templateGallery#templateGallery .discovery-search button{width:auto!important;white-space:nowrap;margin:0!important;align-self:stretch!important}
body #templateGallery#templateGallery .discovery-choices{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
body #templateGallery#templateGallery .discovery-choices>select{width:auto!important;max-width:260px;flex:1}
body #templateGallery#templateGallery .discovery-more{padding:10px;border:1px solid #dce2d9;border-radius:10px;background:white;color:#203a32;font:14px Arial}
body #templateGallery#templateGallery .discovery-more summary{cursor:pointer}
body #templateGallery#templateGallery .discovery-more select{display:block;width:100%!important;margin-top:10px}
body #templateGallery#templateGallery .discovery-chips{display:flex;gap:8px;flex-wrap:wrap}
body #templateGallery#templateGallery .discovery-chips button{background:transparent!important;border:1px solid #cdd9cf!important;color:#285d47!important;border-radius:24px!important;padding:8px 13px!important}
body #templateGallery#templateGallery .discovery-chips button[aria-pressed=true]{background:#285d47!important;color:white!important}
body #templateGallery#templateGallery .template-collection-shortcuts{display:none!important}
body #templateGallery#templateGallery .template-filters:empty{display:none!important}
body #templateGallery#templateGallery .template-heading h2{font-size:24px!important}
@media(max-width:650px){body #templateGallery#templateGallery .template-discovery{padding:16px}body #templateGallery#templateGallery .discovery-search{flex-wrap:wrap}body #templateGallery#templateGallery .discovery-search input{flex-basis:100%}body #templateGallery#templateGallery .discovery-choices>select{max-width:none;width:100%!important;flex-basis:100%}}
body #templateDetails#templateDetails .template-breadcrumb button{background:transparent;color:#285d47;border:0;padding-left:0!important}
body #templateDetails#templateDetails .template-metadata{margin:4px 0;color:#607269!important}
body #templateDetails#templateDetails .template-page-thumbnails{display:flex;gap:10px;overflow:auto;margin-top:16px}
body #templateDetails#templateDetails .template-page-thumbnails button{background:white;border:1px solid #ccd8ce;min-width:90px;padding:6px!important}
body #templateDetails#templateDetails .template-page-thumbnails canvas{width:90px;height:100px;object-fit:contain}
body #templateDetails#templateDetails .template-details-actions{position:sticky;bottom:0;background:#faf9f6;padding:16px 0;margin-top:20px;border-top:1px solid #dce2da;z-index:3}
body.template-editing #studio .stage{background:#eef0f3!important;border:1px solid #e1e5e9!important;border-radius:14px!important;min-height:520px;padding:28px!important}
body.template-editing #studio .product-shell{box-shadow:0 8px 24px #18322a18!important}
body.template-editing #studio .preview-head{background:#faf9f6!important;color:#203a32!important;border-bottom:1px solid #dce2da!important}
body.template-editing #studio .preview-head :is(h2,p){color:#203a32!important}
body.template-editing #studio .page-manager{background:#faf9f6!important;color:#203a32!important;border:1px solid #dce2da!important;border-radius:12px!important}
body.template-editing #studio .page-manager :is(button,select){background:white!important;color:#203a32!important;border:1px solid #dce2da!important;border-radius:8px!important}

body #templateDetails#templateDetails .template-details-actions{position:static!important}
.customise-layout{display:contents}.customise-rail,.customise-page-actions,.customise-add-page,.customise-bottom{display:none}
body.template-editing .customise-layout{display:flex;gap:16px;min-width:0;width:100%;background:#eef0f3;border-radius:14px;padding:12px;box-sizing:border-box}
body.template-editing .customise-rail{display:flex;flex-direction:column;gap:4px;width:72px;flex-shrink:0}
body.template-editing .customise-rail button{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;color:#34483f;padding:12px 3px;font:11px Arial;border-radius:10px}
body.template-editing .customise-rail button:hover{background:#dde7df}
body.template-editing .customise-rail span{font-size:23px;line-height:1}
body.template-editing .customise-centre{flex:1;min-width:0}
body.template-editing .customise-page-actions{display:flex;justify-content:flex-end;padding:5px 0 12px}
body.template-editing .customise-page-actions button,body.template-editing .customise-add-page{border:1px solid #c4cbd1;border-radius:8px;background:#f7f8fa;color:#263e34;padding:12px;font:14px Arial}
body.template-editing .customise-add-page{display:block;width:100%;margin-top:14px;font-weight:600}
body.template-editing .customise-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 4px;color:#43554c;font:13px Arial}
body.template-editing .customise-bottom label{display:flex;align-items:center;gap:8px}
body.template-editing .customise-bottom input{accent-color:#285d47;width:110px}
body.template-editing #studio .stage{min-height:400px!important;padding:16px!important;border:0!important}
@media(max-width:700px){body.template-editing .customise-layout{gap:8px;padding:6px}body.template-editing .customise-rail{width:52px}body.template-editing .customise-rail button{font-size:10px}body.template-editing .customise-bottom{flex-wrap:wrap}}
/* Shared creative workspace language, including blank designs and tool surfaces. */
body.shared-task-active .shared-task-toolbar{background:#faf9f6!important;color:#203a32!important;border:1px solid #dce2da;border-radius:12px;margin-bottom:12px;padding:14px 18px;flex-wrap:wrap}
body.shared-task-active .shared-task-toolbar button{background:white!important;color:#203a32!important;border:1px solid #dce2da!important;border-radius:9px!important;padding:9px 12px!important}
body.shared-task-active .shared-task-surface{background:#f7f8f5;border:1px solid #dce2da;border-radius:16px;padding:24px;box-sizing:border-box;color:#203a32}
body.shared-task-active .shared-task-surface>section{background:transparent!important;color:#203a32!important}
body.shared-task-active .shared-task-surface :is(h1,h2,h3,h4,label,p,small){color:#203a32!important}
body.shared-task-active .shared-task-surface :is(input:not([type=checkbox]),textarea,select){background:white!important;color:#203a32!important;border:1px solid #dce2da!important;border-radius:9px!important;padding:11px!important;box-sizing:border-box}
body.shared-task-active .shared-task-surface button{border-radius:9px!important;font-family:Arial,sans-serif!important}
body.shared-task-active .shared-task-surface .secondary{background:white!important;color:#203a32!important;border:1px solid #dce2da!important}
body.shared-task-active .shared-task-surface .primary{background:#285d47!important;color:white!important}
@media(max-width:650px){body.shared-task-active .shared-task-surface{padding:16px}body.shared-task-active .shared-task-toolbar{padding:10px}}
body.shared-task-active .shared-task-surface button:not(.primary){background:#fff!important;color:#285d47!important;border:1px solid #ccd8ce!important;opacity:1}
body.shared-task-active .shared-task-surface button:disabled{opacity:.55!important}
body.shared-task-active #studio .workspace{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;align-items:start}
body.shared-task-active #studio .workspace> :not(.workspace-global-rail){grid-column:2!important;min-width:0}
.workspace-global-rail{display:none}
body.shared-task-active #studio .workspace>.workspace-global-rail{display:flex;flex-direction:column;gap:4px;grid-column:1!important;grid-row:1 / span 40;position:sticky;top:12px;background:#f1f3f5;border-radius:12px;padding:6px;box-sizing:border-box}
.workspace-global-rail button{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent!important;color:#34483f!important;border:0!important;border-radius:9px;padding:12px 2px;font:11px Arial!important}
.workspace-global-rail button:hover{background:#dce7df!important}
.workspace-global-rail span{font-size:23px;line-height:1}
body.shared-task-active .customise-rail{display:none!important}
body.shared-task-active .shared-tool-dock> :is(dialog,section){background:#faf9f6!important;color:#203a32!important;border-radius:14px!important;padding:22px!important;box-sizing:border-box}
body.shared-task-active .shared-tool-dock :is(h1,h2,h3,h4,p,label,small){color:#203a32!important}
body.shared-task-active .shared-tool-dock :is(input:not([type=checkbox]):not([type=color]),textarea,select){background:white!important;color:#203a32!important;border:1px solid #dce2da!important;border-radius:9px!important}
body.shared-task-active .shared-tool-dock button.secondary{background:white!important;color:#285d47!important;border:1px solid #dce2da!important;border-radius:9px!important}
body:not(.refined-editor):has(#templateGallery[open]) .desk-current>.preview-head,body:not(.refined-editor):has(#templateGallery[open]) .desk-current>.editor-next-step{display:none!important}
@media(max-width:650px){body.shared-task-active #studio .workspace{grid-template-columns:54px minmax(0,1fr)!important;gap:6px!important}.workspace-global-rail button{font-size:10px!important;padding:10px 0}}
.editor-library-panel[hidden]{display:none!important}.editor-library-panel{width:290px;flex:0 0 290px;max-height:75vh;overflow:auto;background:white;color:#203a32;border:1px solid #dce2da;border-radius:12px;padding:16px;box-sizing:border-box}.editor-library-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.editor-library-panel button{padding:10px;border:1px solid #dce2da;border-radius:9px;background:white;color:#285d47;margin:4px}.editor-library-panel input,.editor-library-panel select{width:100%;box-sizing:border-box;background:white;color:#203a32}.editor-library-panel p{font:13px/1.5 Arial;color:#607269}.editor-library-panel .editor-panel-content> :is(dialog,section){position:static!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:white!important;color:#203a32!important}.editor-library-panel .template-grid,.editor-library-panel #projectCards,.editor-library-panel .asset-library-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.editor-library-panel .template-discovery{padding:10px!important}.editor-library-panel .template-heading h2{font-size:20px!important}.editor-library-panel canvas{width:100%!important;object-fit:contain}.editor-library-panel .discovery-search{flex-wrap:wrap!important}.editor-library-panel .template-type-section{display:none!important}
body.editor-panel-active #studio .canvas-editor{display:grid!important;grid-template-columns:minmax(0,1fr)!important}body.editor-panel-active #studio .customise-layout{display:flex!important}body.editor-panel-active #studio .stage{display:block!important}body.editor-panel-active #studio .canvas-resources{display:none!important}
@media(max-width:850px){.editor-library-panel{width:230px;flex-basis:230px}}@media(max-width:650px){body.editor-panel-active .customise-layout{flex-direction:column!important}.editor-library-panel{width:100%;flex-basis:auto;max-height:40vh}}
body .editor-library-panel>header{position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;background:white!important;color:#203a32!important;padding:0!important;box-shadow:none!important;border:0!important;display:flex!important}
body .editor-library-panel :is(#elementLibrary#elementLibrary,#assetLibrary#assetLibrary,#templateGallery#templateGallery,#projects#projects){background:white!important;color:#203a32!important;border:0!important;padding:6px!important;border-radius:0!important;max-height:none!important;position:static!important}
body .editor-library-panel :is(h2,h3,p,label,small){color:#203a32!important}
body .editor-library-panel input,body .editor-library-panel select{background:white!important;color:#203a32!important;border:1px solid #dce2da!important;border-radius:8px!important;padding:10px!important}
body .editor-library-panel button{background:white!important;color:#285d47!important;border:1px solid #dce2da!important}