:root{--panel-base:#d1aa7e;--panel-side:#aa7953;--panel-end:#bd916b;--panel-lid:#c99d74;--panel-lip:#9e704d;--panel-hinge:#765943;--panel-dowel:#845f42}
.box-note{margin-top:25px}
.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}
.cut-detail{display:block;margin:5px 0 0 15px;color:#9a7056;font:9px 'DM Mono',monospace;letter-spacing:.02em}
.tooth-field{margin-top:16px}.tooth-field[hidden]{display:none}
.lid-toggle{display:flex;align-items:center;gap:11px;margin-top:13px;color:#283d30;font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.lid-toggle input{width:18px;height:18px;margin:0;accent-color:#5c806d;cursor:pointer}
.three-d-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.three-d-actions .reset-view{margin-left:0}
.lid-action{border:1px solid #496650;background:#496650;color:#fff;padding:10px 13px;font:10px 'DM Mono',monospace;letter-spacing:.04em;cursor:pointer}.lid-action:hover{background:#37513d}.lid-action[hidden]{display:none}
.lid-fixing-field{display:block;margin-top:17px}.lid-fixing-field[hidden],.lid-legend[hidden],.hinge-legend[hidden],.dowel-legend[hidden],.lip-legend[hidden],.hardware-note[hidden]{display:none}
.hardware-note{margin:16px 0 0;padding:10px 12px;border-left:3px solid var(--panel-lid);background:#f3f5ef;color:#425747;font:11px/1.5 'DM Sans',sans-serif}
.swatch-base{background:var(--panel-base)}.swatch-side{background:var(--panel-side)}.swatch-end{background:var(--panel-end)}.swatch-lid{background:var(--panel-lid)}.swatch-lip{background:var(--panel-lip)}.swatch-hinge{background:var(--panel-hinge)}.swatch-dowel{background:var(--panel-dowel)}
@media(max-width:560px){.three-d-actions{gap:5px}.lid-action{padding:10px 8px;font-size:9px}}
@media print{.lid-action{display:none}}