.spatial-view-toolbar{z-index:12;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:5px;max-height:calc(100% - 100px);padding:5px;display:flex;position:absolute;bottom:42px;right:12px}.spatial-tool{flex-shrink:0;display:inline-flex;position:relative}.spatial-tool>button{color:#456786;cursor:pointer;background:#fff;border:1px solid #d5e2f0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:inline-flex}.spatial-tool>button[aria-pressed=true]{color:#2563eb;background:#edf4ff;border-color:#86ade7}.spatial-tool>button:disabled{opacity:.4;cursor:default}.spatial-tool>button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.spatial-tool:after{content:attr(data-tooltip);color:#fff;z-index:100;pointer-events:none;white-space:normal;background:#173754;border-radius:6px;width:max-content;max-width:220px;padding:7px 10px;font:500 11px/1.4 system-ui;display:none;position:absolute;top:50%;right:calc(100% + 7px);transform:translateY(-50%)}.spatial-tool:hover:after,.spatial-tool:focus-within:after{display:block}.spatial-playback{color:#64788e;background:#f8fbff;border:1px solid #e0e9f3;border-radius:9px;padding:7px 9px}.spatial-playback-buttons{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.spatial-playback input{accent-color:#327ee2;flex:1;min-width:70px;max-width:100%;height:20px}.spatial-playback output{text-align:right;min-width:65px;font-size:11px}.spatial-playback small{margin-top:5px;font-size:10px;line-height:1.4;display:block}.spatial-playback .spatial-tool:after{inset:auto auto calc(100% + 7px) 0;transform:none}.spatial-selection-card{color:#4c6680;background:#fffffff5;border:1px solid #d7e4f3;border-radius:10px;min-width:0;padding:11px 13px;font-size:11px;position:relative;box-shadow:0 3px 12px #1936530a}.spatial-selection-card header{align-items:center;gap:7px;display:flex}.spatial-selection-card header>i{border-radius:3px;flex-shrink:0;width:9px;height:9px}.spatial-selection-card header>strong{overflow-wrap:anywhere;color:#234968;flex:1;min-width:0}.spatial-selection-card header .spatial-tool>button{width:25px;height:25px}.spatial-selection-card dl{gap:7px;margin:9px 0 0;display:grid}.spatial-selection-card dl>div{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.spatial-selection-card dt{color:#6b8195;font-size:10px}.spatial-selection-card dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:600}.packing-spatial-workspace{flex-direction:column;gap:7px;height:100%;min-height:0;display:flex}.packing-spatial-stage{background:#f3f7fd;border-radius:12px;flex:1;min-height:220px;position:relative;overflow:hidden}.packing-spatial-workspace>.spatial-selection-card{z-index:11;max-width:min(310px,100% - 90px);position:absolute;bottom:77px;left:12px}.packing-spatial-filters{z-index:11;flex-wrap:wrap;gap:5px;display:flex;position:absolute;bottom:6px;left:10px;right:55px}.packing-spatial-filters button{text-overflow:ellipsis;color:#45647e;background:#fffffff0;border:1px solid #ccdeef;border-radius:6px;align-items:center;gap:5px;max-width:180px;padding:4px 7px;font-size:10px;display:inline-flex;overflow:hidden}.packing-spatial-filters button[aria-pressed=true]{color:#235fba;background:#e5efff;border-color:#7fa6df}.spatial-face-label{color:#253d52;text-align:center;pointer-events:none;white-space:nowrap;background:#ffffffe0;border-radius:3px;padding:2px 4px;font:600 11px/1.35 system-ui}.spatial-face-label small{font-size:9px;font-weight:500;display:block}@media (max-width:600px){.spatial-selection-card dl>div{gap:4px}.spatial-view-toolbar{bottom:40px;right:8px}.packing-spatial-workspace>.spatial-selection-card{max-width:calc(100% - 75px);bottom:90px}.spatial-playback-buttons{gap:3px}.spatial-playback .spatial-tool>button{width:28px;height:28px}.spatial-playback input{min-width:50px}.spatial-playback output{min-width:45px}}@media print{.spatial-view-toolbar,.spatial-playback,.spatial-tool,.packing-spatial-filters{display:none!important}.packing-spatial-workspace>.spatial-selection-card{box-shadow:none;position:static}}.spatial-tool-menu{position:relative}.spatial-tool-menu-panel{color:#45647e;z-index:25;background:#fff;border:1px solid #d7e4f1;border-radius:9px;gap:10px;min-width:220px;max-width:min(330px,100vw - 90px);max-height:300px;padding:12px;font-size:11px;display:grid;position:absolute;bottom:0;right:calc(100% + 8px);overflow:auto;box-shadow:0 5px 20px #19385322}.spatial-tool-menu-panel:after{content:"";width:10px;position:absolute;top:0;bottom:0;left:100%}.spatial-tool-menu-panel label{gap:7px;display:grid}.spatial-tool-menu-panel input[type=range]{accent-color:#327ee2;width:100%}.spatial-tool-menu-panel select{width:100%;max-width:100%;height:33px;font:inherit;background:#fff;border:1px solid #d0dfec;border-radius:6px}.spatial-tool-menu-panel button{font:inherit}.spatial-tool-menu .spatial-tool:after{top:auto;bottom:calc(100% + 6px);right:0;transform:none}.spatial-tool-menu-panel .glv-controls{padding:0}.spatial-tool-menu-panel .glv-view-presets{gap:5px;padding:0;display:grid}.spatial-tool-menu:has(.spatial-tool-menu-panel):before{content:"";z-index:26;width:10px;height:100%;position:absolute;bottom:0;right:100%}.spatial-tool-menu-panel .pallet-ruler-readout{width:auto;max-width:100%;max-height:none;position:static;overflow:visible}.spatial-tool-menu-panel .pallet-ruler-measure{box-shadow:none;padding:8px}.packing-spatial-workspace>.spatial-selection-card{bottom:120px}.packing-spatial-filters{flex-wrap:nowrap;max-height:62px;padding-bottom:3px;overflow:auto}.packing-spatial-filters>span{flex-shrink:0}.packing-spatial-filters .spatial-tool>button{width:26px;height:26px}.packing-spatial-workspace--unified-controls .spatial-view-toolbar{z-index:20;gap:5px;max-height:none;top:12px;bottom:auto}.simple-app .packing-spatial-workspace--unified-controls .spatial-view-toolbar .cvc-controls{display:contents;position:static;top:auto;right:auto}.simple-app .packing-spatial-workspace--unified-controls .spatial-view-toolbar .cvc-manual-action{justify-content:center;margin-top:0}.simple-app .packing-spatial-workspace--unified-controls .spatial-view-toolbar .cvc-trigger{height:32px}.simple-app .packing-spatial-workspace--unified-controls .spatial-view-toolbar .cvc-manual-button{width:32px;min-width:32px}.simple-app .packing-spatial-workspace--unified-controls .spatial-view-toolbar .cvc-menu{top:0;right:calc(100% + 7px)}.packing-spatial-workspace--unified-controls .spatial-tool-menu-panel{top:0;bottom:auto}.packing-spatial-workspace--unified-controls .spatial-tool-menu--ruler .spatial-tool-menu-panel{top:auto;bottom:-38px}.spatial-tool-menu--ruler .spatial-tool-menu-panel{box-sizing:border-box;gap:7px;width:280px;min-width:0;max-width:calc(100vw - 110px);max-height:none;padding:9px;overflow:visible}@media (max-height:560px) and (min-width:701px){.packing-spatial-workspace--unified-controls .spatial-view-toolbar{grid-template-columns:repeat(2,32px);align-items:center;gap:4px;display:grid}.simple-app .packing-spatial-workspace--unified-controls .cvc-trigger{width:32px;min-width:32px;padding:3px}.simple-app .packing-spatial-workspace--unified-controls .cvc-dropdown .cvc-trigger>span{display:none}}.packing-spatial-workspace--unified-controls .packing-screen-view.pointer-events-none{text-align:left;justify-content:flex-start;right:175px}.spatial-tool-menu[data-open=true]>.spatial-tool:after,.spatial-tool-menu-panel:after{display:none}