/* Studio-only controls; customer page palettes remain independent. */
body :is(#studio-help-dialog,#publish-dialog){width:min(760px,94vw)!important;max-height:90dvh!important;padding:0!important;overflow:hidden!important;border:1px solid #bbd3c7!important;border-radius:20px!important;background:#fff!important;color:#173b2b!important;box-shadow:0 24px 80px #0005!important}
.ph-dialog-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #d5e3db;background:#f1f8f4;min-height:64px}
.ph-dialog-header strong{flex:1;font:750 17px/1.4 Arial,sans-serif}.ph-dialog-header button{flex:none;min-height:42px!important;background:#fff!important;color:#173b2b!important}
.ph-dialog-body{max-height:calc(90dvh - 78px);overflow:auto;padding:20px;overscroll-behavior:contain}.ph-dialog-body>h2:first-child{display:none}
.ph-ai-mark{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:14px;background:linear-gradient(135deg,#087451,#236aa9);color:#fff;font:800 17px Arial;box-shadow:0 3px 12px #12684830}
#studio-help-dialog .guide{border:0!important;padding:0!important;margin:0!important;background:transparent!important}#studio-help-dialog .guide>summary{display:none!important}
body :is(.sidebar,.panel,.panel-heading,.tool-rail,.studio-home-nav) :is(.fine,small,.eyebrow,.context-guide,.quick-edit-hint){color:#355848!important}
body .context-guide{background:#eaf5ee!important;border-color:#a8cfb9!important;color:#244f38!important;font-size:14px!important}
body .panel :is(label,summary),body .palette-list button{color:#173b2b!important;font-size:14px!important}body .palette-list button{border-color:#98bbaa!important}body .palette-list button[aria-pressed=true]{outline:2px solid #146e4e;outline-offset:2px}
#design-results .design-preview{position:relative;overflow:hidden;background:#edf5f0;min-height:105px;border-radius:10px}#design-results .design-preview iframe{position:absolute;top:0;left:0;width:720px;height:410px;border:0;transform:scale(.27);transform-origin:0 0;pointer-events:none}
@media(max-width:600px){.ph-dialog-header{padding:12px;gap:8px}.ph-dialog-header strong{font-size:14px}.ph-dialog-body{padding:16px}.ph-ai-mark{width:34px;height:34px}}
.ph-category-scroll{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.ph-category-scroll .visual-categories{flex:1;min-width:0;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:12px}.ph-category-scroll .visual-categories::-webkit-scrollbar{display:none;width:0;height:0}.ph-category-scroll .visual-categories::-webkit-scrollbar-thumb{background:#147b58;border-radius:12px}.ph-category-scroll .visual-categories::-webkit-scrollbar-track{background:#dceee3;border-radius:12px}.ph-category-arrow{flex:0 0 30px;width:30px;min-height:40px;border:1px solid #acd0bc;border-radius:9px;background:#e9f5ee;color:#087451;font-size:24px;cursor:pointer}.visual-categories .ph-office-entry{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-width:115px;flex:0 0 115px;border:0;background:transparent;padding:0 6px;color:#173b2b;font-size:14px;white-space:nowrap}.visual-categories .ph-office-entry .visual-icon{width:80px!important;height:80px!important;box-sizing:border-box;padding:24px;border-radius:50%;background:#d5efe0;color:#087451;flex:none}.visual-categories .ph-office-entry:hover .visual-icon{background:#bce7d0}.ph-category-arrow:focus-visible{outline:3px solid #147b58;outline-offset:2px}
.ph-create-hint{font:13px/1.5 Arial,sans-serif;color:#365b48;margin:10px 0 24px}.visual-categories .ph-office-entry{min-width:125px;flex-basis:125px}.visual-categories .ph-office-entry span{white-space:normal;line-height:1.3;text-align:center}.visual-categories .ph-office-entry .visual-icon{border:1px solid #b7dfc9;background:#d9efe3;color:#116d49}.visual-categories button .visual-icon{stroke-linecap:round;stroke-linejoin:round}
body .visual-categories button.ph-create-category{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-width:112px;width:112px;flex:0 0 112px;border:0;padding:0 4px;background:transparent;font-size:12px;color:#514b5b;white-space:normal;text-align:center;line-height:1.35}
body[data-view="choose"] .visual-categories button.ph-create-category .visual-icon{width:60px!important;height:60px!important;min-width:60px;min-height:60px;flex:none;box-sizing:border-box;padding:15px!important;border-radius:50%;background:var(--category-colour)!important;color:white!important;box-shadow:0 3px 8px #173b2b12;transition:transform .15s}
body .visual-categories button.ph-create-category:hover .visual-icon{transform:translateY(-3px)}
body .ph-category-arrow{display:flex;align-items:center;justify-content:center;padding:0;min-height:40px;height:40px}
body .ph-category-arrow svg,body .ph-category-arrow .tool-icon,body .ph-colour-swatches button svg{display:none!important}

.ph-category-scroll .visual-categories{scroll-padding-inline:12px;padding-inline:12px;box-sizing:border-box}.ph-category-scroll .visual-categories>*{flex-shrink:0}.ph-category-scroll .visual-categories::after{content:"";flex:0 0 16px}

body[data-studio-guest="true"] .gjs-cv-canvas{pointer-events:none}body[data-studio-guest="true"] .gjs-cv-canvas::after{content:"Sign in to edit this design";position:absolute;inset:0;display:grid;place-items:center;background:#ffffffb8;color:#124d35;font-size:20px;z-index:999}

.ph-web-visual-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.ph-web-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ph-web-visual-grid button{padding:8px;min-width:0}.ph-web-visual-grid button>div{height:65px;overflow:hidden}.ph-web-visual-grid svg{width:100%;height:100%}.ph-web-visual-grid span{font-size:11px}

/* One Studio route with a full-size drawing canvas instead of a second popup. */
body[data-workspace-mode="drawing"]{overflow:hidden}
body dialog.ph-office-shell[data-unified="true"]{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body dialog.ph-office-shell[data-unified="true"]::backdrop{background:transparent}
body dialog.ph-office-shell[data-unified="true"] .ph-office-rail .ph-unified-website-switch{font-weight:700;color:#0b5c44;background:#d9f1e5}
body dialog.ph-office-shell[data-unified="true"] .ph-office-rail .ph-unified-website-switch:focus-visible{outline:3px solid #0b8a61;outline-offset:-3px}