:root{--v20-dark:#081421;--v20-panel:#0c1d2d;--v20-line:rgba(126,205,255,.22);--v20-blue:#29b6ff;--v20-cyan:#77e8ff}

/* Header commerce cluster */
.top-actions{gap:8px}.credits-button,.profile-button,.cart-button{height:42px;border:1px solid rgba(89,195,255,.22);background:linear-gradient(145deg,#10263a,#071522);color:#eaf8ff;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:inset 0 1px rgba(255,255,255,.06);cursor:pointer;text-decoration:none}.credits-button{padding:0 11px}.credits-button .credit-gem{color:#59d8ff;filter:drop-shadow(0 0 5px #20aef4)}.credits-button b{font-size:13px}.credits-button small{font-size:9px;color:#88a9bb;text-transform:uppercase;letter-spacing:.07em}.profile-button{width:42px}.profile-button svg,.cart-button svg,.video-mode-button svg{width:18px;height:18px;fill:currentColor}.profile-button:hover,.credits-button:hover,.cart-button:hover{border-color:#56cef9;transform:translateY(-1px)}.cart-button{width:auto!important;padding:0 10px!important;position:relative}.cart-button>span{font-size:10px;font-weight:800;letter-spacing:.1em}.cart-button b{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;border-radius:10px;background:#28b6f6;color:#04111d;display:grid;place-items:center;font-size:10px}

/* Cleaner input and category controls */
.video-mode-button svg{margin-right:5px;vertical-align:-4px}.active-category{width:calc(100% - 28px);margin:10px 14px 5px;text-align:left;cursor:pointer}.active-category>i{margin-left:auto;color:#56d6ff;font-style:normal}.active-category:hover{border-color:rgba(69,205,255,.5);box-shadow:0 0 0 1px rgba(45,180,255,.12)}

/* Sidebar accordion */
.sidebar .panel-section{transition:padding .22s ease,border-color .22s ease}.sidebar .panel-section>.section-head{cursor:pointer;user-select:none}.sidebar .panel-section>.section-head:after{content:'⌃';display:grid;place-items:center;width:20px;height:20px;margin-left:7px;border-radius:6px;background:rgba(74,174,225,.11);color:#69d8ff;font-size:11px;transition:transform .2s}.sidebar .panel-section.collapsed{padding-bottom:8px}.sidebar .panel-section.collapsed>.section-head:after{transform:rotate(180deg)}.sidebar .panel-section.collapsed>:not(.section-head){display:none!important}.sidebar .panel-section>.section-head:focus-visible{outline:2px solid #42c6ff;outline-offset:4px;border-radius:5px}

/* Export tray */
.export-tray{width:min(830px,calc(100vw - 390px))!important;min-width:720px;gap:10px!important;padding-left:20px!important;padding-right:20px!important}.export-tray button{white-space:nowrap!important;font-size:11px!important}.export-tray>div{min-width:170px}.export-tray .add-to-cart{min-width:145px}

/* Dedicated measurement interface */
#measureOverlay{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;overflow:visible}.workspace:not(.measuring) #measureOverlay{display:none}.workspace.measuring .annotation-controls{display:none}.workspace.measuring #maskCanvas{cursor:crosshair}.workspace.measuring .measure-panel{display:grid!important;gap:10px}.measure-panel{padding:12px;border:1px solid rgba(56,202,255,.25);border-radius:12px;background:linear-gradient(145deg,rgba(17,41,58,.96),rgba(5,18,29,.96))}.measure-panel>div:first-child{display:flex;justify-content:space-between;align-items:center}.measure-panel label{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.measure-panel input{accent-color:#32bdf5}.measure-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.measure-actions button{border:1px solid rgba(79,194,244,.22);border-radius:8px;background:#0b2233;color:#d9f6ff;padding:8px;font-size:10px}.measure-results{display:grid!important;gap:4px;padding:9px;border-radius:9px;background:rgba(39,152,208,.12);color:#d9f7ff;font-size:11px}.measure-results b{color:#70e3ff}.measure-help{color:#7f9fb0;line-height:1.4}.workspace.measuring .measurement-grid{opacity:1!important;background-size:34px 34px!important;background-image:linear-gradient(rgba(77,191,235,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(77,191,235,.28) 1px,transparent 1px)!important;filter:drop-shadow(0 0 5px rgba(45,174,229,.2))}.measurement-point{fill:#fff;stroke:#22bcff;stroke-width:4;filter:drop-shadow(0 0 5px #18baf6)}.measurement-line{stroke:#4bd6ff;stroke-width:3;stroke-dasharray:7 5;filter:drop-shadow(0 0 3px #168fc9)}.measurement-label{fill:#eefcff;font:700 13px system-ui,sans-serif;paint-order:stroke;stroke:#06131e;stroke-width:5px;stroke-linejoin:round}

/* Commerce dialogs */
.commerce-dialog{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(1,8,14,.7);backdrop-filter:blur(14px)}.commerce-dialog.hidden{display:none}.commerce-card{position:relative;width:min(570px,94vw);padding:28px;border:1px solid rgba(74,200,255,.28);border-radius:22px;background:linear-gradient(150deg,rgba(16,38,56,.99),rgba(5,15,25,.99));color:#eafaff;box-shadow:0 28px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.08)}.commerce-card>small{color:#52d2ff;letter-spacing:.16em}.commerce-card h2{margin:7px 0 5px;font-size:24px}.commerce-card>p{margin:0 0 20px;color:#91adbc;font-size:13px}.commerce-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:10px;background:rgba(84,170,211,.12);color:#fff;font-size:22px;cursor:pointer}.credit-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.credit-packages button{display:grid;gap:2px;padding:14px 10px;border:1px solid rgba(86,184,232,.18);border-radius:12px;background:#0a1a28;color:#eefbff;cursor:pointer}.credit-packages button:hover,.credit-packages button.active{border-color:#4ed3ff;background:linear-gradient(145deg,#12344b,#092035);box-shadow:0 0 0 2px rgba(66,201,250,.12),0 7px 24px rgba(9,157,222,.14)}.credit-packages b{font-size:22px}.credit-packages span{color:#7d9faf;font-size:10px;text-transform:uppercase}.credit-packages strong{margin-top:7px;color:#61ddff}.commerce-primary{width:100%;margin-top:16px;padding:13px;border:0;border-radius:11px;background:linear-gradient(100deg,#087ed0,#31d3ff);color:#03131d;font-weight:900;cursor:pointer}.commerce-primary:disabled{opacity:.4;cursor:default}.commerce-status{min-height:20px;padding-top:8px;color:#76dfff;text-align:center;font-size:11px}.donation-quick{display:flex;gap:7px}.donation-quick button{flex:1;padding:9px;border:1px solid rgba(73,196,245,.2);border-radius:9px;background:#0a1c2b;color:#dff8ff;cursor:pointer}.donation-quick button.active{border-color:#4bd9ff;background:#123c56}.donation-amount{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border:1px solid rgba(73,196,245,.2);border-radius:11px;background:#071723}.donation-amount span{color:#8cadbd;font-size:12px}.donation-amount input{flex:1;border:0;background:transparent;color:#fff;font-size:20px;font-weight:800;outline:0}.donation-amount b{color:#63ddff}

/* Floating donation object */
.donate-fab{position:fixed;right:18px;bottom:18px;z-index:55;width:260px;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 13px 18px rgba(0,77,155,.28));animation:donateFloat 4.4s ease-in-out infinite;perspective:800px}.donate-fab img{display:block;width:100%;border-radius:999px;transform:rotateX(7deg) rotateY(-5deg);transition:transform .25s,filter .25s}.donate-fab>span{position:absolute;inset:4% 6%;border-radius:999px;overflow:hidden;pointer-events:none}.donate-fab>span:after{content:'';position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 49%,transparent 63%);transform:translateX(-75%);animation:donateSheen 4.8s ease-in-out infinite}.donate-fab:hover img{transform:rotateX(0) rotateY(0) scale(1.035);filter:saturate(1.1) brightness(1.05)}@keyframes donateFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes donateSheen{0%,42%{transform:translateX(-80%)}72%,100%{transform:translateX(80%)}}

@media(max-width:1180px){.credits-button small,.cart-button>span{display:none}.export-tray{min-width:600px;width:calc(100vw - 330px)!important}.donate-fab{width:210px}.social-row{gap:4px}}
@media(max-width:780px){.credit-packages{grid-template-columns:repeat(2,1fr)}.export-tray{min-width:0;width:94vw!important}.donate-fab{width:165px;right:10px;bottom:10px}.top-actions .social-row{display:none}}
