.crate-load{display:grid;gap:1.25rem}.crate-load-form{display:grid;gap:.75rem}.crate-scene{position:relative;height:260px;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,var(--sunken),var(--surface))}.crate-floor-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:900px}.crate-floor{position:relative;width:220px;height:130px;transform-style:preserve-3d;transform:rotateX(55deg) rotate(-32deg)}.crate-floor-bed{position:absolute;inset:0;border:2px solid var(--ink);border-radius:8px;background:var(--surface)}.crate3d{position:absolute;transform-style:preserve-3d;transform:translateZ(var(--dropz,60px));opacity:var(--dropop,0);transition:transform .65s var(--ease-out),opacity .35s var(--ease-out);transition-delay:var(--cdelay,0ms)}.crate-load-stage[data-state=loaded] .crate3d{--dropz:0px;--dropop:1}.crate3d-front,.crate3d-right,.crate3d-top{position:absolute}.crate3d-top{inset:0;transform:translateZ(var(--h));background:var(--c);border-radius:2px}.crate3d-front{left:0;width:var(--w);height:var(--h);top:var(--d);transform-origin:top;transform:rotateX(90deg);background:var(--c);filter:brightness(.68)}.crate3d-right{top:0;height:var(--d);width:var(--h);left:var(--w);transform-origin:left;transform:rotateY(-90deg);background:var(--c);filter:brightness(.48)}.crate-legend{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding-top:.5rem}.crate-legend-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--ink-2)}.crate-legend-dot{width:8px;height:8px;border-radius:2px}.crate-load-fill{transform-origin:left center;transform:scaleX(0);transition:transform .9s var(--ease-out);transition-delay:.55s}.crate-load-stage[data-state=loaded] .crate-load-fill{transform:scaleX(1)}.crate-load-result{opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out);transition-delay:.9s}.crate-load-stage[data-state=loaded] .crate-load-result{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.crate-load-fill,.crate-load-result,.crate3d{transition-duration:1ms;transition-delay:0ms}}