.rendering-cube{--lab-slider-label-margin: .75rem 0 0}.rendering-cube .lab-secondary-button{font:revert;font-weight:700}.rendering-cube .lab-stage:before{content:"drag to rotate";position:absolute;top:1rem;right:1rem;z-index:1;border:1px solid rgba(var(--lab-border-rgb),.18);border-radius:999px;padding:.35rem .6rem;background:rgba(var(--lab-surface-rgb),.66);color:rgba(var(--lab-text-rgb),.72);font-size:.76rem;line-height:1;pointer-events:none;backdrop-filter:blur(10px)}.rendering-cube .lab-canvas{height:clamp(330px,54vw,560px);touch-action:none;cursor:grab}.rendering-cube .lab-canvas:active{cursor:grabbing}.collision-lab{--lab-slider-label-margin: .75rem 0 0;--lab-primary-disabled-opacity: .35}.collision-lab .lab-secondary-button{font:revert;font-weight:700}.collision-lab .lab-primary-button{margin-bottom:.45rem}.collision-lab .lab-canvas{height:clamp(330px,54vw,560px);touch-action:none;cursor:grab}.collision-lab .lab-canvas:active{cursor:grabbing}.collision-lab .collision-status{position:absolute;top:1rem;right:1rem;z-index:2;display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.42rem .7rem;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(12px)}.collision-lab .collision-status.colliding{border:1px solid rgba(248,113,113,.34);background:#7f1d1d47;color:#fecacaf2}.collision-lab .collision-status.separated{border:1px solid rgba(134,239,172,.28);background:#14532d40;color:#bbf7d0f2}.collision-lab .status-dot{width:.48rem;height:.48rem;border-radius:999px;background:currentColor;box-shadow:0 0 .7rem currentColor}.collision-lab .axis-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.collision-lab .axis-button{border:1px solid rgba(var(--lab-border-rgb),.17);border-radius:.7rem;padding:.42rem .6rem;background:rgba(var(--lab-input-rgb),.72);color:rgba(var(--lab-text-rgb),.74);font:inherit;font-size:.82rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.collision-lab .axis-button:hover{border-color:rgba(var(--lab-cyan-rgb),.48);color:rgba(var(--lab-bright-rgb),.94)}.collision-lab .axis-button.active{border-color:rgba(var(--lab-cyan-rgb),.7);background:linear-gradient(135deg,rgba(var(--lab-cyan-rgb),.2),rgba(var(--lab-lilac-rgb),.14)),#0f162cdb;color:rgba(var(--lab-bright-rgb),.96)}.collision-lab .axis-button.separating{border-color:#f871716b;color:#fecacae6}.collision-lab .axis-result{margin:.75rem 0 0;color:rgba(var(--lab-text-rgb),.74);font-size:.88rem}.collision-lab .axis-description{margin:.25rem 0 0;color:rgba(var(--lab-text-rgb),.5);font-size:.8rem}.pathfinding-demo{--lab-slider-label-margin: .75rem 0 0}.pathfinding-demo .lab-primary-button,.pathfinding-demo .lab-secondary-button{margin-bottom:.45rem;color:rgba(var(--lab-label-rgb),.84);transition:border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease}.pathfinding-demo .lab-secondary-button{border-color:rgba(var(--lab-border-rgb),.18);padding:.62rem .75rem}.pathfinding-demo .lab-canvas{height:clamp(390px,54vw,560px);touch-action:none;cursor:crosshair}.pathfinding-demo .pathfinding-status{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;gap:.45rem;max-width:calc(100% - 2rem);border:1px solid rgba(var(--lab-border-rgb),.18);border-radius:999px;padding:.4rem .65rem;background:rgba(var(--lab-surface-rgb),.72);color:rgba(var(--lab-text-rgb),.78);font-size:.76rem;line-height:1.1;backdrop-filter:blur(10px)}.pathfinding-demo .status-dot{width:.48rem;height:.48rem;flex:0 0 auto;border-radius:999px;background:#86eface6}.pathfinding-demo .status-dot.running{background:rgba(var(--lab-lilac-rgb),.96);box-shadow:0 0 .75rem rgba(var(--lab-lilac-rgb),.8)}.pathfinding-demo .button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.pathfinding-demo .choice-button{border:1px solid rgba(var(--lab-border-rgb),.18);border-radius:.8rem;padding:.62rem .75rem;color:rgba(var(--lab-label-rgb),.84);font:inherit;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease;background:rgba(var(--lab-input-rgb),.78)}.pathfinding-demo .choice-button:hover{border-color:rgba(var(--lab-cyan-rgb),.46);color:rgba(var(--lab-bright-rgb),.96)}.pathfinding-demo .choice-button.active{border-color:rgba(var(--lab-cyan-rgb),.68);background:linear-gradient(135deg,rgba(var(--lab-cyan-rgb),.18),rgba(var(--lab-lilac-rgb),.15)),#0f162ce6;color:rgba(var(--lab-bright-rgb),.96)}