/* V21 · guided creation, compositing tools and account cluster */
.topbar{gap:14px}.account-cluster{display:flex;align-items:center;gap:7px;margin-left:16px}.top-actions{margin-left:auto}.credit-gem{width:31px;height:31px!important;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(83,204,255,.4),0 0 18px rgba(30,167,255,.28);overflow:hidden}.credit-gem img{width:28px;height:28px;object-fit:contain}.credits-button small{white-space:nowrap}.project-name{margin-left:18px}

/* One-question-at-a-time sidebar */
.sidebar .panel-section{border:1px solid rgba(79,169,217,.12);border-radius:10px;margin:8px 0;padding:12px;background:rgba(7,22,34,.48)}.sidebar .panel-section:not(.collapsed){border-color:rgba(70,196,247,.32);background:linear-gradient(150deg,rgba(12,39,56,.8),rgba(5,19,30,.74));box-shadow:0 9px 24px rgba(0,0,0,.15)}.sidebar .panel-section>.section-head{margin-bottom:12px}.sidebar .panel-section.collapsed>.section-head{margin-bottom:0}.sidebar .panel-section.step-complete>.section-head span:before{content:'✓';display:inline-grid;place-items:center;width:16px;height:16px;margin-right:7px;border-radius:50%;background:#3bd5a1;color:#062015;font-size:10px}.sidebar .panel-section.step-active>.section-head span{color:#8be4ff}.active-category{border-color:rgba(74,195,245,.24)!important}

.category-grid .freeform-category i{display:grid!important;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(92,231,255,.42),rgba(13,70,112,.9) 42%,#061725 72%)!important;color:#8cf2ff;font-size:48px;font-style:normal;text-shadow:0 0 18px #37cfff}.category-grid .freeform-category{border-color:rgba(103,219,255,.35)}

/* Edit mode split */
.editor-tabs{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:-4px 0 12px;padding:4px;border-radius:10px;background:#05131f}.editor-tabs button{height:36px;border:0;border-radius:7px;background:transparent;color:#6f91a6;font-size:11px;font-weight:800;cursor:pointer}.editor-tabs button.active{background:linear-gradient(120deg,#126897,#20b6e7);color:white;box-shadow:0 7px 18px rgba(15,152,210,.22)}.editor-pane{display:none}.editor-pane.active{display:block}.compose-pane{display:none;gap:9px}.compose-pane.active{display:grid}.compose-section,.pose-library{border:1px solid rgba(68,170,218,.2);border-radius:9px;background:rgba(5,20,31,.78);overflow:hidden}.compose-section summary,.pose-library summary{padding:11px;cursor:pointer;color:#a8d8ea;font-size:11px;font-weight:800}.compose-section>label{display:grid;gap:6px;padding:5px 11px 9px;color:#7190a3;font-size:10px}.compose-section select{height:36px}.compose-section input{width:100%;accent-color:#36c5f4}.compose-section output{color:#67d9ff}.compose-primary{margin:2px 11px 10px;width:calc(100% - 22px);height:36px;border:0;border-radius:8px;background:#103c56;color:#9ee7ff;cursor:pointer}.scene-model-list{display:grid;gap:5px;padding:0 11px 11px}.scene-model-list small{color:#48687b;font-size:8px}.scene-model-row{display:flex;align-items:center;gap:7px;padding:7px;border-radius:7px;background:#0b2638;color:#a8d4e6;font-size:10px}.scene-model-row b{flex:1}.scene-model-row button{border:0;background:transparent;color:#7197aa;cursor:pointer}.measure-panel>div:first-child{display:grid!important;gap:4px}.measure-panel>div:first-child b{font-size:10px;line-height:1.45}.measurement-grid span{position:absolute;right:16px;bottom:12px;padding:4px 7px;border-radius:5px;background:rgba(5,24,37,.78);color:#66d8ff;font:700 9px system-ui}

/* Added models are movable on the common base plane */
.scene-model-layer{position:absolute;z-index:5;left:50%;top:55%;width:430px;height:170px;transform:translateX(-50%);pointer-events:none}.scene-object{position:absolute;left:50%;top:35%;width:58px;height:68px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(98,217,255,.55);border-radius:14px;background:linear-gradient(145deg,rgba(26,92,126,.92),rgba(6,29,45,.95));box-shadow:0 13px 24px rgba(0,0,0,.3),0 0 20px rgba(34,180,235,.15);color:#dff9ff;font-size:25px;cursor:grab;pointer-events:auto;user-select:none}.scene-object img{width:100%;height:100%;object-fit:cover;border-radius:13px}.scene-object small{position:absolute;top:calc(100% + 3px);white-space:nowrap;color:#79a9bd;font-size:8px}.workspace:not(.editing) .scene-object{pointer-events:none}.workspace.editing .scene-model-layer{top:66%;width:520px}

/* Base variants */
.pedestal{--base-w:1;--base-h:1;scale:var(--base-w) var(--base-h)}.pedestal.shape-oval{scale:calc(var(--base-w)*1.16) calc(var(--base-h)*.92)}.pedestal.shape-square .pedestal-top,.pedestal.shape-square .pedestal-body{border-radius:18px!important}.pedestal.shape-organic .pedestal-top,.pedestal.shape-organic .pedestal-body{border-radius:46% 54% 43% 57%/58% 45% 55% 42%!important}.pedestal.shape-rock .pedestal-top{clip-path:polygon(5% 36%,13% 12%,36% 3%,62% 8%,86% 15%,98% 43%,89% 78%,67% 93%,36% 96%,12% 79%);border-radius:0!important}.pedestal.shape-rock .pedestal-body{clip-path:polygon(4% 5%,96% 4%,91% 77%,73% 94%,28% 91%,8% 73%);border-radius:0!important}

/* Axis widget moves beside GLB and can be dragged while editing */
.workspace.editing>.axis-widget{position:absolute;z-index:18;top:18px;right:194px;width:150px;margin:0!important;cursor:grab;touch-action:none}.workspace.editing>.axis-widget:before{content:'✥ verschieben';display:block;color:#4caed4;font-size:8px;letter-spacing:.08em;text-align:center}.workspace.editing>.axis-widget.dragging{cursor:grabbing}.workspace.editing>.axis-widget canvas{width:132px;height:116px}.workspace.editing>.axis-widget small{display:none}

/* True product thumbnails */
.cart-item-thumb{overflow:hidden}.cart-item-thumb img{width:100%;height:100%;object-fit:cover;background:#071725}

/* Freestanding holographic donation capsule */
.donate-fab{clip-path:inset(9% 7% 11% 7% round 999px);filter:drop-shadow(0 10px 15px rgba(0,105,210,.4)) drop-shadow(0 0 16px rgba(64,222,255,.3));isolation:isolate}.donate-fab:before{content:'';position:absolute;z-index:2;inset:9% 7% 11%;border-radius:999px;background:linear-gradient(115deg,rgba(0,255,255,.1),rgba(107,83,255,.18),rgba(61,255,224,.12));mix-blend-mode:screen;animation:holoShift 3.8s ease-in-out infinite alternate;pointer-events:none}.donate-fab img{border-radius:0!important;filter:saturate(1.18) contrast(1.04)}.donate-fab>span{z-index:3}.donate-fab:hover{filter:drop-shadow(0 14px 21px rgba(0,110,220,.52)) drop-shadow(0 0 24px rgba(79,235,255,.5))}@keyframes holoShift{0%{transform:translateX(-4%);filter:hue-rotate(0deg)}100%{transform:translateX(4%);filter:hue-rotate(36deg)}}

@media(max-width:1280px){.account-cluster{margin-left:5px}.credits-button small{display:none}.project-name{margin-left:8px}.account-cluster .credits-button{padding:0 7px}.topbar{gap:7px}}
@media(max-width:980px){.account-cluster{margin-left:auto}.top-actions{margin-left:0}.account-cluster .cart-button>span{display:none}.scene-model-layer{width:360px}.workspace.editing>.axis-widget{right:145px}}
@media(max-width:720px){.account-cluster{gap:3px}.credits-button b,.account-cluster .cart-button>span{display:none}.credits-button,.profile-button,.cart-button{width:36px!important;padding:0!important}.top-actions{display:none}.scene-model-layer{width:300px}.workspace.editing>.axis-widget{right:8px;top:62px}}