/* Version 12: animated crystalline stage and restored export handle. */
.brand>span:last-child{grid-template-rows:auto auto auto;align-content:center}
.brand .geometry-version{grid-column:1/-1;margin-top:2px;color:#4eaed9;font-size:8px;letter-spacing:.11em;text-transform:uppercase}
.workspace:before,.workspace:after{width:50.5%;opacity:1;background-size:100% 100%;will-change:transform,filter}
.workspace:before{box-shadow:inset 38px 0 70px rgba(0,30,104,.2);transform-origin:left center;animation:leftCrystal 16s ease-in-out infinite alternate}
.workspace:after{box-shadow:inset 38px 0 70px rgba(0,30,104,.2);transform-origin:right center;animation:rightCrystal 18s ease-in-out infinite alternate}
@keyframes leftCrystal{0%{transform:translate3d(-.8%,0,0) scale(1.015);filter:saturate(1)}45%{transform:translate3d(0,-.7%,0) scale(1.035,1.018);filter:saturate(1.08)}100%{transform:translate3d(-1.2%,.6%,0) scale(1.02,1.045);filter:saturate(1.02)}}
@keyframes rightCrystal{0%{transform:scaleX(-1) translate3d(-.6%,.5%,0) scale(1.02);filter:saturate(1.04)}55%{transform:scaleX(-1) translate3d(.8%,-.7%,0) scale(1.035,1.02);filter:saturate(1.1)}100%{transform:scaleX(-1) translate3d(-.4%,0,0) scale(1.018,1.04);filter:saturate(1)}}
.viewer{background:radial-gradient(ellipse at 50% 53%,#fff 0 23%,rgba(255,255,255,.96) 36%,rgba(255,255,255,.64) 55%,transparent 72%)}
.pedestal-top{background:radial-gradient(ellipse at 50% 32%,#d9f7ff 0,#77cae8 24%,#176a9e 58%,#07345d 78%);border:2px solid rgba(151,232,255,.92);box-shadow:inset 0 9px 18px rgba(255,255,255,.42),inset 0 -13px 22px rgba(2,47,88,.46),0 27px 44px rgba(1,45,82,.28)}
.pedestal-body{background:linear-gradient(90deg,#052d56,#0f79ac 18%,#65c7e5 49%,#0b6c9f 78%,#04284e);border:1px solid #78d6f2;border-top:0;box-shadow:inset 0 -15px 24px rgba(0,24,64,.4),0 16px 28px rgba(3,55,94,.22)}
.orbit-ring{border-color:rgba(212,250,255,.62);box-shadow:inset 0 0 18px rgba(225,252,255,.32),0 0 18px rgba(56,188,232,.3)}
.export-tray{overflow:visible}.export-tray:before,.export-tray:after{display:none!important}
.tray-sheen{position:absolute!important;z-index:0!important;inset:0!important;margin:0!important;display:block!important;overflow:hidden;border-radius:0 0 14px 14px;pointer-events:none}
.tray-sheen:before{content:"";position:absolute;top:-70%;left:-40%;width:26%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:rotate(22deg);opacity:0;pointer-events:none}
.export-tray.open.reveal .tray-sheen:before,.export-tray.open:hover .tray-sheen:before,.export-tray.open:focus-within .tray-sheen:before,.export-tray.open.pinned .tray-sheen:before{animation:traySweep 3.4s ease-in-out infinite}
@keyframes traySweep{0%,34%{left:-40%;opacity:0}46%{opacity:1}70%,100%{left:122%;opacity:0}}
.export-tray>*:not(.tray-sheen):not(.export-handle){position:relative;z-index:1}
.export-handle{position:absolute!important;z-index:3!important;left:50%;bottom:-27px;width:64px!important;height:28px!important;min-width:0;padding:0!important;transform:translateX(-50%);border:0!important;border-radius:0 0 10px 10px!important;background:linear-gradient(110deg,#0a75bf,#32c3f4)!important;color:#fff!important;clip-path:polygon(0 0,100% 0,76% 100%,24% 100%);box-shadow:0 7px 16px rgba(0,105,176,.35);cursor:pointer;overflow:hidden}
.export-handle:before{content:"";position:absolute;inset:-35% auto -35% -55%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:rotate(20deg);animation:handleSweep 2.7s ease-in-out infinite}
.export-handle span{position:relative;z-index:1;display:block;font-size:18px;line-height:1;transition:transform .25s}
.export-tray.pinned .export-handle span,.export-tray.reveal .export-handle span{transform:rotate(180deg)}
@keyframes handleSweep{0%,38%{left:-55%;opacity:0}52%{opacity:1}76%,100%{left:125%;opacity:0}}
@media(prefers-reduced-motion:reduce){.workspace:before,.workspace:after,.tray-sheen:before,.export-handle:before{animation:none!important}}
@media(max-width:720px){.workspace:before,.workspace:after{width:54%;opacity:.9}.brand .geometry-version{font-size:7px}}
