.sf-crate-viewer{--crate-ink:#253629;position:relative;background:#f5f3ed;color:var(--crate-ink);border:1px solid #dcded2;border-radius:18px;overflow:hidden;isolation:isolate;font-family:inherit}
.sf-crate-heading{display:flex;justify-content:space-between;gap:12px;padding:18px 20px 0;font-size:10px;font-weight:700;letter-spacing:.16em;color:#64705f}
.sf-crate-stage{position:relative;width:100%;height:390px;min-height:260px;outline-offset:-4px;touch-action:pan-y;cursor:grab}
.sf-crate-stage:active{cursor:grabbing}
.sf-crate-stage canvas,.sf-crate-stage svg{display:block;width:100%;height:100%}
.sf-crate-stage canvas{touch-action:none}
.sf-crate-status{margin:0 18px 12px;font-size:12px;line-height:1.5;color:#58654e;min-height:18px}
.sf-crate-status[hidden]{display:none}
.sf-crate-viewer[data-crate-valid="false"] .sf-crate-status{color:#a22a1d;font-weight:600}
.sf-crate-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:0 12px}
.sf-crate-controls button{appearance:none;border:1px solid #c8cdbd;border-radius:7px;background:#fff;color:#263729;font:600 12px/1.2 inherit;padding:10px 12px;min-width:40px;min-height:40px;cursor:pointer}
.sf-crate-controls button:hover,.sf-crate-controls button[aria-pressed="true"]{background:#263e2f;color:white;border-color:#263e2f}
.sf-crate-controls button:focus-visible,.sf-crate-stage:focus-visible{outline:3px solid #527b46;outline-offset:2px}
.sf-crate-controls button:disabled{opacity:.45;cursor:default}
.sf-crate-dimensions{margin:16px 18px 0;padding-top:14px;border-top:1px solid #dadfd1;font-size:13px;line-height:1.7;font-weight:600;white-space:pre-line}
.sf-crate-note{margin:10px 18px 18px;font-size:11px;line-height:1.6;color:#65715e}
.sf-crate-stage .sf-crate-guides{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sf-crate-dimension line{stroke:#b94c12;stroke-width:1.6;vector-effect:non-scaling-stroke;fill:none}
.sf-crate-dimension .sf-crate-dimension-witness{stroke-width:.8;opacity:.55}
.sf-crate-dimension-label,.sf-crate-total-height{fill:#b94c12;font-family:system-ui,sans-serif;font-weight:650;text-anchor:middle;paint-order:stroke;stroke:#f5f3ed;stroke-width:3px;stroke-linejoin:round}
.sf-crate-dimension-inside{font-weight:500}
.sf-crate-total-height{fill:#263729;stroke-width:4px}
@media(max-width:575.98px){.sf-crate-stage{height:300px;min-height:300px}.sf-crate-controls button{font-size:12px;min-height:36px;padding:8px}.sf-crate-note{font-size:10px;margin:8px 14px 12px}.sf-crate-dimensions{margin:12px 14px 0;padding-top:10px}.sf-crate-status{font-size:11px;margin:0 14px 8px}.sf-crate-heading{padding:14px 14px 0}.sf-crate-dimensions{font-size:12px}}

.sf-crate-details summary{display:none}
@media(max-width:575.98px){.sf-crate-details{margin:12px 14px}.sf-crate-details summary{display:list-item;font-size:12px;font-weight:600;cursor:pointer;padding:8px 0;border-top:1px solid #dadfd1}.sf-crate-details .sf-crate-dimensions{border-top:0;padding-top:0;margin:8px 0}.sf-crate-details .sf-crate-note{margin:8px 0}}