.depth-playground-page,.depth-playground-tool{background:#0b0b0f;width:100%;min-height:100vh}.depth-playground-tool{box-sizing:border-box;color:#f8f8ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:max(1rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) max(2rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));font-family:system-ui,-apple-system,Segoe UI,sans-serif}.depth-playground-stage{aspect-ratio:16/27;background:#050507;border:1px solid #ffffff1f;border-radius:1rem;width:min(100%,62rem);margin:1rem auto 0;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #00000052}.depth-playground-tool .stage-config-toggle{top:.75rem;right:.75rem}.depth-playground-tool .immersive-config-panel{max-height:min(70svh,32rem);top:4.15rem;right:.75rem}.depth-playground-tool canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.depth-playground-tool video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.depth-playground-intro{width:min(100%,62rem);margin:.5rem auto .8rem}.depth-playground-intro .tool-summary{max-width:48rem}.depth-playground-source{color:var(--accent);align-self:flex-end;text-decoration:none}.depth-playground-source:hover{color:#fff}.depth-playground-setup{background:#11152bb8;border-radius:1rem;width:min(100%,62rem);margin:0 auto .8rem;padding:.9rem clamp(1rem,2.2vw,1.4rem)}.depth-playground-setup-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.7rem;display:flex}.depth-playground-setup-heading span{color:var(--accent);letter-spacing:.16em;font-size:.64rem;font-weight:950}.depth-playground-setup-heading strong{color:#fff;font-size:.95rem}.depth-playground-tool .chooser{display:block;position:static}.depth-playground-tool .chooser-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.8rem;width:100%;display:grid}.depth-playground-tool .chooser-group{min-width:0}.depth-playground-tool .chooser-heading{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .38rem;font-size:.63rem;font-weight:950}.depth-playground-tool .chooser-row{flex-wrap:wrap;gap:.4rem;display:flex}.depth-playground-tool .chooser-row button{color:#e8eaff;cursor:pointer;background:#0508148f;border:1px solid #ffffff29;border-radius:.65rem;min-height:2.15rem;padding:.42rem .7rem;font-size:.76rem;font-weight:800}.depth-playground-tool .chooser-row button:hover{background:#162f37b8;border-color:#a7ffe194}.depth-playground-tool .chooser-row button.selected{color:#061912;background:linear-gradient(135deg,#a7ffe1,#79f5c8);border-color:#a7ffe1db;box-shadow:0 0 0 1px #a7ffe12e,0 .45rem 1.2rem #2bbb9433}.depth-playground-tool .start-button{color:#061912;cursor:pointer;background:linear-gradient(135deg,#a7ffe1,#9276ff);border:0;border-radius:.65rem;min-width:5.8rem;min-height:2.15rem;padding:.42rem .85rem;font-size:.76rem;font-weight:950}.depth-playground-tool .start-button:hover{filter:brightness(1.08)}.depth-playground-tool .chooser-error{grid-column:1/-1;min-height:1.2em}.depth-playground-stage-label{z-index:1;color:#ffffffdb;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#0505079e;border:1px solid #ffffff2e;border-radius:.35rem;padding:.25rem .45rem;font-size:.66rem;font-weight:750;position:absolute;left:.75rem}.depth-playground-stage-label--camera{top:.75rem}.depth-playground-stage-label--depth{top:calc(33.333% + .75rem)}.depth-playground-stage-label--normals{top:calc(66.666% + .75rem)}.depth-playground-stage-fps{z-index:1;color:#ffffffdb;font-variant-numeric:tabular-nums;letter-spacing:.04em;pointer-events:none;background:#0505079e;border:1px solid #ffffff2e;border-radius:.35rem;padding:.25rem .45rem;font-size:.66rem;font-weight:750;position:absolute;right:.75rem}.depth-playground-stage-fps--camera{top:.75rem}.depth-playground-stage-fps--depth{top:calc(33.333% + .75rem)}.depth-playground-stage-fps--normals{top:calc(66.666% + .75rem)}.depth-playground-config-gui{min-width:0}.depth-playground-config-gui .lil-gui.lil-root{width:100%;max-width:none;box-shadow:none;border:0;border-radius:.65rem;position:relative;inset:auto}.depth-playground-config-gui .lil-gui.lil-root>.lil-title{display:none}.depth-playground-config-gui .lil-controller{min-height:2rem}.depth-playground-config-gui .lil-controller .lil-name,.depth-playground-config-gui .lil-controller .lil-widget{font-size:.72rem}.depth-playground-config-gui .lil-controller button{min-height:1.9rem}.depth-playground-config-gui .lil-controller.lil-function button{color:#07130f;background:#a7ffe1}.depth-playground-config-gui .lil-controller.lil-function button:hover{background:#d4fff0}.depth-playground-config-gui .lil-controller.lil-disabled{opacity:.62}.depth-playground-config-gui .lil-controller.lil-disabled .lil-name,.depth-playground-config-gui .lil-controller.lil-disabled .lil-widget{color:#ffffffa3}.depth-playground-tool .status{z-index:22;pointer-events:none;background:#ffffffb8;place-content:center;justify-items:center;gap:.75rem;display:grid;position:fixed;inset:0}.depth-playground-tool .status[hidden],.depth-playground-tool .chooser[hidden]{display:none}.depth-playground-tool .spinner{border:3px solid #cbd5e1;border-top-color:#1d72f0;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite depth-playground-spin}@keyframes depth-playground-spin{to{transform:rotate(360deg)}}.depth-playground-tool .status-message,.depth-playground-tool .chooser-error{color:#64748b;margin:0;font-size:.875rem}.depth-playground-tool .status[data-tone=error] .spinner{display:none}.depth-playground-tool .status[data-tone=error] .status-message,.depth-playground-tool .chooser-error{color:#b42318}body.is-depth-playground-tool .site-header,body.is-depth-playground-tool footer{display:none}body.is-depth-playground-tool{overflow:hidden auto}html:has(body.is-depth-playground-tool){overflow:hidden auto}body.is-depth-playground-tool main{width:100%;height:auto;min-height:100vh;margin:0;position:static;overflow:visible}@media (max-width:600px){.depth-playground-tool{padding-inline:max(.75rem, env(safe-area-inset-left,0px)) max(.75rem, env(safe-area-inset-right,0px))}.depth-playground-intro{display:block}.depth-playground-source{margin-top:.55rem;display:inline-block}.depth-playground-intro .tool-summary{overflow-wrap:anywhere}.depth-playground-stage-label{font-size:.68rem}.depth-playground-setup-heading{display:block}.depth-playground-setup-heading strong{margin-top:.2rem;display:block}.depth-playground-tool .chooser-panel{grid-template-columns:1fr}.depth-playground-tool .start-button{width:100%}}