/* RMG workspace skin shared by the restored editors and materials worksheet. */
:root{--bg:#f1f3f4;--panel:#fff;--line:#d3d8dc;--text:#202d32;--ink:#202d32;--muted:#53646c;--accent:#df603c;--orange:#df603c;--light:#edf2f7;--navy:#24373d}
body,button,input,select{font-family:Arial,Helvetica,sans-serif}
*{letter-spacing:0!important}
h1{font-size:23px}h2{font-size:18px}
.rmg-workspace-logo{width:158px;height:58px;object-fit:contain;flex-shrink:0}
.brand-title{min-width:0}.brand-title .eyebrow{font-size:10px}
.concept-banner:after{display:none}.catalog-item,.saved-card,dialog{border-radius:8px}
.library-actions,.material-inline{border-radius:0;border-inline:0}
.product-nav a{padding:12px 10px}.product-nav{gap:0}
.product-nav>span{display:none}
.workspace{grid-template-columns:240px minmax(0,1fr) 270px}
.workspace .center{min-height:650px}.summary{flex-wrap:wrap;background:#24373d}
.section-controls{margin:0;padding:10px 12px;border-top:1px solid var(--line);background:#fff}
.section-controls summary{margin:0;font-size:12px}
.section-axes{display:grid;gap:7px;margin:10px 0}
.section-axis{display:grid;grid-template-columns:75px minmax(50px,1fr) 68px 48px;align-items:center;gap:8px;font-size:11px}
.section-axis label{margin:0;display:flex;align-items:center;gap:5px;font-size:11px}
.section-axis input[type=checkbox]{width:14px;height:14px;margin:0}
.section-axis input[type=range]{min-width:0;width:100%;margin:0;padding:0;accent-color:#c84e30}
.section-axis output{font-variant-numeric:tabular-nums;text-align:right}
.section-controls button{font-size:11px;padding:5px 8px}
.page-intro h2{font-size:26px;margin:0 0 12px}.page-intro{margin-bottom:20px}
.saved-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.section-wrap,.closing-cta{padding:28px;max-width:1440px;margin:auto}
.guide-lead h1{font-size:28px}.guide-lead>.lead{font-size:15px;margin-top:12px}
.guide-lead h1 br{display:none}.guide-lead h1 em{font-style:normal}
.guide-actions{margin-top:16px}.guide-lead{padding-bottom:28px}
.material-metrics strong{font-size:24px}.component-copy h3{font-size:19px}
.assembly-guide h2{font-size:22px}.assembly-steps{margin:20px 0;gap:20px}
.assembly-steps h3{font-size:16px}.closing-cta{border-top:1px solid var(--line)}
.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:10px;top:10px;background:white;padding:10px;z-index:5}
@media(max-width:1100px){.workspace{grid-template-columns:230px minmax(0,1fr);height:auto}.workspace .inspector{grid-column:1/-1}.workspace .center{height:720px}}
@media(max-width:650px){
  header{padding:12px}.brand-lockup{gap:12px}.rmg-workspace-logo{width:125px;height:44px}.brand-title{padding-left:12px}h1{font-size:19px}
  .workspace{display:flex;height:auto}.workspace .center{order:-1;height:600px;min-height:600px}.workspace .library{max-height:440px;border-top:1px solid var(--line)}
  .product-nav{justify-content:flex-start;padding:0 8px}.product-nav a{padding:10px 8px;font-size:11px}.product-nav a strong{font-size:11px}
  .section-axis{grid-template-columns:65px minmax(40px,1fr) 62px 45px;gap:5px}
  .section-wrap,.closing-cta{padding:24px 16px}.assembly-steps{grid-template-columns:1fr 1fr}.assembly-steps h3{font-size:15px}
  .material-settings{display:flex;flex-wrap:wrap}.material-settings>*{min-width:0;max-width:100%}
  .structure-save label,.structure-save button{max-width:100%}.studio-footer{overflow-wrap:anywhere}
}
