body{background:#e9ebef;color:#172034;font-family:Arial,Helvetica,sans-serif}
main{padding:0;max-width:none}main>header{display:none}
.viewer-layout{gap:20px;grid-template-columns:minmax(0,1fr) 320px}
.frame,.colors{height:700px;min-height:0;border-color:#d1d6e1;box-shadow:none;border-radius:16px}
.colors{background:#f5f6f9}.colors h2{color:#172034}.colors p,footer,.visual-tools label{color:#536078}
.tag{background:#eef0ff;color:#5142ad;border-color:#d5d5f5}
button:focus-visible,.finish-actions select:focus-visible{outline-color:#7951ef}
.finish-actions button[aria-pressed="true"],#rotate[aria-pressed="true"]{background:#6240c6;color:#fff;border-color:#6240c6}
.color-card[data-selected="true"]{border-color:#7951ef;box-shadow:0 0 0 1px #7951ef}
.part-finish button[aria-pressed="true"],.wood-options button[aria-pressed="true"]{background:#e8e1ff!important;color:#5332a1!important;border-color:#baabef}
footer{margin-bottom:8px}footer span:last-child{color:#6141b0}
@media(max-width:900px){.viewer-layout{grid-template-columns:1fr}.frame{height:460px}.colors{height:auto;display:block}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.colors .color-card{min-height:125px;padding:12px}.color-heading{flex-direction:row;align-items:center}.finish-actions{max-width:300px}.swatches button{width:24px;height:24px}.finish-status{display:none}}
@media(max-width:500px){.frame{height:380px}.color-heading{flex-direction:column;align-items:flex-start}.finish-actions{max-width:none}.color-grid{grid-template-columns:1fr}.colors .color-card{min-height:115px}footer{flex-direction:column}}