/* Metalyser — subtle white interface. Presentation only; existing controls,
   layout, renderer, selection attributes and price logic stay in charge. */
html.roma-ui{--paper:#fff;--line:#e8e5e3;--ink:#805b58;--muted:#776d69;font-family:Jost,system-ui,sans-serif;background:#fff}
html.roma-ui body,html.roma-ui .panel,html.roma-ui .viewer{background:#fff}
html.roma-ui .topbar{background:#fff;color:#805b58;border-bottom:1px solid #e8e5e3}
html.roma-ui .roma-eyebrow{color:#805b58;font-weight:500;letter-spacing:.07em}
html.roma-ui .topbar h1{color:#805b58;font-weight:500}
html.roma-ui .roma-reset{border:1px solid #d6d6d6;border-radius:4px;background:#fff;color:#805b58;box-shadow:none}
html.roma-ui .group,html.roma-ui .panel>.section{border-bottom:0;background:#fff}
html.roma-ui .group-title,html.roma-ui .section-title,html.roma-ui .group>label,html.roma-ui .measure>label{color:#805b58;font-weight:600}
html.roma-ui .measure>label{font-size:16px}
html.roma-ui .group-title small,html.roma-ui .roma-bounds{color:#776d69;font-size:13px}
html.roma-ui .measure input[type=number],html.roma-ui select,html.roma-ui textarea{border:1px solid #d6d6d6;border-radius:4px;background:#fff;color:#805b58;box-shadow:none;font-weight:400}
html.roma-ui .choices{gap:10px}
html.roma-ui .choice,html.roma-ui .mode button,html.roma-ui .swatch{border:1px solid #d6d6d6;border-radius:4px;background:#fff;color:#805b58;box-shadow:none;font-size:16px;font-weight:400;transition:border-color .15s ease,box-shadow .15s ease}
html.roma-ui .choice:hover,html.roma-ui .mode button:hover,html.roma-ui .swatch:hover{background:#fff;border-color:#b3aaa6}
html.roma-ui .choice[aria-pressed=true],html.roma-ui .choice.active,html.roma-ui .mode button[aria-pressed=true],html.roma-ui .swatch[aria-pressed=true],html.roma-ui .wood-option[aria-selected=true]{background:#fff;color:#805b58;border-color:#087cec;box-shadow:0 0 0 3px #d2e8fc;font-weight:500}
html.roma-ui .wood-trigger,html.roma-ui .wood-option{border:1px solid #d6d6d6;border-radius:4px;background:#fff;color:#805b58;box-shadow:none}
html.roma-ui .wood-trigger:hover,html.roma-ui .wood-trigger[aria-expanded=true]{border-color:#b3aaa6;box-shadow:none}
html.roma-ui .wood-trigger-text strong{font-weight:500;color:#805b58}
html.roma-ui .wood-dot{border-radius:3px;box-shadow:none}
html.roma-ui .wood-option img{border-radius:3px 3px 0 0}
html.roma-ui .paint-selector{border:0;border-top:1px solid #e8e5e3;border-radius:0;padding:16px 0 0;background:#fff;color:#805b58}
html.roma-ui .paint-row input[type=color]{border-radius:4px}
html.roma-ui .custom-color-note{background:#fff;border-color:#e8e5e3;border-radius:4px;color:#776d69}
html.roma-ui .badge,html.roma-ui .viewer-help{background:rgba(255,255,255,.94);color:#805b58;border:1px solid #e8e5e3;border-radius:4px;box-shadow:none}
html.roma-ui .view-actions .icon-btn{background:#fff;color:#805b58;border:1px solid #d6d6d6;border-radius:4px;box-shadow:none}
html.roma-ui .roma-price-bar{background:#fff;color:#805b58;border-top:1px solid #e8e5e3;box-shadow:none}
html.roma-ui .roma-summary span,html.roma-ui .roma-price>span{color:#776d69}
html.roma-ui .roma-summary strong{font-weight:500}
html.roma-ui #price{color:#805b58;font-weight:600}
html.roma-ui .roma-apply{background:#805b58;color:#fff;border:1px solid #805b58;border-radius:4px;font-weight:500;box-shadow:none}
html.roma-ui .roma-apply:hover{background:#6f4d4a}
html.roma-ui .roma-status{background:#fff;color:#805b58;border:1px solid #d6d6d6;border-radius:4px;box-shadow:0 3px 12px #00000008}
html.roma-ui .roma-model-state #status{color:#805b58}
html.roma-ui :focus-visible{outline:2px solid #087cec;outline-offset:3px}
html.roma-ui .share-design>summary,html.roma-ui .share-design[open]>summary,html.roma-ui .share-design>summary:hover{background:#fff;border:1px solid #d6d6d6;border-radius:4px;box-shadow:none}
html.roma-ui .share-design-icon{background:transparent;border-radius:0}
html.roma-ui .share-design-body{border-color:#e8e5e3;border-radius:4px;box-shadow:none}
html.roma-ui .share-design input{background:#fff;border-color:#d6d6d6;border-radius:4px}
html.roma-ui .share-design-actions button,html.roma-ui .share-design-actions a{border-radius:4px}
@media(max-width:560px){html.roma-ui.embed .roma-reset{background:#fff;color:#805b58;border:1px solid #d6d6d6;box-shadow:none}}
html.roma-ui .measure input[type=number]:focus,html.roma-ui select:focus,html.roma-ui textarea:focus{border-color:#087cec;box-shadow:0 0 0 3px #d2e8fc}
html.roma-ui .measure-number__unit{color:#805b58}