@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:DM Sans,sans-serif;color:#273932;background:#e8eae9;font-synthesis:none;letter-spacing:0}.device-select{font:500 14px DM Sans,sans-serif;color:#34483e;background:#f5f6f3;border:1px solid #cbd3cb;border-radius:5px;padding:9px 28px 9px 12px;max-width:160px}.topbar-actions{display:flex;align-items:center;gap:8px}.overview-connection{display:flex;align-items:center;gap:9px;color:#587164;font-size:13px}.overview-connection svg{width:7px;height:7px;fill:#51806a;stroke:#51806a}.overview-mode{background:transparent}.overview-mode .scene-heading{color:#303a34}.overview-mode .breadcrumb,.overview-mode .object-meta,.overview-mode .scene-caption{color:#555d51}.overview-stage #desk-scene{position:absolute;inset:0}.overview-stage #desk-scene canvas{display:block;width:100%;height:100%}.desk-device-controls{position:absolute;inset:0;pointer-events:none;z-index:2}.desk-device-target{position:absolute;border:0;padding:0;background:transparent;pointer-events:auto;touch-action:manipulation}.desk-device-target span{position:absolute;left:50%;bottom:9%;transform:translate(-50%);display:block;width:max-content;max-width:90%;padding:7px 10px;border:1px solid #d7ded7;border-radius:5px;background:#f8faf5e8;color:#2f453a;box-shadow:0 5px 18px #25372c1c;font:600 12px DM Sans,sans-serif;opacity:.76;transition:opacity .16s ease,background .16s ease}.desk-device-target:hover span,.desk-device-target:focus-visible span{opacity:1;background:#fffef9}.desk-device-target:disabled{cursor:default}.desk-device-controls{transition:opacity .18s ease}.desk-device-controls.targets-hidden{opacity:0;pointer-events:none;visibility:hidden}.pad-mode .scene-heading{color:#333b35}.pad-mode .breadcrumb,.pad-mode .object-meta,.pad-mode .scene-caption{color:#585b48}.pad-mode .toolbar{white-space:nowrap}.pad-mode #inspector-display{font-size:21px}#inspector-options{padding:0;list-style:none;color:#80918a;font-size:14px;line-height:2.3}#inspector-options [aria-current]{color:#2c6454;font-weight:700}.device-key[aria-disabled=true]{cursor:default}@media(max-width:700px){.pad-mode .scene-caption{display:none}.device-select{max-width:142px}}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #26796a;outline-offset:4px}[hidden]{display:none!important}#app{height:100dvh;min-height:540px;display:flex;flex-direction:column;overflow:hidden;position:relative}#world-stage{position:absolute;inset:76px 0 39px}#world-stage canvas{display:block;width:100%;height:100%}.view-shell{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none}.view-shell .topbar,.view-shell .toolbar,.view-shell #inspector,.view-shell .all-projects-link{pointer-events:auto}.view-shell .scene-heading,.view-shell .scene-caption,.view-shell .toolbar{transition:opacity .22s ease,translate .22s ease}.view-shell .scene-heading:before{content:"";position:absolute;z-index:-1;inset:-32px -44px -22px -38px;background:radial-gradient(ellipse at top left,#f5f6f3,#f5f6f3eb 42%,#f5f6f300 74%);pointer-events:none}#app[data-motion=moving] .scene-heading,#app[data-motion=moving] .scene-caption{opacity:0}#app[data-motion=moving] .toolbar{opacity:0;translate:0 8px}.topbar{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ced4d0;flex:0 0 auto;background:#f5f6f3}.identity{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700}.logo{display:grid;place-items:center;width:30px;height:30px}.logo svg{width:25px;height:25px;stroke-width:1.65}.wordmark-dot{color:#b75e3e}.divider{width:1px;height:21px;background:#cfd6d1;margin:0 10px}.workspace-name{font-size:14px;font-weight:400;color:#6c7771}.version{font-family:IBM Plex Mono,monospace;font-size:12px;color:#737d77}.version span{display:inline-block;margin-left:9px;padding:5px 7px;border:1px solid #d0d7d1;border-radius:4px;color:#42564a}.workspace{display:flex;flex:1;min-height:0;position:relative}.stage-area{position:relative;flex:1;min-width:0;overflow:hidden}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%}.scene-heading{position:absolute;top:31px;left:38px;z-index:2;pointer-events:none}.breadcrumb{display:flex;gap:8px;align-items:center;color:#69786f;font-family:IBM Plex Mono,monospace;font-size:12px}.breadcrumb svg{width:12px;height:12px}h1{margin:11px 0 9px;font-size:28px;font-weight:500;line-height:1.1}.object-meta{font-family:IBM Plex Mono,monospace;font-size:11px;color:#6f7e74}.object-meta span{padding:0 7px;color:#9aa79e}.scene-caption{position:absolute;bottom:31px;left:38px;display:flex;align-items:center;gap:16px;font-family:IBM Plex Mono,monospace;font-size:11px;color:#718078;pointer-events:none}.axis-mark{font-size:12px;color:#3e6150;border-right:1px solid #bec8c1;padding-right:16px}.axis-mark span{color:#99a99e;margin:0 4px}.toolbar{position:absolute;z-index:3;display:flex;align-items:center;gap:5px;left:50%;bottom:24px;transform:translate(-50%);padding:6px 8px 6px 15px;border:1px solid #d4dad4;border-radius:8px;background:#fcfcf9;box-shadow:0 4px 18px #233d3410}.live{display:flex;align-items:center;gap:8px;font-size:13px;padding-right:8px}.live svg{width:7px;height:7px;fill:#51806a;stroke:#51806a}.toolbar-divider{height:19px;width:1px;background:#dce1da;margin-right:3px}.icon-button{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:0;border-radius:5px;background:transparent}.icon-button svg{width:18px;height:18px;stroke-width:1.6}.icon-button:hover{background:#eaf0e9}.icon-button[aria-expanded=true]{background:#dfebe2;color:#276651}.device-controls{position:absolute;inset:0;pointer-events:none}.device-key{position:absolute;border:none;padding:0;background:transparent;pointer-events:auto;touch-action:manipulation}.device-key:focus-visible{outline:none}#inspector{position:absolute;right:0;top:0;bottom:0;width:308px;flex-shrink:0;display:flex;flex-direction:column;background:#f7f8f5;border-left:1px solid #cdd5ce;overflow-y:auto;z-index:5}.inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px}h2{font-size:16px;font-weight:500;margin:0}.inspector-section{margin:0 22px;padding:22px 0;border-top:1px solid #dfe4dc}.section-label{font-family:IBM Plex Mono,monospace;color:#758276;font-size:11px}#inspector-display{display:block;font-family:IBM Plex Mono,monospace;font-size:25px;margin-top:16px;overflow-wrap:anywhere}dl{display:flex;flex-direction:column;gap:17px;margin:21px 0 0;font-size:13px}dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}dt{color:#738071}dd{margin:0;text-align:right;font-family:IBM Plex Mono,monospace;font-size:12px;overflow-wrap:anywhere;min-width:0;max-width:55%}#source{text-transform:capitalize}#error-detail{font-size:13px;color:#ab452f}.events{flex:1}#event-list{list-style:none;margin:15px 0 0;padding:0}#event-list li{display:flex;align-items:center;gap:15px;min-height:34px;font-family:IBM Plex Mono,monospace;font-size:12px}.event-number{color:#9ba599;font-size:11px}.event-key{color:#4b6b56}.event-result{margin-left:auto;overflow-wrap:anywhere;min-width:0}.empty-event{color:#939d91}.inspector-footer{display:flex;justify-content:space-between;padding:17px 22px;color:#85907f;border-top:1px solid #dfe4dc;font:11px IBM Plex Mono,monospace}.statusbar{display:flex;justify-content:space-between;align-items:center;height:39px;padding:0 36px;border-top:1px solid #d0d7d1;color:#758276;font-size:11px;flex-shrink:0;background:#f5f6f3}.statusbar>span:first-child{display:flex;align-items:center;gap:8px}.statusbar>span:last-child{font-family:IBM Plex Mono,monospace;font-size:10px}.all-projects-link{margin-left:auto;color:#58665e;font:500 10px IBM Plex Mono,monospace;text-underline-offset:3px}.all-projects-link:hover{color:#253a30}.all-projects-link:focus-visible{outline:2px solid #26796a;outline-offset:4px}.status-dot{width:5px;height:5px;border-radius:50%;background:#6e947c}.footer-slash{color:#b2bdb2;margin:0 10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#render-error{position:absolute;top:45%;padding:30px;text-align:center;width:100%;color:#963c28}@media(max-width:1000px){.scene-caption{gap:10px;left:24px}.scene-caption>span:last-child{display:none}.scene-heading{left:24px}#inspector{width:280px}}@media(max-width:700px){.topbar{height:64px;padding:0 20px}#world-stage{top:64px}.identity{font-size:21px;gap:8px}.divider,.workspace-name{display:none}.version{font-size:10px}.scene-heading{top:24px;left:22px}h1{font-size:24px}.statusbar{padding:0 20px}.statusbar>span:nth-child(2){display:none}.scene-caption{bottom:35px;left:22px}#inspector{position:absolute;right:0;top:0;bottom:0;width:min(308px,86vw);box-shadow:-10px 0 40px #24362c18}.toolbar{bottom:24px}.overview-connection{font-size:0;gap:0}.overview-connection svg{width:9px;height:9px}.desk-device-target span{padding:5px 4px;font-size:10px;white-space:nowrap;max-width:none}}@media(max-height:660px)and (min-width:701px){.scene-heading{top:20px}.topbar{height:60px}h1{font-size:24px}}@media(max-height:660px)and (min-width:701px){#world-stage{top:60px}}@media(prefers-reduced-motion:reduce){.view-shell .scene-heading,.view-shell .scene-caption,.view-shell .toolbar,.desk-device-controls{transition:none}}.pad-software-screen{position:absolute;top:0;left:0;width:800px;height:480px;border:0;transform-origin:0 0;z-index:1;background:#d0d4d6;border-radius:3px;box-sizing:content-box}.device-controls{z-index:2}.pad-software-screen{transition:filter .45s ease}@media(prefers-reduced-motion:reduce){.pad-software-screen{transition:none}}.device-knob{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.device-knob.turning{cursor:grabbing}.device-knob:focus-visible{outline:2px solid #ed3557;outline-offset:3px}.knob-help{position:absolute;bottom:82px;left:32px;right:24px;font-size:12px;color:#52615a;pointer-events:none}.pad-mode .knob-help{max-width:360px}@media(max-width:700px){.knob-help{left:18px;bottom:80px;font-size:11px;max-width:230px}}