/* Version 23: refined editing, scene scale, model-bound grid and holographic donation control. */
.mask-editor button,.mask-editor .finish-edit,.mask-editor .save-draft-edit,.mask-editor .rerender-edit{color:#fff!important}
#saveMask{width:100%;min-height:38px;border:1px solid rgba(77,196,244,.34);border-radius:8px;background:linear-gradient(115deg,#0b3047,#105272);color:#fff;font-weight:800;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08)}
#saveMask:hover:not(:disabled){border-color:#51d5ff;background:linear-gradient(115deg,#0c4260,#1176a0)}
#saveMask:disabled{opacity:.38;cursor:default}
.scene-scale-control{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;padding:9px 10px;border:1px solid rgba(73,181,229,.2);border-radius:9px;background:#071b29;color:#a7d8e9;font-size:10px;font-weight:700}
.scene-scale-control input{grid-column:1/2;width:100%;accent-color:#32c7f5}.scene-scale-control output{grid-column:2;grid-row:1/3;min-width:42px;color:#66dcff;text-align:right}
.workspace.editing>.axis-widget{width:120px!important;right:194px!important}.workspace.editing>.axis-widget canvas{width:106px!important;height:93px!important}
.workspace.editing.measuring .measurement-grid{transform:perspective(650px) rotateX(calc(64deg + var(--grid-rx,0deg))) rotateZ(var(--grid-ry,0deg))!important;transform-origin:50% 0;transition:opacity .28s,transform .16s ease-out}
.workspace.editing.compose-active .pedestal{z-index:3!important;filter:drop-shadow(0 24px 28px rgba(0,0,0,.58));transform-style:preserve-3d}
.workspace.editing.compose-active .model-wrap{z-index:6!important}.workspace.editing.compose-active .scene-model-layer{z-index:7!important}
.workspace.editing.compose-active .pedestal-top{background:radial-gradient(ellipse at 50% 24%,#355a6d 0,#19384c 43%,#071825 76%)!important;border:1px solid #396c87!important;box-shadow:inset 0 5px 10px rgba(140,220,245,.12)!important}
.workspace.editing.compose-active .pedestal-body{background:linear-gradient(90deg,#030d15 0,#102e42 24%,#173d54 48%,#0b2333 72%,#020a11 100%)!important;border-bottom:2px solid #173f58!important;box-shadow:inset 0 -12px 20px rgba(0,0,0,.38)!important}

/* Glass-holographic donation button adapted from the supplied HTML prototype. */
.donate-fab.donate-v22{--mx:50%;--my:50%;--tiltX:0deg;--tiltY:0deg;border:1px solid rgba(204,242,255,.46)!important;background:linear-gradient(135deg,rgba(7,18,35,.68),rgba(10,44,78,.55) 48%,rgba(15,25,59,.64))!important;background-size:100% 100%!important;backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(107,210,255,.16),0 18px 38px rgba(0,7,24,.48),0 0 18px rgba(45,196,255,.16)!important;animation:donateGlassFloat 4.5s ease-in-out infinite!important;transform-style:preserve-3d;transition:box-shadow .28s,filter .28s}
.donate-fab.donate-v22:before{content:''!important;position:absolute!important;inset:-1px!important;border-radius:inherit!important;padding:2px;background:conic-gradient(from var(--prism,0deg),#5be7ff,#7e74ff,#ff6bd6,#ffe07b,#58ffd0,#5be7ff)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transform:none!important;mix-blend-mode:screen;animation:donatePrism 5s linear infinite!important;pointer-events:none}
.donate-fab.donate-v22:after{content:'';position:absolute;z-index:1;inset:-45% -20%;border-radius:inherit;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.06) 42%,rgba(136,239,255,.58) 49%,rgba(255,123,231,.28) 53%,transparent 62%);transform:translateX(-65%) rotate(5deg);animation:donateSheen 4.4s ease-in-out infinite;pointer-events:none}
.donate-fab.donate-v22>i{z-index:1;background:radial-gradient(circle at var(--mx) var(--my),rgba(75,232,255,.55),rgba(133,94,255,.2) 20%,transparent 48%);opacity:.36;animation:none;transition:opacity .25s}
.donate-fab.donate-v22:hover{animation-play-state:paused!important;transform:translateY(-7px) perspective(900px) rotateX(var(--tiltX)) rotateY(var(--tiltY)) scale(1.035)!important;filter:saturate(1.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 24px 48px rgba(0,11,35,.62),0 0 26px rgba(61,218,255,.55),0 0 48px rgba(130,89,255,.3)!important}
.donate-fab.donate-v22:hover>i{opacity:.8}.donate-v22-logo{background:rgba(255,255,255,.94)!important}.donate-v22-copy,.donate-v22-arrow{transform:translateZ(18px)}
@property --prism{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes donatePrism{to{--prism:360deg}}@keyframes donateSheen{0%,30%{transform:translateX(-70%) rotate(5deg)}70%,100%{transform:translateX(75%) rotate(5deg)}}@keyframes donateGlassFloat{0%,100%{transform:translateY(0) perspective(900px) rotateX(var(--tiltX)) rotateY(var(--tiltY))}50%{transform:translateY(-6px) perspective(900px) rotateX(var(--tiltX)) rotateY(var(--tiltY))}}
@media(max-width:980px){.workspace.editing>.axis-widget{right:145px!important}}@media(max-width:720px){.workspace.editing>.axis-widget{right:8px!important;width:100px!important}.workspace.editing>.axis-widget canvas{width:92px!important;height:80px!important}}