/* The client palette applies to the interface. Cake design colors stay unrestricted. */
:root{--ink:#28383b;--pink:#187887;--paper:#fffaf2;--line:#d9ded9;--soft:#eaf5f5;--muted:#617074;--body:'Jost',Futura,'Century Gothic',sans-serif}
body{font-size:16px}.studio-header{height:100px}.studio-brand img{display:block;width:180px;height:75px;object-fit:contain}.home-link{font-size:15px}
.primary-button{background:#f48642;border-color:#f48642;color:var(--ink)}.primary-button:hover{background:#f79b63}.quiet-button:hover,.file-button:hover{background:#fff0df}
.studio-intro p:last-child{font-size:16px}.eyebrow,.panel-heading>span,.live-label{font-size:12px}.quiet-button,.primary-button,.file-button,.field,legend,.field-pair>label{font-size:14px}
.choice[aria-pressed="true"],.segmented button[aria-pressed="true"],.topping-grid button[aria-pressed="true"],.tool-grid button[aria-pressed="true"]{background:#eaf5f5;border-color:#55bfc4;color:#176d78}
.view-button[aria-pressed="true"]{background:#187887}.view-button:hover{background:#eaf5f5}.stage-toolbar,.view-controls{background:#f3f6f3}
.control-tabs button{font-size:14px}.starter strong{font-size:13px}.starter small,.field-note,.stage-hint,.design-caption span,.starter-heading span,.tool-instruction{font-size:13px}
.review-notice{background:#fff0df}.studio-footer{color:var(--muted)}
@media(max-width:700px){.studio-header{height:90px}.studio-brand img{width:150px;height:64px}.home-link{font-size:14px}.control-tabs button{font-size:13px}}

/* Keep the functional editor accessible without decorative heading labels. */
.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:12px 18px;background:var(--ink);color:white;transform:translateY(-160%)}
.skip-link:focus{transform:none}.dialog-open{overflow:hidden}
.panel-heading h2{margin-top:0}.dialog-top{justify-content:flex-end}
.keyboard-decoration{border-block:1px solid var(--line);padding-block:16px;margin-bottom:21px}
.keyboard-decoration summary{cursor:pointer;font-size:14px;font-weight:600;min-height:32px}
.keyboard-decoration .field-note{margin-top:14px}.keyboard-decoration button+button{margin-top:10px}
@media(pointer:coarse){.small-button,.view-button{min-height:44px}.zoom-button{min-width:44px}.swatch{width:44px;height:44px}.stage-toolbar{flex-wrap:wrap}.live-label{width:100%}.view-controls{flex-wrap:wrap}}
@media(max-width:420px){.studio-header{padding-inline:4%;gap:14px}.studio-brand img{width:130px}.home-link{font-size:13px;max-width:130px;text-align:right}}