.page_container__5UvV1{display:flex;gap:2rem;width:100%;min-width:30rem;justify-content:flex-start;align-items:flex-start;--background-color:#f3f4f627}.page_canvas__g6AEn{flex:1}.page_canvas__g6AEn,.page_constraintsArea_____OV{aspect-ratio:16/10;position:relative;background-color:var(--background-color);overflow:hidden}.page_movableElement__hmvLB{position:absolute;width:30%;aspect-ratio:16/10;background-color:#ef4444;border-radius:1rem;transition:transform .1s ease-out}.page_draggableItem__V2AiN{width:30%;aspect-ratio:16/10;background-color:#ef4444;cursor:grab;border-radius:.25rem;z-index:999}.page_draggableItem__V2AiN:active{cursor:grabbing}.page_shapeLandscape__IxJeb{aspect-ratio:16/10}.page_shapePortrait__1eerE{aspect-ratio:10/16}.page_shapeSquare__dRyz7{aspect-ratio:1/1}.page_shapeCircle__KFvC1{aspect-ratio:1/1;border-radius:50%!important}.page_snapPoint__3sMyD{position:absolute;width:30%;aspect-ratio:16/10;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:.25rem;transition:all .2s ease;cursor:pointer;pointer-events:auto}.page_snapPoint__3sMyD:hover{background-color:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}.page_snapPoint__3sMyD.page_snapPointActive__lGOQ3{background-color:rgba(239,68,68,.35);border:2px solid rgba(239,68,68,.6);box-shadow:0 0 0 1px rgba(239,68,68,.2)}.page_snapLabel__VhgVh{position:absolute;font-size:.6rem;color:hsla(0,0%,100%,.5);top:12px;left:50%;transform:translateX(-50%);pointer-events:none;user-select:none;font-family:monospace}.page_instructions__Yca2f{padding:.5rem 0}.page_input__3HiPG,.page_instructions__Yca2f{display:flex;flex-direction:column;gap:.25rem}.page_shapeSelector__2PStE{margin-top:1rem;padding:.5rem 0}.page_shapeSelector__2PStE p{margin:0 0 .5rem;font-size:.9rem;font-weight:500}.page_radioGroup__Ek5Y_{display:flex;flex-wrap:wrap;gap:.75rem}.page_radioLabel__gZydm{display:flex;align-items:center;gap:.25rem;font-size:.85rem;cursor:pointer}.page_radioLabel__gZydm input{cursor:pointer}.page_scaleControl__yUouF{margin-top:1rem;padding:.5rem 0}.page_scaleControl__yUouF p{margin:0 0 .5rem;font-size:.9rem;font-weight:500}.page_sliderContainer__aWzyI{width:100%;padding:0 .25rem}.page_slider__uaYGw{width:100%;margin-left:-.25rem}