*{box-sizing:border-box}html,body,#root,#application,pc-app,canvas{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f8fafc;background:#11151c;font-family:Inter,ui-sans-serif,system-ui,sans-serif}canvas,pc-app{display:block}.hud{z-index:10;pointer-events:none;padding:20px;position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0b1019d9;border:1px solid #ffffff24;border-radius:14px;width:min(360px,100vw - 40px);padding:16px;box-shadow:0 12px 40px #0008}h1{margin:0 0 6px;font-size:18px}p{color:#aeb8c8;margin:6px 0 0;font-size:13px;line-height:1.45}.controls{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}button{color:inherit;cursor:pointer;background:#263247;border:1px solid #ffffff24;border-radius:9px;padding:8px 11px}button:hover,button[aria-pressed=true]{background:#334867;border-color:#41b6e6}button:disabled{cursor:not-allowed;opacity:.5}.swatch{background:var(--color);border-radius:50%;width:32px;height:32px;padding:0}.crosshair{border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:fixed;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 4px #000}