body{margin:0;padding:0;height:100vh;display:flex;flex-direction:column;font-family:sans-serif}#mainContent{padding-left:10px;padding-right:10px}#modal-content{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.header{display:flex;align-items:center;padding:16px 16px 0;justify-content:space-between}#bagTitle{font-size:1.3em;font-weight:700;border:none;background:transparent;outline:none;cursor:pointer;padding:0;margin:0;color:#fff;min-width:100px;max-width:60%}#bagTitle[readonly]{cursor:pointer}.grid-container{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:48px;gap:8px;padding:24px 16px;flex:1 1 auto;justify-items:center;align-items:center}.grid-item{width:44px;height:44px;background:#f3f3f3;border:1px solid #ccc;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1em;color:#888;-webkit-user-select:none;user-select:none}.footer{position:sticky;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px;box-shadow:0 -2px 14px #000a;background:#444;z-index:10}.footer button{padding:8px 16px;border-radius:4px;border:1px solid #bbb;background:#3d3d3d;color:#fff;cursor:pointer;font-size:1em;transition:background .2s}#capacityDisplay{position:absolute;left:50%;top:65%;transform:translate(-50%,-50%);display:grid;grid-template-columns:40px 20px 40px;align-items:center;justify-items:center;width:110px;color:#fff}.capacity-col{font-size:1em;font-family:inherit;color:#fff}.capacity-slash{text-align:center;font-weight:700;font-size:1.1em}#currentCapacity{text-align:right!important;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;margin-right:0;padding-right:0;justify-self:end}#maxCapacity{width:100%;text-align:left;border:none;background:transparent;outline:none;padding:0;margin:0;font-size:1em;font-family:inherit}#maxCapacity[readonly]{cursor:pointer}button{padding:8px 18px;border-radius:5px;border:1px solid #bbb;background:#fff;cursor:pointer;font-size:1em;transition:background .2s}button:hover{background:#727272}.tab-btn,.importexportbtn{background:#444!important;color:#fff!important;border:1px solid #555!important;box-shadow:0 1px 8px #0008;padding:8px 18px;border-radius:5px;font-size:1em;cursor:pointer;transition:background .2s}.tab-btn:hover,.importexportbtn:hover{background:#222!important}::-webkit-scrollbar{width:12px;background:#222;border-radius:8px}::-webkit-scrollbar-thumb{background:#444;border-radius:8px;border:2px solid #222}::-webkit-scrollbar-thumb:hover{background:#666}*{scrollbar-width:thin;scrollbar-color:#444 #222}.over-capacity{color:#c0392b}.weightIcon{margin:0 auto;vertical-align:middle;position:absolute;left:50%;top:50%;transform:translate(-52%,-70%);width:190px;height:120px;z-index:0;pointer-events:none;filter:drop-shadow(0px 4px 8px rgba(0,0,0,.6))}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:24px 6px}.grid-item{background:#444;border-radius:8px;padding:8px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 18px #0008;position:relative}.grid-item img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0px 8px 8px rgba(161,161,161,.6))}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000}.modal-content{background:#222;border-radius:10px;padding:24px;min-width:240px;max-width:90vw;box-shadow:0 4px 24px #000a;text-align:center;max-height:390px}.modal.expanded{align-items:stretch;justify-content:stretch}.modal.expanded .modal-content{max-width:none;width:100vw;height:100vh;min-width:0;min-height:0;box-sizing:border-box;border-radius:0;padding:32px}.modal-img-3d-container{perspective:600px;display:flex;justify-content:center;align-items:center}#modalItemImg{max-width:100%;max-height:200px;display:block;margin:0 auto;border-radius:12px;transition:transform .2s;cursor:zoom-in}#modalItemImg.zoomed{transform:scale(2);z-index:10;cursor:zoom-out}#modalItemDesc{margin-bottom:16px;color:#fff;max-height:86px;max-width:280px;overflow-y:auto;text-align:left;padding-right:8px;word-break:break-word}.item-qty-badge{position:absolute;bottom:2px;right:5px;height:12px;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.item-weight-badge{position:absolute;bottom:2px;left:4px;min-width:20px;height:12px;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.weight-icon-badge{position:absolute;bottom:1px;left:-3px;width:35px!important;height:35px!important;z-index:1;pointer-events:none;opacity:.6}.bag-controls-row{display:flex;flex-direction:row;align-items:center;gap:1px;border-radius:8px;padding:6px 1px}.bag-controls-row input,.bag-controls-row select{background:#333;color:#fff;border:1px solid #939393;border-radius:5px;font-size:1em;padding:4px 2px;margin:0;box-shadow:0 1px 2px #0002}.bag-controls-row input:focus,.bag-controls-row select:focus{outline:none;border:1.5px solid #fff;background:#333}#dropSlider::-webkit-slider-thumb{background:#fff!important;border:2px solid #888!important;border-radius:50%!important;width:18px!important;height:18px!important;box-shadow:0 1px 4px #0004!important;cursor:pointer!important}#dropSlider::-moz-range-thumb{background:#fff!important;border:2px solid #888!important;border-radius:50%!important;width:18px!important;height:18px!important;box-shadow:0 1px 4px #0004!important;cursor:pointer!important}#dropSlider::-ms-thumb{background:#fff!important;border:2px solid #888!important;border-radius:50%!important;width:18px!important;height:18px!important;box-shadow:0 1px 4px #0004!important;cursor:pointer!important}#dropSlider{accent-color:#fff!important;height:4px!important;background:#444!important;border-radius:2px!important;margin:8px 0!important;width:160px!important;max-width:100%!important}#expandBagBtn{position:absolute;left:0;bottom:0;z-index:20;width:38px;height:38px;padding:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:flex-end;justify-content:flex-start;overflow:visible}#expandBagBtn svg{width:100%;height:100%;display:block}#expandBagBtn rect{fill:#555;transition:fill .2s,stroke .2s}#expandBagBtn:hover rect{fill:#444;stroke:#555}#expandBagBtn text{font-size:15px;font-family:Arial,sans-serif;font-weight:700;fill:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}#itemModal .modal-content{width:90vw;height:90vh;max-width:none;max-height:none;min-width:0;min-height:0;border-radius:12px;box-sizing:border-box;padding:32px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#222}.modal-img-3d-container{flex:1 1 auto;width:100%;display:flex;justify-content:center;align-items:center;max-height:50vh}#modalItemImg,#modalItemVideo{max-width:100%!important;max-height:100%!important;width:auto;height:auto;display:block;margin:0 auto;border-radius:12px}#closeItemModalBtn{margin-top:auto;align-self:center}#modalItemImg,#modalItemVideo{transition:transform .2s cubic-bezier(.4,2,.3,1)}