/* Floating quick slots: keep the header footprint and the supplied logo colours. */
body[data-view=styles] .atelier-topbar{z-index:45}
.atelier-topbar .atelier-home-link{display:flex;min-width:0}
.project-launcher{position:relative;width:44px;height:44px;flex:none}
.project-launcher-toggle{display:grid;place-items:center;position:relative;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:none;touch-action:manipulation}
.project-launcher-toggle:after{content:'';position:absolute;inset:-1px;border:1px solid transparent;border-radius:50%;transition:border-color .2s,box-shadow .2s}
.project-launcher-toggle:hover:after,.project-launcher[data-open=true] .project-launcher-toggle:after{border-color:#d9aa5070;box-shadow:0 0 18px #d9aa5030}
.project-launcher-dot{position:absolute;right:0;bottom:1px;width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 6px #d9aa5070}
.project-launcher-panel{position:absolute;left:-4px;top:100%;width:238px;height:240px;isolation:isolate}
.project-launcher-panel[hidden]{display:none}
.project-bubble{position:absolute;left:var(--bubble-x);top:var(--bubble-y);width:62px;display:flex;flex-direction:column;align-items:center;gap:7px;transform-origin:50% 29px;transition:transform .19s ease;animation:project-bubble-arrive .3s cubic-bezier(.2,.75,.25,1) backwards;animation-delay:var(--bubble-delay);z-index:1}
.project-bubble-wiki{--bubble-x:126px;--bubble-y:16px;--bubble-delay:0s}
.project-bubble-builds{--bubble-x:96px;--bubble-y:103px;--bubble-delay:.035s}
.project-bubble-regatta{--bubble-x:13px;--bubble-y:146px;--bubble-delay:.07s}
.project-bubble-orb{display:grid;place-items:center;width:58px;height:58px;flex:none;border:1px solid #bba37980;border-radius:50%;background:radial-gradient(circle at 35% 25%,#5b465b,#27212b 78%);box-shadow:inset 0 0 0 3px #211b2244,0 6px 18px #0007;overflow:hidden;transition:border-color .18s,box-shadow .18s}
body[data-view=styles] .atelier-topbar .brand .project-bubble img{width:42px;height:42px;object-fit:contain;filter:none}
body[data-view=styles] .atelier-topbar .brand .project-bubble-regatta img{width:100%;height:100%;object-fit:cover}
body[data-view=styles] .atelier-topbar .brand .project-bubble-label{display:block;width:max-content;max-width:110px;padding:2px 7px;border-radius:8px;background:#251e29ed;color:var(--bright);font:11px/1.35 var(--body);letter-spacing:.015em;text-align:center;white-space:nowrap}
body[data-view=styles] .atelier-topbar .brand .project-bubble-label span{font:inherit;opacity:.5}
.project-bubble[data-weight=far]{transform:scale(.84)}
.project-bubble[data-weight=near]{transform:scale(1.04)}
.project-bubble[data-weight=active],.project-bubble:focus-visible{transform:scale(1.24);z-index:3}
.project-bubble:hover .project-bubble-orb,.project-bubble:focus-visible .project-bubble-orb,.project-bubble[data-weight=active] .project-bubble-orb{border-color:#efd18a;box-shadow:inset 0 0 0 3px #dfb96425,0 0 21px #e1ae4a40,0 8px 18px #0007}
@keyframes project-bubble-arrive{from{opacity:0;transform:translate(calc(24px - var(--bubble-x)),calc(-24px - var(--bubble-y))) scale(.12)}to{opacity:1;transform:translate(0,0) scale(1)}}
@media(max-width:760px){.project-launcher{width:38px;height:38px}.project-launcher-panel{left:-1px}.project-launcher-dot{width:4px;height:4px}}
@media(prefers-reduced-motion:reduce){.project-bubble{animation:none;transition:none}.project-bubble-orb,.project-launcher-toggle:after{transition:none}}