.panel-preview{background:#fff;border:1px solid #d9d4c9;border-radius:8px;overflow:hidden;margin:0;box-shadow:0 8px 24px #23344308}
.panel-preview h2{font-size:20px;text-align:center;padding:16px;margin:0;border-top:1px solid #e7e1d6;letter-spacing:.04em}
.panel-art{width:100%;height:min(63vh,700px);display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
.panel-art svg,.panel-art img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}
.panel-options{display:grid;gap:10px}.panel-options .choice{display:flex;align-items:center;padding:14px;gap:12px;min-height:64px}.panel-options .choice small{display:block;margin-top:4px;line-height:1.4}
.panel-unavailable{padding:30px}.panel-building .steps{display:flex;flex-wrap:wrap}.panel-building #summary{align-self:start}.panel-building .panel-controls .motor-match{margin-top:16px}
@media(min-width:821px){.panel-building .layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr);gap:28px}.panel-building #summary{grid-column:1;grid-row:1}.panel-building #workspace{grid-column:2;grid-row:1}}
@media(max-width:820px){.panel-building .layout{display:flex!important;flex-direction:column!important;gap:0!important;height:calc(100dvh - var(--builder-top,150px) - 48px);min-height:480px;overflow:hidden}.panel-building #summary{order:0!important;position:relative!important;top:auto!important;width:100%;height:46%;flex:none;min-height:180px;margin:0!important}.panel-building .panel-preview{height:100%;display:flex;flex-direction:column}.panel-building .panel-art{height:auto;flex:1;min-height:0}.panel-building .panel-preview h2{font-size:16px;padding:8px}.panel-building #workspace{order:1!important;min-height:0;flex:1;overflow-y:auto;padding:16px 4px 28px;scroll-padding-bottom:30px}.panel-building .section-head h1{font-size:23px}.panel-building .steps{gap:4px}.panel-building .steps button{font-size:12px;padding:8px}.panel-building .panel-unavailable{height:100%;padding:16px}}

.panel-controls select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #c8c4bb;border-radius:5px;background:#fff;font:inherit}.panel-controls .motor-match strong,.panel-controls .motor-match small{display:block;margin-bottom:5px}.panel-building .controls-row{gap:10px}
@media(max-width:820px){
 .panel-building main{display:flex;flex-direction:column;height:calc(100dvh - var(--builder-top,120px));overflow:hidden;padding-top:0;padding-bottom:0;margin-top:0}
 .panel-building #breadcrumb,.panel-building #builder-toolbar,.panel-building main>.footnote{display:none!important}
 .panel-building .steps{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;flex:none;margin:8px 0!important;min-height:44px}
 .panel-building .steps button{flex:0 0 auto!important;white-space:nowrap;padding:8px 10px!important;font-size:11px!important;display:flex;align-items:center;gap:4px}
 .panel-building .steps button b{display:inline-flex!important;margin:0!important;width:22px;height:22px;align-items:center;justify-content:center}
 .panel-building .layout{flex:1;height:auto!important;min-height:0!important;margin:0!important}
 .panel-building #summary{height:46%;min-height:160px}
 .panel-building #workspace{padding-top:12px}
}

.panel-option{border:1px solid #d9d4c9;border-radius:6px;padding:0 12px}.panel-option .choice{border:0!important;margin:0!important;padding:12px 0!important;min-height:48px!important}.panel-option details{padding:0 0 10px}.panel-option summary{cursor:pointer;font-size:13px;color:#485a6b}.panel-option details p{font-size:14px;margin:10px 0;line-height:1.5}.panel-options input[type=checkbox]{width:20px;height:20px;flex:none}