/* Only decorative scene layers move. Their existing parent controls, text,
   samples, prices, codes and counters retain their normal layout and hit area. */
.public-scene{display:block;position:relative;isolation:isolate;flex:none;width:100%;height:250px;min-width:0;margin:0;overflow:clip;pointer-events:none;perspective:850px;color:#193454;background:#fff;border-radius:8px;--box-top:#b5db85;--box-front:#8ec951;--box-side:#65a437;--box-tape:#dcedbf}
.public-scene-stage{position:absolute;inset:0;margin:auto;width:min(100%,420px);height:100%;perspective:850px}
.public-scene-layer{position:absolute;display:block;margin:0;transform-origin:50% 75%;transition:transform .26s cubic-bezier(.2,.7,.25,1);pointer-events:none}
.public-scene-layer>svg{display:block;width:100%;height:100%;overflow:visible}
.public-scene .ps-ground{inset:27% 5% 0;z-index:0}
.public-scene .ps-route{inset:27% 5% 0;z-index:1}
.public-scene .ps-equipment{left:7%;top:0;width:66%;height:91%;z-index:2}
.public-scene .ps-main{left:54%;top:37%;width:29%;height:49%;z-index:4}
.public-scene .ps-near{left:30%;top:59%;width:23%;height:38%;z-index:5}
.public-scene .ps-rear{left:19%;top:21%;width:29%;height:46%;z-index:2}
.public-scene .ps-orange{--box-top:#ffd19f;--box-front:#ffac67;--box-side:#e48338;--box-tape:#ffe7c6}
.public-scene[data-public-scene=packing] .ps-main{left:34%;top:15%;width:48%;height:68%}
.public-scene[data-public-scene=packing] .ps-near{left:17%;top:52%;width:29%;height:45%}
.public-scene[data-public-scene=packing] .ps-rear{left:14%;top:18%;width:27%;height:44%}
.public-scene[data-public-scene=receiving] .ps-main{left:45%;top:12%;width:36%;height:61%}
.public-scene[data-public-scene=receiving] .ps-near{left:27%;top:48%;width:31%;height:49%}
.public-scene[data-public-scene=receiving] .ps-rear{left:9%;top:18%;width:30%;height:48%}
.public-scene[data-public-scene=labels] .ps-main{left:36%;top:13%;width:37%;height:61%}
.public-scene[data-public-scene=labels] .ps-near{left:17%;top:49%;width:28%;height:44%}
.public-scene[data-public-scene=labels] .ps-rear{left:65%;top:47%;width:24%;height:39%}
.public-scene[data-public-scene=comparison] .ps-main{left:15%;top:17%;width:38%;height:63%}
.public-scene[data-public-scene=comparison] .ps-near{left:52%;top:35%;width:38%;height:63%}
.public-scene[data-public-scene=pallet] .ps-equipment{left:0;top:6%;width:65%;height:78%}
.public-scene[data-public-scene=pallet] .ps-main{left:48%;top:28%;width:38%;height:59%}
.public-scene[data-public-scene=pallet] .ps-near{left:26%;top:60%;width:23%;height:36%}
.public-scene[data-scene-size=card]{height:166px;margin-bottom:16px;background:linear-gradient(180deg,#fff 50%,#f7f9fd)}
.public-scene[data-scene-size=context]{height:110px;background:transparent}
.public-scene[data-scene-size=context] .public-scene-stage{max-width:180px}
.public-scene[data-scene-size=context] .ps-equipment{display:none}
.public-scene[data-scene-size=context][data-public-scene=stock] .ps-main{left:42%;top:8%;width:38%;height:67%}
.public-scene[data-scene-size=context][data-public-scene=stock] .ps-near{left:16%;top:47%;width:30%;height:47%}
/* Subject illustrations share the 320 × 180 drawing plane, not a repeated box
   arrangement. Every complete SVG is an independently moving depth layer. */
.public-scene[data-scene-design=subject] .public-scene-layer{inset:0;width:100%;height:100%;transform-origin:50% 60%}
.public-scene[data-scene-design=subject] .ps-ground{z-index:0}
.public-scene[data-scene-design=subject] .ps-back{z-index:1}
.public-scene[data-scene-design=subject] .ps-main{z-index:2}
.public-scene[data-scene-design=subject] .ps-accent{z-index:3}
.public-scene[data-scene-design=subject] .public-scene-stage{width:min(100%,390px)}
.public-scene[data-scene-design=subject][data-scene-size=context] .public-scene-stage{max-width:190px}
.public-scene .stock-glyph{display:block;width:100%;height:100%;max-width:none;overflow:visible;pointer-events:none}
.public-scene .stock-glyph .box-top{fill:#fff;stroke:#dbe2ec;stroke-width:1}
.public-scene .stock-glyph .box-front{fill:#fafbfd;stroke:#dbe2ec;stroke-width:1}
.public-scene .stock-glyph .box-side{fill:#f0f3f8;stroke:#dbe2ec;stroke-width:1}
.public-scene .stock-glyph.is-stock .box-top{fill:var(--box-top);stroke:none}
.public-scene .stock-glyph.is-stock .box-front{fill:var(--box-front);stroke:none}
.public-scene .stock-glyph.is-stock .box-side{fill:var(--box-side);stroke:none}
.public-scene .stock-glyph.is-stock .box-tape{fill:var(--box-tape)}
.public-scene .box-light{fill:#fff;opacity:.17}.public-scene .box-fold{fill:none;stroke:#214116;stroke-opacity:.14;stroke-width:.65}
.public-scene .box-empty-seam{fill:none;stroke:#c6ced8;stroke-width:1.2}
.public-scene .storage-glyph-bins .container-inside{fill:#e1e9f4;stroke:#98acc8}
.public-scene .storage-glyph-bins .container-front{fill:#f8faff;stroke:#98acc8}
.public-scene .storage-glyph-bins .container-side{fill:#d8e3f5;stroke:#98acc8}
.public-scene .storage-glyph-bins .container-label{fill:#fff;stroke:#b2c1d7;stroke-width:.6}
.public-scene .warehouse-room,.public-scene .warehouse-room-geometry{display:block;position:static;width:100%;height:100%;min-width:0;max-width:none;margin:0;overflow:visible}
.public-scene .warehouse-room foreignObject{overflow:visible}
.public-scene .warehouse-room .scene-cell{display:block;position:static;width:72px;height:76px;margin:0;padding:0;transform:none;filter:none;opacity:1;animation:none}
.public-scene .warehouse-room .scene-floor-cell{width:86px;height:86px}
.public-scene .warehouse-room .scene-cell>.stock-glyph{position:static;width:100%;height:100%;transform:none;filter:none}
.public-scene .room-footprint{fill:none;stroke:#b4c2d7;stroke-width:1;stroke-dasharray:6 5}
.public-scene .room-equipment-shadow{fill:#243c6915;filter:none}
.public-scene .room-post-front,.public-scene .room-pallet-beams{fill:#2465ff}.public-scene .room-post-side{fill:#104cd7}.public-scene .room-post-cap{fill:#3d80ff}
.public-scene .room-post-highlight{stroke:#80b0ff;stroke-width:1}
.public-scene .room-section-plaque rect{fill:#fff;stroke:#d4ddea;stroke-width:1}
.public-scene .room-section-plaque text{fill:#284466;font:500 15px Onest,sans-serif}
.public-scene .room-pallet-top{fill:#dbc9a9;stroke:#b5a381;stroke-width:.8}.public-scene .room-pallet-edge{fill:#baa581}.public-scene .room-pallet-side{fill:#a18c6b}
.public-scene .room-shelf-top{fill:#f7f9fe;stroke:#cbd4e1;stroke-width:.9}.public-scene .room-shelf-front{fill:#fff;stroke:#d4dce8;stroke-width:.7}.public-scene .room-shelf-side{fill:#dfe5ee;stroke:#c9d3e1;stroke-width:.7}
.public-scene :is(.room-equipment-heading,.room-floor-caption,.room-level-plaque,.room-address-caption,.room-equipment-title,.room-equipment-subtitle){visibility:hidden}
[data-public-scene-host]{display:block;min-width:0}
[data-public-scene-host]>.public-scene{width:100%;height:110px;background:transparent}
.public-scene .room-gap{fill:none;stroke:#c1cbd8}
/* Explicit placement: every illustration occupies its own layout row. */
.tools-fact{grid-template-columns:auto minmax(0,1fr);gap:10px 16px;overflow:visible;background:#fff}
.tools-fact>.public-scene{grid-column:1/-1;grid-row:1;height:240px}
.tools-fact::after{display:none}
.tools-fact>span{font-size:64px}
.tool-card[data-category]>.public-scene{flex:none}
.guide-principle>.public-scene{margin-bottom:22px;height:240px;background:#fff;border-radius:6px 30px 6px 6px}
.guide-roadmap a{min-width:0;padding:16px}
.guide-roadmap a>.public-scene{height:132px;margin-bottom:10px}
.guide-roadmap a>span{margin-bottom:16px}
.template-scene{grid-template-rows:auto 112px;gap:6px;background:#fff;min-height:290px;overflow:visible;border:1px solid #e4eaf3}
.template-scene>.public-scene{height:112px;max-width:100%}
.home-page .tag-stage{display:flex;flex-direction:column;justify-content:center;height:auto;min-height:238px;padding:16px;background:#fff}
.home-page .tag-stage>.public-scene{height:104px;flex:none}
.home-page .quick-sample:not(:has(img,.sample-qr,.sample-scan)){display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3px;width:100%;height:134px;grid-row:auto;overflow:visible;background:#fff;margin-bottom:8px}
.home-page .quick-sample:not(:has(img,.sample-qr,.sample-scan))>.public-scene{height:73px;transform:none;flex:none}
.home-page .tool-sample:not(:has(img,.sample-qr,.sample-scan)){display:flex;flex-direction:column;justify-content:center;height:120px;overflow:visible;background:#fff}
.home-page .tool-sample:not(:has(img,.sample-qr,.sample-scan))>.public-scene{height:58px;transform:none;flex:none}
.home-page .quick-action:has(.quick-sample):not(:has(img,.sample-qr,.sample-scan)){display:block}
.stock-hero .stock-equation-art>.public-scene,.packing-hero .packing-boundary>.public-scene{height:240px;margin:0 0 22px;background:#fff}
.stock-hero .stock-equation-art>.public-scene .public-scene-layer{padding:0;border:0;min-height:0;background:transparent}
.stock-hero .stock-equation-art>p{margin-bottom:24px}
.stock-hero .stock-equation-art>em{position:static;display:block;margin-top:24px}
.access-hero .access-route>.public-scene{grid-column:1/-1;flex-basis:100%;height:250px;margin-bottom:12px}
@media(max-width:850px){.public-scene{height:230px}.tools-fact>.public-scene{height:230px}.guide-roadmap a{display:grid;grid-template-columns:140px minmax(0,1fr);gap:3px 16px;align-items:center}.guide-roadmap a>.public-scene{grid-row:1/4;width:140px;height:132px;margin:0}.guide-roadmap a>span,.guide-roadmap a>strong{margin:0}.guide-roadmap a>small{align-self:start}}
@media(max-width:560px){.public-scene[data-scene-size=feature]{height:210px}.tools-fact{padding:18px;gap:10px}.tools-fact>.public-scene{height:205px}.tools-fact>span{font-size:52px}.guide-roadmap a{grid-template-columns:104px minmax(0,1fr);gap:8px 12px}.guide-roadmap a>.public-scene{width:104px;height:116px}.guide-roadmap a>strong{font-size:17px}.guide-roadmap a>small{font-size:12px}.home-page .tag-stage{min-height:218px;padding:10px}.home-page .tag-stage>.public-scene{height:90px}.home-page .quick-sample:not(:has(img,.sample-qr,.sample-scan)){height:127px}.home-page .quick-sample:not(:has(img,.sample-qr,.sample-scan))>.public-scene{height:69px}.home-page .quick-sample:not(:has(img,.sample-qr,.sample-scan))>.sample-price{transform:scale(.8)}.home-page .quick-sample:not(:has(img,.sample-qr,.sample-scan))>.sample-diff,.home-page .quick-sample:not(:has(img,.sample-qr,.sample-scan))>.sample-stock,.home-page .quick-sample:not(:has(img,.sample-qr,.sample-scan))>.sample-margin{transform:scale(.8)}.stock-hero .stock-equation-art>.public-scene,.packing-hero .packing-boundary>.public-scene,.access-hero .access-route>.public-scene{height:210px}}
@media(prefers-reduced-motion:reduce){.public-scene-layer{transition:none;transform:none!important;animation:none!important}}
@media print{.public-scene{display:none!important}.template-scene{grid-template-rows:auto;min-height:0}}

/* Reserve the same slots in the first paint, before any module/dependency can
   load. Mounting exchanges a pseudo-element for a figure without moving links. */
.tools-fact:not([data-scene-enhanced])::before{content:"";display:block;grid-column:1/-1;grid-row:1;width:100%;height:240px;background:#fff;border-radius:8px}
.tool-card[data-category]:not([data-scene-enhanced])::before{content:"";display:block;flex:none;width:100%;height:166px;margin-bottom:16px}
.guide-principle:not([data-scene-enhanced])::before{content:"";display:block;width:100%;height:240px;margin-bottom:22px;background:#fff;border-radius:6px 30px 6px 6px}
.guide-roadmap a:not([data-scene-enhanced])::before{content:"";display:block;width:100%;height:132px;margin-bottom:10px}
.template-scene:not([data-scene-enhanced])::after{content:"";display:block;width:100%;height:112px}
.home-page .tag-stage:not([data-scene-enhanced])::after{content:"";display:block;width:100%;height:104px;flex:none}
.home-page .quick-sample:not(:has(img,.sample-qr,.sample-scan)):not([data-scene-enhanced])::before{content:"";display:block;width:100%;height:73px;flex:none}
.home-page .tool-sample:not(:has(img,.sample-qr,.sample-scan)):not([data-scene-enhanced])::before{content:"";display:block;width:100%;height:58px;flex:none}
.stock-hero .stock-equation-art::before{content:none}
.stock-hero .stock-equation-art:not([data-scene-enhanced])::before{content:"";display:block;position:static;flex:none;width:100%;height:240px;min-height:0;margin:0 0 22px;padding:0;border:0;border-radius:8px;opacity:1;background:#fff}
.packing-hero .packing-boundary:not([data-scene-enhanced])::before{content:"";display:block;width:100%;height:240px;margin-bottom:22px;background:#fff}
.access-hero .access-route:not([data-scene-enhanced])::before{content:"";display:block;grid-column:1/-1;flex-basis:100%;width:100%;height:250px;margin-bottom:12px}
[data-public-scene-host]:not([data-scene-enhanced])::before{content:"";display:block;width:100%;height:110px;background:transparent}
@media(max-width:850px){.tools-fact:not([data-scene-enhanced])::before{height:230px}.guide-roadmap a:not([data-scene-enhanced])::before{grid-row:1/4;width:140px;height:132px;margin:0}}
@media(max-width:560px){.tools-fact:not([data-scene-enhanced])::before{height:205px}.guide-principle:not([data-scene-enhanced])::before{height:210px}.guide-roadmap a:not([data-scene-enhanced])::before{width:104px;height:116px}.home-page .tag-stage:not([data-scene-enhanced])::after{height:90px}.home-page .quick-sample:not(:has(img,.sample-qr,.sample-scan)):not([data-scene-enhanced])::before{height:69px}.stock-hero .stock-equation-art:not([data-scene-enhanced])::before,.packing-hero .packing-boundary:not([data-scene-enhanced])::before,.access-hero .access-route:not([data-scene-enhanced])::before{height:210px}}
@media print{[data-scene-enhanced]>.public-scene,.tools-fact::before,.tool-card[data-category]::before,.guide-principle::before,.guide-roadmap a::before,.template-scene::after,.home-page .tag-stage::after,.home-page .quick-sample::before,.home-page .tool-sample::before,.stock-hero .stock-equation-art::before,.packing-hero .packing-boundary::before,.access-hero .access-route::before{display:none!important}}