/* UI follows the site theme; scene lighting and filament swatches remain independent. */
#sample-review{--sr-border:var(--line);background:var(--white);color:var(--ink)}
#sample-review.sr-fullscreen{background:var(--white)}
#sample-review :is(.sr-top,.sr-toolbar,.sr-dock,.sr-sheet,.sr-sheet-footer){background:var(--white);color:var(--ink)}
#sample-review :is(.sr-single-picker,.sr-sheet-model select,.sr-advanced select,.sr-color input,.sr-sheet-footer button,[data-comment-form] textarea){background:var(--white);color:var(--ink);border-color:var(--line)}
#sample-review :is(.sr-modes,.sr-orientation,.sr-material-tabs,.sr-advanced,.sr-active){background:var(--surface);color:var(--ink)}
#sample-review :is(.sr-sheet-description,.sr-active,.sample-comment time,[data-comment-list]>.muted){color:var(--muted)}
#sample-review :is(.sr-gesture,.sr-toolbar-floating){border-color:var(--line)}
#sample-review :is(.sr-modes,.sr-orientation,.sr-material-tabs,.sr-gesture) button[aria-pressed=true],#sample-review [data-sheet-done],#sample-review [data-comment-form] button[type=submit]{background:var(--sr-yellow);color:#171a20;border-color:var(--sr-yellow)}
#sample-review .sr-dock button[aria-expanded=true]{color:var(--theme-accent-ink)}
#sample-review .sr-sheet-footer button[data-sheet-done]{background:var(--sr-yellow);color:#171a20;border-color:var(--sr-yellow)}
#sample-review .sr-top :is(a,strong,button){color:var(--ink)}
#workspace-directory .ws-redeem{background:var(--theme-accent-soft);border-color:var(--line);color:var(--ink)}
#workspace-directory .ws-redeem h2{color:var(--ink)}
#workspace-directory .ws-delete{color:var(--theme-danger-ink)}
.sample-studio .ss-members .notice,.sample-studio.ss-members .notice,.sample-studio .sample-members small{background:var(--theme-accent-soft);color:var(--theme-accent-ink)}
.sample-studio .ss-file-badge,.sample-studio [data-model-upload-status]{background:var(--theme-success-soft);color:var(--theme-success-ink)}
.sample-studio :is(.ss-mobile-delete,#sample-delete-space){background:var(--theme-danger-soft);color:var(--theme-danger-ink);border-color:var(--line)}
.sample-studio .ss-row-controls button{color:var(--theme-danger-ink)!important}
.model-viewer .model-toolbar,.model-appearance-sheet,.model-control-help,.model-appearance-sheet footer{background:var(--white);color:var(--ink);border-color:var(--line)}
.model-viewer .model-toolbar>button{color:var(--ink)!important;border-color:var(--line)!important}
.model-appearance-sheet :is(button,select,input),.model-control-help header button,.shop-color-source select,.shop-environment select{background:var(--white);color:var(--ink);border-color:var(--line)}
.model-appearance-sheet .model-material-grid>div{border-color:var(--line)}
.model-appearance-sheet :is(header small,[data-material-note]),.model-control-help p,.shop-environment small{color:var(--muted)}
.model-sheet-tabs{background:var(--surface)}
.model-appearance-sheet .model-sheet-tabs button[aria-pressed=true],.model-appearance-sheet [data-sheet-done]{background:#ffd620;color:#171a20}
.model-appearance-sheet [data-material-reset]{background:var(--white);color:var(--ink);border-color:var(--line)}
:is(#sample-review,.model-viewer,.model-appearance) .shop-color-choice{background:var(--white)!important;color:var(--ink)!important;border-color:var(--line)!important}
:is(#sample-review,.model-viewer,.model-appearance) .shop-color-choice[aria-pressed=true]{background:var(--theme-accent-soft)!important;color:var(--theme-accent-ink)!important;border-color:var(--yellow)!important}
.pf-material-fields{border:1px solid var(--line);color:var(--ink);border-radius:8px;min-width:0}
.pf-material-fields small{color:var(--muted)}
.model-stage .model-placeholder{color:#f3f3f3}
.model-stage .model-placeholder>span{color:#ffd620}
#sample-review .sr-toolbar{flex-wrap:wrap}
.sr-quality{flex:0 0 100%;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ink)}
.sr-quality label{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sr-quality select{width:auto;max-width:240px;padding:5px 8px;min-height:30px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);font:inherit}
.sr-quality small,.model-preview-notice{color:var(--muted);font-size:11px;line-height:1.6}
.model-preview-notice{margin:0;padding:8px 14px;background:var(--white);border-top:1px solid var(--line)}
@media(max-width:700px){.sr-quality{display:grid;gap:3px}.sr-quality label{justify-content:space-between}.sr-quality select{max-width:70%}.sr-quality small{font-size:10px}}