.playground-switch{position:relative;flex-shrink:0}.playground-switch>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer}.playground-switch>summary::-webkit-details-marker{display:none}.playground-switch .brand{pointer-events:none}.playground-switch .switch-hint{font-size:16px;color:#7043a7}.playground-switch>div{position:absolute;top:45px;left:0;z-index:2500;background:white;border:1px solid #e9e5ee;border-radius:12px;box-shadow:0 12px 30px #2d173023;padding:8px;min-width:280px}.playground-switch>div a{display:block;padding:12px 15px;border-radius:8px;color:#29262f;text-decoration:none;font-size:16px}.playground-switch>div a:hover,.playground-switch>div a[aria-current]{background:#f3edf8}.playground-switch>div span{display:block;font-size:13px;color:#736b7e}
.playground-services{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}
.playground-service-target{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;min-height:36px;border:1px solid #e9e5ee;border-radius:8px;color:#7043a7;background:#fff;font-size:14px;line-height:1.4;text-decoration:none;white-space:nowrap}
.playground-service-target:hover{background:#f6f3fa;border-color:#ccb9e1}
.playground-service-target:focus-visible{outline:3px solid #ac87d7;outline-offset:3px}
@media(max-width:1100px){.playground-services{gap:8px}body.spatial-ui .masthead{gap:16px}}
@media(max-width:760px){body.spatial-ui .masthead{gap:8px}body.spatial-ui .masthead .nav-more{position:relative;flex:0 0 40px}body.spatial-ui .masthead .nav-more>summary{position:static}body.spatial-ui .masthead .nav-more-menu{top:calc(100% + 8px);right:0}}
@media(max-width:700px){.mast .playground-services{flex-direction:column;align-items:flex-start;gap:1px}.mast .playground-service-target{border:0;padding:0;min-height:22px;font-size:13px}.mast{height:auto;min-height:64px}}
@media(max-width:520px){body.spatial-ui .playground-services{flex:1 1 100%;justify-content:space-between}body.spatial-ui .playground-service-target{font-size:13px;padding:5px 8px;min-height:32px}body.spatial-ui .masthead .brand{font-size:17px}}
@media(max-width:360px){body.spatial-ui .playground-services{flex-wrap:wrap;gap:4px}body.spatial-ui .masthead .brand{font-size:16px}.mast .playground-service-target{font-size:13px}}