.studio-pointer-dot,.studio-pointer-halo{position:fixed;top:0;left:0;pointer-events:none!important;z-index:10000;opacity:0;will-change:transform}.studio-pointer-dot.is-visible,.studio-pointer-halo.is-visible{opacity:1}.studio-pointer-dot::before,.studio-pointer-halo::before{content:'';display:block;position:absolute;left:0;top:0;transform:translate(-50%,-50%);border-radius:50%;box-sizing:border-box;transition:width .2s ease,height .2s ease,background-color .2s ease,border-color .2s ease}.studio-pointer-dot::before{width:6px;height:6px;background:#665447;box-shadow:0 0 0 1px #fff8}.studio-pointer-halo::before{width:28px;height:28px;border:1px solid #66544766;background:#fdfbf718}.studio-pointer-dot.over-project::before{width:7px;height:7px;background:#111;box-shadow:none}.studio-pointer-halo.over-project::before{width:56px;height:56px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.6)}@media(hover:hover) and (pointer:fine){html.studio-pointer-on,html.studio-pointer-on body,html.studio-pointer-on body *{cursor:none!important}html.studio-pointer-on input,html.studio-pointer-on textarea,html.studio-pointer-on [contenteditable]:not([contenteditable="false"]),html.studio-pointer-on [role=textbox]{cursor:text!important}}@media(prefers-reduced-motion:reduce){.studio-pointer-dot::before,.studio-pointer-halo::before{transition:none}}@media(hover:none),(pointer:coarse){.studio-pointer-dot,.studio-pointer-halo{display:none}}
/* Light translucent popovers echo the cursor halo. */
body #tooltip,body .object-bubble,body #little-things{background:rgba(255,253,248,.58);color:#493f35;border:1px solid rgba(255,255,255,.68);box-shadow:0 4px 18px rgba(48,39,30,.08);backdrop-filter:blur(10px) saturate(1.08);-webkit-backdrop-filter:blur(10px) saturate(1.08);text-shadow:0 1px 1px rgba(255,255,255,.3)}
body #tooltip{padding:9px 15px;border-radius:14px;font-size:12px;line-height:1.5;letter-spacing:.02em}
body .object-bubble::after{background:rgba(255,253,248,.58);border-right:1px solid rgba(255,255,255,.68);border-bottom:1px solid rgba(255,255,255,.68)}

/* Keep the Little things controls light, including their expanded state. */
body #little-things summary{color:#493f35}
body #little-things button{background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.68);color:#493f35;transition:background-color .18s ease}
body #little-things button:hover{background:rgba(255,255,255,.65)}
body #little-things button:focus-visible,body #little-things summary:focus-visible{outline:2px solid #665447;outline-offset:3px}
body #little-things p,body #little-things small{color:#62564b}
body #little-things small a{color:#493f35;text-decoration:underline;text-underline-offset:3px}