.appearance-toggle{position:fixed;right:20px;bottom:18px;z-index:1000;min-height:44px;padding:10px 18px;border-radius:999px;box-shadow:0 6px 24px #183e3520;font:600 .85rem system-ui,sans-serif;background:#194e4a;color:white;border:1px solid #fff8;cursor:pointer}
.appearance-dialog{width:min(460px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:28px;border:1px solid #bac6b4;border-radius:14px;background:#fffdf8;color:#22252a;box-shadow:0 24px 80px #172c3640;font:16px/1.7 system-ui,sans-serif}.appearance-dialog::backdrop{background:#142b324f;backdrop-filter:blur(4px)}.appearance-dialog h2{font-size:1.3rem;color:#194e4a;margin-top:0}.appearance-dialog p{color:#4c5a50;font-size:.9rem}.appearance-dialog label{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#28392e}.appearance-dialog input[type=color]{width:100px;height:46px;padding:5px}.appearance-actions{display:flex;flex-wrap:wrap;gap:10px}.appearance-actions button{min-height:44px;background:#194e4a;color:white;border:1px solid #194e4a;border-radius:6px;padding:10px 14px;cursor:pointer}
html[data-custom-appearance] body{background-color:var(--appearance-background);background-image:radial-gradient(ellipse at 95% 0,#ffffff18,transparent 50%),repeating-linear-gradient(0deg,transparent 0 3px,#80808008 3px 4px);color:var(--appearance-background-ink)}
html[data-custom-appearance] header,html[data-custom-appearance] footer,html[data-custom-appearance] .svc-top,html[data-custom-appearance] .panel,html[data-custom-appearance] a.card,html[data-custom-appearance] #serviceList li{background:var(--appearance-panel);color:var(--appearance-panel-ink)}
html[data-custom-appearance] .panel :is(h2,h3,p,label,.muted,.feature-result,.chip),html[data-custom-appearance] .svc-top h1,html[data-custom-appearance] a.card :is(h3,p,.state),html[data-custom-appearance] #serviceList li a{color:var(--appearance-panel-ink)}
html[data-custom-appearance] .hero :is(h1,h1 em,.intro,.hero-note,.eyebrow),html[data-custom-appearance] .section-heading h2,html[data-custom-appearance] .pathway p,html[data-custom-appearance] .atelier-return{color:var(--appearance-background-ink)}
html[data-custom-appearance] :is(button,.btn,.primary-action,.svc-home,.main-nav a,.service-filters button[aria-pressed=true]){background:var(--appearance-button);color:var(--appearance-button-ink);border-color:var(--appearance-button)}
html[data-custom-appearance] :is(button,.btn,.primary-action,.svc-home):hover{filter:brightness(.92)}
html[data-custom-appearance] .panel .feature-result,html[data-custom-appearance] .panel .chip{background:var(--appearance-panel)}
@media(max-width:600px){.appearance-toggle{right:14px;bottom:14px}.atelier-workspace .shell{padding-bottom:100px}.appearance-dialog{padding:22px}.appearance-actions button{flex:1 1 auto}}
@media print{.appearance-toggle,.appearance-dialog{display:none}}
html[data-custom-appearance] body:is(.atelier-workspace,.atelier-home) :is(button,.btn,.primary-action,.svc-home,.main-nav a,.service-filters button[aria-pressed=true]){background:var(--appearance-button);color:var(--appearance-button-ink);border-color:var(--appearance-button)}
html[data-custom-appearance] body:is(.atelier-workspace,.atelier-home) :is(button,.btn,.primary-action,.svc-home):hover{background:var(--appearance-button);color:var(--appearance-button-ink)}
/* Complete color coverage of platform chrome, without recoloring user media. */
html[data-custom-appearance] body.appearance-workspace{background:var(--appearance-background);color:var(--appearance-background-ink);--ink:var(--appearance-page-ink);--muted:var(--appearance-page-ink);--forest:var(--appearance-button)}
html[data-custom-appearance] body.appearance-workspace>main.shell,html[data-custom-appearance] body.appearance-workspace>.shell{background:var(--appearance-page);color:var(--appearance-page-ink);border-radius:12px}
html[data-custom-appearance] body.appearance-workspace :is(.pathway,.section-heading,.atelier-return){color:var(--appearance-page-ink);border-color:currentColor}
html[data-custom-appearance] body.appearance-workspace :is(.main-nav a,.service-filters button,.secondary-action,.section-heading>a,.pathway>a,.atelier-return>a){color:var(--appearance-page-ink)}
html[data-custom-appearance] body.appearance-workspace :is(header,footer,.svc-top,.panel,.notice,.btn-row,.preview,.feature-result,.feature-search-panel,.card-icon,.chip,.svc-return-nav,.controls,.segment-row){background:var(--appearance-panel);color:var(--appearance-panel-ink);border-color:var(--appearance-panel-ink)}
html[data-custom-appearance] body.appearance-workspace :is(.panel,.notice,.svc-top,header,footer,.controls,.segment-row) :is(p,h1,h2,h3,label,a,span,.muted,.ok,.warn,.eyebrow){color:var(--appearance-panel-ink)}
html[data-custom-appearance] body.appearance-workspace :is(.list li,.feature-result,.chip){border-color:var(--appearance-panel-ink)}
html[data-custom-appearance] body.appearance-workspace :is(input,textarea,select){background:var(--appearance-page);color:var(--appearance-page-ink);border-color:var(--appearance-panel-ink)}
html[data-custom-appearance] body.appearance-workspace :is(button,.btn,.primary-action,.secondary-action,.svc-home,.main-nav a,.service-filters button,.feature-shortcuts button,.appearance-toggle){background:var(--appearance-button);color:var(--appearance-button-ink);border-color:var(--appearance-button)}
html[data-custom-appearance] body.appearance-workspace .svc-return-nav a,html[data-custom-appearance] body.appearance-workspace .btn-row>:is(button,.btn),html[data-custom-appearance] body.appearance-workspace button[type=submit],html[data-custom-appearance] body.appearance-workspace .feature-shortcuts button{background:var(--appearance-button);color:var(--appearance-button-ink);border-color:var(--appearance-button)}
html[data-custom-appearance] body.appearance-workspace :is(button,.btn,.primary-action,.secondary-action,.svc-home):hover{background:var(--appearance-button);color:var(--appearance-button-ink)}
html[data-custom-appearance] body.appearance-workspace :is(a.card,#serviceList li){background:var(--appearance-panel);color:var(--appearance-panel-ink)}
html[data-custom-appearance] body.appearance-workspace :is(a.card,#serviceList li) :is(a,h3,p,.state,.card-icon){color:var(--appearance-panel-ink)}
html[data-custom-appearance] body.appearance-workspace .hero :is(h1,h1 em,.intro,.hero-note,.eyebrow){color:var(--appearance-page-ink)}
html[data-custom-appearance] body.appearance-workspace .appearance-dialog{background:#fffdf8;color:#22252a;border-color:#bac6b4}
html[data-custom-appearance] body.appearance-workspace .appearance-dialog :is(h2,p,label){color:#28392e}
html[data-custom-appearance] body.appearance-workspace .appearance-dialog input{background:#fff;color:#222}
html[data-custom-appearance] body.appearance-workspace .appearance-dialog button{background:#194e4a;color:#fff;border-color:#194e4a}
html[data-custom-appearance] body.appearance-workspace:after{display:none}
@media(max-width:600px){.appearance-workspace{padding-bottom:70px}}
/* Selected home category stays green; custom palettes still tint idle menus. */
html[data-custom-appearance] body.atelier-home .service-filters button:not([aria-pressed=true]){background:var(--appearance-panel);color:var(--appearance-panel-ink);border-color:var(--appearance-button);box-shadow:inset 0 0 0 1px var(--appearance-button)}
@supports(background:color-mix(in srgb,white,black)){html[data-custom-appearance] body.atelier-home .service-filters button:not([aria-pressed=true]){background:color-mix(in srgb,var(--appearance-button) 12%,var(--appearance-panel))}}
html[data-custom-appearance] body.atelier-home .service-filters button[aria-pressed=true]{background:#194e4a;color:#fff;border-color:#194e4a;box-shadow:0 5px 14px #194e4a20}
/* User-selected page/panel colors also cover the new home section surfaces. */
html[data-custom-appearance] body.atelier-home .hero{background:var(--appearance-page);color:var(--appearance-page-ink);border-color:var(--appearance-button)}
html[data-custom-appearance] body.atelier-home :is(#services,#services .service-filters,.main-nav,.pathway){background:var(--appearance-panel);color:var(--appearance-panel-ink);border-color:var(--appearance-button)}
html[data-custom-appearance] body.atelier-home #services .section-heading :is(h2,a,.eyebrow),html[data-custom-appearance] body.atelier-home .pathway :is(p,a,span){color:var(--appearance-panel-ink)}
/* Paint the viewport itself, including gutters, short pages and overscroll. */
html{min-height:100%;background-color:#c3c1bb}
html:has(body.atelier-home){background-color:#ccc8c0}
html:has(body.appearance-workspace:not(.atelier-home):not(.atelier-workspace)){background-color:#080f1d}
body.appearance-workspace{margin:0;min-height:100vh;min-height:100svh;min-height:100dvh;box-sizing:border-box}
html[data-custom-appearance]{background-color:var(--appearance-background)}
html[data-custom-appearance]:has(body.appearance-workspace){background-color:var(--appearance-background)}
@supports(height:100dvh){html{min-height:100dvh}}

/* Preserve the company rainbow over user-selected footer palettes too. */
@supports(background-clip:text){html[data-custom-appearance] body.appearance-workspace .company-footer .company-details strong .arkaon-living{color:transparent;-webkit-text-fill-color:transparent}}