.cp-sandbox{--ink:#173b47;--line:#bccbc4;--paper:#f7f8f3;color:var(--ink);background:var(--paper);max-width:1440px;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));box-sizing:border-box;margin:auto;font:16px/1.45 system-ui,-apple-system,sans-serif}.cp-sandbox *{box-sizing:border-box}.cp-sandbox h1{margin:0;font-size:1.3rem}.cp-sandbox h2{margin:.5rem 0;font-size:1rem}.cp-sandbox p{margin:.35rem 0}.cp-sandbox button,.cp-sandbox select,.cp-sandbox input{font:inherit;color:inherit}.cp-sandbox button,.cp-sandbox select{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:44px;padding:8px 12px}.cp-sandbox button{cursor:pointer}.cp-sandbox button[aria-pressed=true]{color:#fff;background:#173b47}.cp-sandbox button:disabled{opacity:.55;cursor:default}.cp-sandbox :focus-visible{outline-offset:3px;outline:3px solid #007c9b}.cp-sandbox label{flex-direction:column;gap:3px;display:flex}.cp-sandbox input[type=range]{accent-color:#00667b;width:100%;min-height:44px;margin:0}.cp-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.cp-tag{white-space:nowrap;background:#dce8dd;border-radius:4px;padding:3px 7px;font-size:.8rem;font-weight:700}.cp-context{font-size:.88rem}.cp-grid{gap:10px;display:grid}.cp-stage{min-width:0}.cp-toolbar{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.cp-toolbar>label{flex:1;min-width:130px}.cp-toolbar>button{flex:none}.cp-canvas-wrap{height:clamp(300px,49svh,650px);border:1px solid var(--line);background:#edf1e9;border-radius:8px;height:clamp(300px,49dvh,650px);position:relative;overflow:hidden}.cp-canvas-wrap canvas{touch-action:none;width:100%;height:100%;display:block}.cp-status{background:#e8eee6;border-left:4px solid #527565;min-height:44px;padding:6px 9px}.cp-status[data-status=violated]{background:#fbede5;border-color:#a14b2b}.cp-status[data-status=unknown]{background:#f4f0de;border-color:#9b771c}.cp-status strong{display:block}.cp-controls{align-content:start;gap:8px;min-width:0;display:grid}.cp-controls details{border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 10px}.cp-controls summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:650}.cp-controls details>div{padding:0 0 10px}.cp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp-row>*{flex:1;min-width:0}.cp-coordinate{grid-template-columns:1fr;gap:3px;margin-top:8px;display:grid}.cp-coordinate label>span{justify-content:space-between;gap:8px;display:flex}.cp-description{color:#405d65;font-size:.88rem}.cp-inspector{overflow-wrap:anywhere}.cp-inspector dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px;margin:8px 0;display:grid}.cp-inspector dt,.cp-inspector dd{margin:0}.cp-inspector dd{text-align:right;font-variant-numeric:tabular-nums}.cp-diagnostics{margin:8px 0;padding-left:20px}.cp-phase-list{flex-wrap:wrap;gap:5px;padding:0;list-style:none;display:flex}.cp-phase-list li{border:1px solid var(--line);border-radius:4px;padding:4px 7px}.cp-phase-list li[data-status=violated]{border-color:#a14b2b}.cp-phase-list li[data-status=unknown]{border-style:dashed}.cp-help{color:#405d65;font-size:.85rem}.cp-hidden{display:none!important}@media (min-width:850px),(orientation:landscape) and (min-width:640px){.cp-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start}.cp-canvas-wrap{height:clamp(320px,73svh,800px);height:clamp(320px,73dvh,800px)}.cp-controls{max-height:78dvh;padding:2px 4px 6px;overflow:auto}.cp-context{max-width:75ch}}@media (orientation:landscape) and (max-height:500px){.cp-canvas-wrap{height:70dvh;min-height:240px}.cp-context{font-size:.8rem}.cp-header h1{font-size:1.1rem}.cp-controls{max-height:85dvh}}@media (prefers-reduced-motion:reduce){.cp-sandbox *{scroll-behavior:auto}}.cp-toolbar{align-items:end}.cp-toolbar>button{align-self:end;height:44px;min-height:44px}.cp-toolbar select{height:44px}.cp-status{margin-top:6px}@media (max-width:849px){.cp-header h1{font-size:1.1rem}.cp-tag{font-size:.72rem}.cp-context{margin:3px 0;font-size:.8rem;line-height:1.3}.cp-toolbar{margin:6px 0}.cp-toolbar>label{font-size:.8rem;line-height:1.3}.cp-toolbar select{font-size:1rem}.cp-scene-subtitle{display:none}}@media (max-width:849px) and (orientation:portrait){.cp-sandbox{--cp-editor-wall:clamp(250px,36dvh,360px);--cp-wall-top:max(6px,env(safe-area-inset-top))}.cp-grid{gap:6px}.cp-stage{display:contents}.cp-toolbar{margin:0}.cp-canvas-wrap{top:var(--cp-wall-top);z-index:2;height:var(--cp-editor-wall);align-self:start;position:sticky}.cp-controls{max-height:none;padding:0;overflow:visible}.cp-controls :is(summary,label,input,select,button){scroll-margin-top:calc(var(--cp-editor-wall) + var(--cp-wall-top) + 12px)}html:has(.cp-sandbox){scroll-padding-top:calc(clamp(250px,36dvh,360px) + max(6px,env(safe-area-inset-top)) + 12px)}}.cp-sandbox[data-analysis=false] .cp-grid{grid-template-columns:minmax(0,1fr)}.cp-play-controls{gap:4px;margin-top:6px;display:grid}.cp-overlap{background:#e7f2f1;border:1px solid #6b929d;border-radius:7px;padding:8px}.cp-overlap button{margin:3px}.cp-overlap p{font-size:.9rem}@media (max-width:849px) and (orientation:portrait){.cp-sandbox[data-analysis=false]{--cp-editor-wall:clamp(300px,52dvh,580px)}html:has(.cp-sandbox[data-analysis=false]){scroll-padding-top:calc(clamp(300px,52dvh,580px) + max(6px,env(safe-area-inset-top)) + 12px)}.cp-toolbar>label{min-width:110px}.cp-toolbar>button{padding-inline:10px}}.cp-sandbox[data-analysis=false] .cp-scene-subtitle{display:none}.cp-canvas-wrap canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cp-sandbox{--paper:#fbfaf4;--ink:#233e45;--line:#c5d0c4}.cp-header h1{letter-spacing:-.025em;font-weight:780}.cp-tag{color:#41634b;background:#e4eddf}.cp-objective{background:#edf1e6;border:1px solid #d0dcc8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin:6px 0;padding:8px 10px;display:grid}.cp-objective strong{color:#496047;font-size:.86rem}.cp-objective p{margin:2px 0;font-size:.88rem}.cp-objective>[data-ui=hint]{border-top:1px solid #d0dcc8;grid-column:1/-1;padding-top:6px}.cp-objective button{min-width:52px}.cp-completion{background:#e4f0df;border:1px solid #9cbb95;border-radius:9px;margin-top:8px;padding:12px}.cp-completion strong{color:#315c3c;font-size:1.1rem}.cp-completion p{font-size:.9rem}.cp-sandbox button{box-shadow:0 1px #233e4508}.cp-sandbox button[aria-pressed=true]{background:#276674}.cp-canvas-wrap{border-color:#bcc9b6;box-shadow:inset 0 0 0 1px #fff8}@media (max-width:849px) and (orientation:portrait){.cp-objective{margin:0}.cp-objective p{line-height:1.3}}.cp-depth-ends{color:#516657;justify-content:space-between;margin-top:-5px;font-size:.8rem;display:flex}.cp-sandbox[data-analysis=false] [data-ui=depth] output{display:none}:is(html:has(.cp-sandbox),body:has(.cp-sandbox)){overscroll-behavior:none;width:100%;height:100%;margin:0;scroll-padding:0;overflow:hidden}.cp-sandbox{width:100%;height:100vh;max-width:none;height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);isolation:isolate;margin:0;position:fixed;inset:0 auto auto 0;overflow:hidden}.cp-sandbox>.cp-header,.cp-sandbox>.cp-context{display:none}.cp-grid,.cp-stage{position:absolute;inset:0;overflow:hidden;display:block!important}.cp-stage>.cp-toolbar,.cp-stage>.cp-scene-subtitle{display:none}.cp-canvas-wrap{width:100%;box-shadow:none;z-index:0;border:0;border-radius:0;inset:0;height:100%!important;min-height:0!important;position:absolute!important;top:0!important}.cp-canvas-wrap canvas{width:100%;height:100%;display:block}.cp-hud{top:calc(env(safe-area-inset-top,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.cp-hud-buttons{pointer-events:auto;flex-shrink:0;gap:5px;display:flex}.cp-hud-buttons button{background:#fffdf5f2;min-width:44px;height:44px;padding:6px 9px;box-shadow:0 2px 10px #28453618}.cp-hud .cp-objective{pointer-events:none;background:#fffdf5e8;border:0;min-width:0;max-width:250px;margin:0;padding:6px 8px;display:block;box-shadow:0 2px 10px #2845360e}.cp-hud .cp-objective strong{font-size:.9rem}.cp-hud .cp-objective p{margin-top:3px;font-size:.74rem;line-height:1.25}.cp-play-controls{left:calc(env(safe-area-inset-left,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:6;background:#fffdf5f0;border:1px solid #c5d0c4;border-radius:12px;gap:3px;max-width:430px;margin:0 auto;padding:7px 9px;display:grid;position:absolute;box-shadow:0 3px 18px #26443216}.cp-target-row{align-items:flex-end;gap:8px;display:flex}.cp-target-row>label{flex:1;min-width:0;font-size:.72rem;line-height:1.1}.cp-target-row select{width:100%;height:44px;font-size:1rem}.cp-target-row button{flex-shrink:0;height:44px;padding:8px 10px}.cp-sandbox[data-joint-selected=true] .cp-target-row button{padding-inline:8px;font-size:.875rem}.cp-play-controls .cp-coordinate{gap:0;margin:0}.cp-play-controls [data-ui=depth] label>span{font-size:.75rem;line-height:1.1}.cp-play-controls input[type=range]{height:44px;min-height:44px}.cp-depth-ends{margin-top:-4px;font-size:.7rem;line-height:1.1}.cp-play-controls .cp-status{background:0 0;border:0;min-height:0;margin:0;padding:2px 0 0;font-size:.76rem;line-height:1.15;position:relative}.cp-play-controls .cp-status span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cp-play-controls [data-ui=gesture]{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;line-height:1.2;overflow:hidden}.cp-sandbox[data-complete=true] .cp-target-row,.cp-sandbox[data-complete=true] [data-ui=depth],.cp-sandbox[data-complete=true] .cp-status,.cp-sandbox[data-complete=true] [data-ui=gesture]{display:none}.cp-completion{background:0 0;border:0;border-radius:0;margin:0;padding:3px 2px}.cp-completion strong{font-size:1rem}.cp-completion p{font-size:.8rem;line-height:1.25}.cp-completion button{margin-top:3px}.cp-camera-tools{right:calc(env(safe-area-inset-right,0px) + 10px);top:calc(env(safe-area-inset-top,0px) + 58px);z-index:7;width:min(340px,calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 20px));background:#fffdf5f5;border:1px solid #c5d0c4;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;margin:0;padding:6px;display:flex;position:absolute!important}.cp-camera-tools>button{min-width:44px;min-height:44px;padding:7px 9px}.cp-camera-angle{flex:1 0 100%;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-width:0;padding:2px 5px;font-size:.82rem;line-height:1.2;display:grid!important}.cp-camera-angle>span{justify-content:space-between;gap:8px;display:flex}.cp-camera-angle output{font-variant-numeric:tabular-nums}.cp-camera-angle input[type=range]{grid-column:1/-1;height:44px;min-height:44px;margin:0}.cp-overlap{left:calc(env(safe-area-inset-left,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);top:calc(env(safe-area-inset-top,0px) + 85px);z-index:8;max-width:430px;margin:auto;position:absolute;box-shadow:0 2px 16px #26443222}.cp-menu{box-sizing:border-box;width:min(600px,calc(var(--cp-viewport-width,100vw) - 20px));max-height:calc(var(--cp-viewport-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px);color:#233e45;touch-action:pan-y pinch-zoom;background:#fbfaf4;border:1px solid #b7c6b3;border-radius:14px;margin:0;padding:0;position:fixed;inset:auto;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 12px 60px #173b4744}.cp-menu::backdrop{background:#193c4666}.cp-menu-heading{border-bottom:1px solid #d3ddce;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.cp-menu-heading h2{margin:0;font-size:1.05rem}.cp-menu-heading button{min-width:60px}.cp-menu-body{max-height:calc(var(--cp-viewport-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 100px);overscroll-behavior:contain;gap:10px;padding:12px;display:grid;overflow:auto}.cp-menu-navigation{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.cp-menu-navigation>label{flex:1;min-width:150px}.cp-menu-navigation select{width:100%}.cp-menu-navigation>button{height:44px}.cp-menu details{background:#fff;border:1px solid #c5d0c4;border-radius:8px;padding:0 10px}.cp-menu summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:650}.cp-menu details>p{margin:4px 0 10px;font-size:.9rem}.cp-menu details>button{margin:3px 6px 9px 0}.cp-menu [data-ui=hint]{white-space:normal;font-size:.9rem}.cp-menu .cp-controls{min-width:0;max-height:none;padding:0;display:grid;position:static;overflow:visible}.cp-menu .cp-controls.cp-hidden{display:none!important}.cp-menu-objective{font-size:.95rem;font-weight:600}.cp-hold-legend{gap:7px;padding:4px 0 12px;display:grid}.cp-legend-row{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;display:grid}.cp-legend-row canvas{width:64px;height:56px;display:block}.cp-legend-row strong{font-size:.95rem}.cp-legend-row p{margin:2px 0;font-size:.84rem;line-height:1.3}@media (orientation:landscape) and (min-width:640px){.cp-play-controls{left:auto;right:calc(env(safe-area-inset-right,0px) + 10px);width:250px;max-width:34vw;bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}.cp-hud .cp-objective{max-width:320px}.cp-menu{width:min(720px,calc(var(--cp-viewport-width,100vw) - 30px))}.cp-hold-legend{grid-template-columns:1fr 1fr}}.cp-target-row>label{gap:0;font-size:0;line-height:0}.cp-target-row select{line-height:normal}.cp-play-controls [data-ui=depth] label{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:4px;display:grid}.cp-play-controls .cp-depth-ends{margin-top:-6px;margin-left:88px}.cp-play-controls .cp-status[data-explain=true] span{-webkit-line-clamp:2;clip-path:none;width:auto;height:auto;max-height:2.6em;box-shadow:none;color:#76552c;background:0 0;border:0;border-radius:0;-webkit-box-orient:vertical;margin-top:3px;padding:0;font-size:.8rem;line-height:1.3;display:-webkit-box;position:static;overflow:hidden}.cp-sandbox button,.cp-sandbox select{touch-action:manipulation}.cp-menu :is(summary,label,input,select,button){scroll-margin-top:8px;scroll-margin-bottom:8px}html:has(.cp-sandbox[data-analysis]){scroll-padding:0}.cp-menu [data-ui=hint]:not(.cp-hidden){background:#edf1e6;border-radius:6px;padding:8px 10px}.cp-orbit-controls{left:calc(env(safe-area-inset-left,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + var(--cp-play-dock-height,150px) + 16px);z-index:7;background:#fffdf5ed;border:1px solid #c5d0c4;border-radius:9px;align-items:center;gap:6px;max-width:430px;margin:0 auto;padding:3px 6px;display:flex;position:absolute;box-shadow:0 2px 10px #28453612}.cp-orbit-controls .cp-camera-angle{flex:auto;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:6px;padding:0;font-size:.72rem;display:grid!important}.cp-orbit-controls .cp-camera-angle>span{gap:1px;line-height:1.1;display:grid}.cp-orbit-controls .cp-camera-angle input[type=range]{touch-action:none;grid-column:auto;width:100%;min-width:80px;height:44px;min-height:44px;margin:0}.cp-orbit-controls button{min-width:52px;height:44px;min-height:44px;padding:6px 8px;font-size:.8rem}@media (orientation:landscape) and (min-width:640px){.cp-orbit-controls{right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);width:min(360px,calc(100% - var(--cp-play-dock-width,250px) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 40px));margin:0}}.cp-play-controls .cp-status[data-state-feedback=true] span{-webkit-line-clamp:2;clip-path:none;-webkit-box-orient:vertical;width:auto;height:auto;max-height:2.6em;margin-top:3px;font-size:.76rem;line-height:1.3;display:-webkit-box;position:static;overflow:hidden}.cp-sandbox[data-starting-setup=true] .cp-target-row{flex-wrap:wrap}.cp-sandbox[data-starting-setup=true] .cp-target-row>label{flex-basis:calc(100% - 120px)}.cp-menu [data-ui=opControls]>label{flex-direction:row;align-items:center;gap:8px;min-height:44px}.cp-menu [data-ui=opControls] input[type=checkbox]{flex:0 0 24px;width:24px;height:24px}.cp-menu [data-ui=opParameters]{gap:8px;min-width:0;display:grid}.cp-menu [data-ui=opParameters] input{border:1px solid #b7c6b3;border-radius:7px;width:100%;min-width:0;min-height:44px;padding:8px;font-size:16px}.cp-family .cp-hud{flex-wrap:wrap;gap:4px}.cp-family .cp-hud .cp-objective{flex-basis:100%;max-width:none}.cp-family .cp-hud-buttons{margin-left:auto}.cp-family .cp-play-controls{gap:2px}.cp-family .cp-play-controls [data-ui=depth] output{display:none}.cp-family-info{font-size:.9rem;line-height:1.4}.cp-family-info h3{margin:0 0 8px;font-size:1rem}.cp-family-info p{margin:0 0 10px}.cp-family .cp-camera-tools{top:calc(env(safe-area-inset-top,0px) + 110px)}.cp-family-note{color:#536659;margin-top:3px;font-size:.65rem;line-height:1.2;display:block}.cp-family .cp-camera-tools .cp-orbit-controls{box-sizing:border-box;width:100%;max-width:none;box-shadow:none;flex-basis:100%;margin:0;position:static}