:root{--panel-door:#c99d74;--panel-hinge:#765943;--panel-back:#92704f}
.select-wrap{height:48px;display:flex;align-items:center;border:1px solid #dfe5dc;background:#fbfcfa;margin-top:9px}
.select-wrap:focus-within{border-color:#749782;box-shadow:0 0 0 3px #74978222}
.select-wrap select{width:100%;height:100%;padding:0 12px;border:0;outline:0;background:transparent;appearance:none;color:#283d30;font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.select-wrap>span{padding-right:13px;color:#768a7a;font-size:19px;pointer-events:none}
.door-toggle{display:flex;align-items:center;gap:11px;margin-top:13px;color:#283d30;font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.door-toggle input{width:18px;height:18px;margin:0;accent-color:#5c806d;cursor:pointer}
.door-type-field{display:block;margin-top:17px}
.door-type-field[hidden],.door-legend[hidden],.back-legend[hidden],.hinge-legend[hidden],.hardware-note[hidden],.door-action[hidden]{display:none}
.three-d-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.three-d-actions .reset-view{margin-left:0}
.door-action{border:1px solid #496650;background:#496650;color:#fff;padding:10px 13px;font:10px 'DM Mono',monospace;letter-spacing:.04em;cursor:pointer}.door-action:hover{background:#37513d}
.hardware-note{margin:16px 0 0;padding:10px 12px;border-left:3px solid var(--panel-door);background:#f3f5ef;color:#425747;font:11px/1.5 'DM Sans',sans-serif}
.swatch-door{background:var(--panel-door)}.swatch-hinge{background:var(--panel-hinge)}.swatch-back{background:var(--panel-back)}
@media(max-width:560px){.three-d-actions{gap:5px}.door-action{padding:10px 8px;font-size:9px}.select-wrap select{font-size:11px}}
@media print{.door-action{display:none}}