.packing-viewer-v102{box-sizing:border-box;width:min(1380px,96vw);max-width:none;height:min(900px,94vh);max-height:none;padding:0;border:1px solid #adcbd3;border-radius:13px;background:#edf4f6;color:#12354a;overflow:hidden}.packing-viewer-v102::backdrop{background:rgba(2,19,30,.84)}.packing-viewer-v102 *{box-sizing:border-box}.pv-head{height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#092b3b;color:white}.pv-head h2{font-size:19px;margin:0}.pv-head button,.packing-viewer-v102 button{cursor:pointer;border:1px solid #a9c5cf;border-radius:7px;padding:8px 12px;background:#fff;color:#143c4c;font-size:13px;line-height:1.2}.packing-viewer-v102 button:disabled{opacity:.55;cursor:default}.pv-body{display:grid;grid-template-columns:230px minmax(0,1fr);height:calc(100% - 60px)}.pv-side{padding:15px;background:#f7fafb;border-right:1px solid #cadde2;overflow:auto}.pv-side h3{font-size:15px;margin:0 0 5px}.pv-summary,.pv-side-note,.pv-empty{color:#617b87;font-size:12px;line-height:1.6}.pv-list{display:grid;gap:9px}.pv-cargo-row{background:white;border:1px solid #d0e2e6;border-radius:8px;padding:10px;overflow-wrap:anywhere}.pv-cargo-row strong,.pv-cargo-row small{display:block}.pv-cargo-row strong{font-size:13px}.pv-cargo-row small{font-size:11px;color:#5c7884;margin:5px 0 8px}.pv-cargo-row .pv-add{width:100%;background:#0e988d;color:white;border-color:#0e988d}.pv-cargo-row .pv-add:disabled{color:#526c73;background:#e5eeef;border-color:#d0dee1}.pv-main{min-width:0;overflow:auto;padding:12px 15px}.pv-bar,.pv-controls{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.pv-bar{margin-bottom:9px}.pv-bar .active{background:#087e79;color:white;border-color:#087e79}.pv-canvas{display:block;width:100%;height:clamp(280px,51vh,590px);border:1px solid #b8cdd1;border-radius:8px;background:#dbe7e8;outline-color:#088e85}.pv-problem{padding:10px;background:#fff1e5;color:#8f4717;border-radius:7px}.pv-help{font-size:12px;color:#577480;line-height:1.6;margin:8px 0}.pv-controls button{min-width:55px}.pv-controls.is-outside button:nth-child(-n+6){display:none}.pv-picked{white-space:pre-wrap;overflow-wrap:anywhere;padding:9px 12px;margin:10px 0 0;border-radius:7px;background:#dff1ed;color:#174b4a;font-size:13px;line-height:1.6}@media(max-width:700px){.packing-viewer-v102{width:100vw;height:100dvh;border-radius:0}.pv-head{height:52px}.pv-head h2{font-size:16px}.pv-body{display:flex;flex-direction:column;height:calc(100% - 52px);overflow:auto}.pv-side{order:2;border-right:0;border-top:1px solid #cadde2;overflow:visible}.pv-list{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.pv-main{order:1;overflow:visible;padding:10px}.pv-canvas{height:42vh;min-height:250px}.pv-controls button{padding:8px 9px;min-width:48px}}

.pv-bar .pv-play{background:#0e988d;color:white;border-color:#0e988d}.pv-play-status{color:#087d73;font-size:12px;font-weight:600;min-height:0;margin:5px 0}.pv-play-status:empty{display:none}