/* The studio retains its own controls beneath the site's shared navigation. */
.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 4px 0;color:var(--muted);font-size:13px}
.studio-toolbar>div{display:flex;gap:14px;align-items:center}.studio-toolbar button{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--paper);font-size:13px}.studio-toolbar a{color:var(--gold)}
.th-site-header .th-brand img{max-width:none}.th-site-header .th-menu-panel nav{margin:0}
.viewer{scroll-margin-top:calc(var(--site-header-height,130px) + 12px)}
[data-theme=dark]{--bg:#101d19;--paper:#192b24;--ink:#eff5f1;--muted:#a6b8ad;--line:#304638;--gold:#dfbd76;--olive:#35785f}
[data-theme=dark] :is(.shape-grid button,.selection-card,.photo-explainer,footer){background:#21372d;color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(.shape-grid,.metals,.styles) button.active{background:#383321;border-color:var(--gold)}
[data-theme=dark] .custom-dims input{background:#21372d;color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(.selection-card p,.selection-card>span){color:var(--muted)}
/* Keep labels readable over the fixed light photographic scene in either theme. */
.viewer{color:#1d3631}.viewer :is(.stone-badge,.watermark){color:#1d3631}.viewer .watermark small{color:#70817a}
@media(max-width:760px){.viewer:not(.full):not(:fullscreen){top:calc(var(--site-header-height,130px) + 8px);height:40dvh;min-height:220px;max-height:360px}.studio-toolbar{padding-top:14px;font-size:12px}.studio-toolbar>div{gap:10px}}