:root{--user-paper:#f9f0dc;--user-ink:#612c38;--user-accent:#733143;--user-sidebar:#642d3c;--user-hero:#f1c4b5;--user-on-sidebar:#fff9eb;--user-on-accent:#fff9eb;--user-on-hero:#2d2530;--user-font:Baskerville,Georgia,serif;--user-image-fit:cover}
:root{--paper:var(--user-paper);--ink:var(--user-ink);--green:var(--user-accent);--serif:var(--user-font)}
body{background:var(--user-paper);color:var(--user-ink)}h1,h2,h3,.brand,.sidebar-note p,.hero h2,.stats-strip strong,.salon-ribbon,.note p,.growth-stats strong{font-family:var(--user-font)}
.sidebar{background:var(--user-sidebar);color:var(--user-on-sidebar)}.brand-mark{color:var(--user-on-sidebar);border-color:var(--user-on-sidebar);box-shadow:inset 0 0 0 5px var(--user-sidebar),inset 0 0 0 6px var(--user-on-sidebar)}.brand-sub,.nav-label,.sidebar-note>span:last-child,.local-indicator{color:var(--user-on-sidebar);opacity:.86}.sidebar nav a:hover{background:color-mix(in srgb,var(--user-sidebar) 75%,white);color:var(--user-on-sidebar)}.sidebar nav a.active,.sidebar nav a.active:hover{background:var(--user-paper);color:var(--user-ink);border-color:var(--user-paper)}.sidebar-note,.settings-link{border-color:color-mix(in srgb,var(--user-sidebar) 65%,var(--user-on-sidebar))}
.topbar{background:color-mix(in srgb,var(--user-paper) 87%,var(--user-accent));color:var(--user-ink)}.topbar span:first-child:before,.page-heading .eyebrow,.section-title .eyebrow{color:var(--user-accent)}.hero{background:var(--user-hero);color:var(--user-on-hero);border-color:var(--user-accent)}.hero h2 em{color:inherit}.hero .eyebrow,.hero p:not(.eyebrow),.hero-foot{color:var(--user-on-hero)}.hero-copy:before{border-color:color-mix(in srgb,var(--user-hero) 50%,var(--user-on-hero))}.hero-art{border-color:var(--user-accent)}.hero-art img{object-fit:var(--user-image-fit)}.button{background:var(--user-accent);border-color:var(--user-accent);color:var(--user-on-accent)}.button:hover{background:color-mix(in srgb,var(--user-accent) 88%,black)}.button.quiet,.button.cream{background:var(--user-paper);border-color:var(--user-accent);color:var(--user-ink)}.button.quiet:hover,.button.cream:hover{background:color-mix(in srgb,var(--user-paper) 85%,var(--user-hero))}.salon-ribbon,.salon-ribbon span,.card-bottom>a,.stats-strip>a{color:var(--user-accent)}.steps button[aria-current],#toast{background:var(--user-accent);border-color:var(--user-accent);color:var(--user-on-accent)}.bookmark.bookmarked{color:var(--user-accent)}.appearance-link{display:block;margin-top:12px;text-decoration:none;padding:10px 14px;border:1px solid #b28880;font-size:12px}.appearance-link:hover{background:color-mix(in srgb,var(--user-sidebar) 75%,white)}.appearance-link[aria-current]{background:var(--user-paper);color:var(--user-ink)}
.appearance-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.appearance-controls .panel{margin-bottom:22px}.appearance-controls h2{font-size:28px}.appearance-controls .eyebrow{font-size:10px}.palette-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.palette-option{border:1px solid #c3a58b;background:#fff9eb;border-radius:3px;text-align:left;padding:12px;color:#612c38;box-shadow:2px 2px 0 #e0c9ab}.palette-option[aria-pressed=true]{outline:2px solid var(--user-accent);outline-offset:2px}.palette-option strong{display:block;font-family:var(--user-font);font-size:18px;font-weight:400;line-height:1.2;margin:10px 0 5px}.palette-option small{font-size:10px;display:block;color:#765d53}.palette-swatch{display:flex;height:24px;border:1px solid #bda68b;border-radius:3px;overflow:hidden}.palette-swatch i{flex:1}.palette-swatch[data-palette=salon]{background:linear-gradient(90deg,#642d3c 0 20%,#f1c4b5 20% 40%,#f9f0dc 40% 60%,#b7c8ce 60% 80%,#f3dfa0 80%)}.palette-swatch[data-palette=riviera]{background:linear-gradient(90deg,#284c75 0 20%,#f2df9d 20% 40%,#fff7de 40% 60%,#b7c8ce 60% 80%,#ddae95 80%)}.palette-swatch[data-palette=garden]{background:linear-gradient(90deg,#304c3d 0 20%,#e5c9c4 20% 40%,#f4f0df 40% 60%,#c6cfaa 60% 80%,#b99a7d 80%)}.palette-swatch[data-palette=lilac]{background:linear-gradient(90deg,#4e375d 0 20%,#dfe5c6 20% 40%,#f5eef5 40% 60%,#bba3cc 60% 80%,#d7b8b5 80%)}.colour-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.colour-grid label{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f6edda;border:1px solid #d6bda2;padding:9px 11px;margin:0;color:#614b44;font-size:12px}.colour-grid input[type=color]{width:38px;height:32px;padding:2px;margin:0;cursor:pointer;background:none;border:1px solid #bba086;border-radius:3px}.appearance-preview{position:sticky;top:24px;background:var(--user-paper);border:1px solid var(--user-accent);padding:20px;box-shadow:5px 5px 0 #ddc7ac}.appearance-preview>.eyebrow{color:var(--user-ink);font-size:10px}.mini-hero{background:var(--user-hero);color:var(--user-on-hero);border:1px solid var(--user-accent);padding:27px 22px}.mini-hero h2{font-size:42px;line-height:1.02;margin:0 0 18px}.mini-hero p{font-size:13px}.mini-art{width:100%;height:260px;display:block;object-fit:var(--user-image-fit);background:#e3dac1;border:1px solid var(--user-accent);border-top:0}.preview-foot{padding:19px 0 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-foot .button{font-size:11px;padding:10px 13px;gap:8px}.appearance-status{font-size:11px;color:var(--user-ink);margin-bottom:0}.image-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.image-option{padding:6px;border:1px solid #c7ad92;background:#fff6e3;text-align:left;border-radius:3px;color:#664247}.image-option[aria-pressed=true]{outline:2px solid var(--user-accent);outline-offset:2px}.image-option img{height:95px;width:100%;object-fit:cover;display:block}.image-option span{display:block;font-size:11px;padding:8px 4px 3px}.appearance-controls .file-button{width:100%;text-align:center;margin-bottom:12px}.image-settings{margin-top:15px}.contrast-message{font-size:11px;color:#6b5149;margin-bottom:0;line-height:1.6}.contrast-message.low{color:#9b3027;font-weight:600}.appearance-help{font-size:12px;color:#786155;margin:12px 0 0}.appearance-mobile-link{display:none}
@media(max-width:980px){.appearance-layout{grid-template-columns:1fr}.appearance-preview{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0}.appearance-preview>.eyebrow,.preview-foot{grid-column:1/-1}.mini-art{height:100%;min-height:200px;border-top:1px solid var(--user-accent);border-left:0}.mini-hero h2{font-size:37px}}
@media(max-width:700px){.appearance-link{display:inline-block;margin:9px 0 0;padding:5px 11px;font-size:10px;float:right}.sidebar:after{content:'';display:block;clear:both}.brand-mark{border:none;box-shadow:none}.palette-option strong{font-size:18px}.colour-grid{gap:8px}.colour-grid label{font-size:11px;padding:7px 8px}.appearance-preview{padding:16px;display:block}.mini-art{height:230px;border:1px solid var(--user-accent);border-top:0}.mini-hero h2{font-size:41px}.appearance-controls .panel{padding:22px}.preview-foot{flex-wrap:wrap}.appearance-preview{order:-1}.appearance-link[aria-current]{border-color:var(--user-paper)}}
.sidebar{overflow-y:auto}.appearance-controls .colour-grid input[type=color]{display:inline-block;flex:0 0 38px;min-width:38px;width:38px;height:32px;padding:2px;margin:0;border:1px solid #bba086;background:#fff9eb}.colour-grid input[type=color]::-webkit-color-swatch-wrapper{padding:0}.colour-grid input[type=color]::-webkit-color-swatch{border:0;border-radius:1px}
@media(max-width:700px){.sidebar{overflow-y:visible}}
/* Comfortable iPhone form controls: avoid automatic input zoom. */
@media(max-width:700px){input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{font-size:16px}.workspace{padding-bottom:env(safe-area-inset-bottom)}.button{min-height:44px}.sidebar nav a{min-height:48px}.appearance-link{min-height:36px;display:inline-flex;align-items:center}.bookmark{min-width:44px;min-height:44px}}