.page_container__vWk8z{display:flex;gap:2rem;width:100%;min-width:30rem;justify-content:flex-start;align-items:flex-start;--background-color:#f3f4f627}.page_canvasContainer__K7y85{position:relative;width:100%;height:100%}.page_canvas__KkVjq{position:relative;width:100%;aspect-ratio:16/10;background-color:var(--background-color);border-radius:8px;overflow:hidden}.page_canvas__KkVjq.page_dragOver__twVyv{border:2px dashed #3b82f6;background-color:rgba(59,130,246,.1)}.page_constraintsArea__EgiUL{position:relative;aspect-ratio:16/10;background-color:var(--background-color);overflow:hidden;border-radius:.4rem;margin:.1rem;outline:.1rem solid var(--background-color)}.page_draggableItem___42w_{aspect-ratio:16/10;background-color:#ef4444;cursor:grab;border-radius:.25rem;z-index:999}.page_draggableItem___42w_:active{cursor:grabbing}.page_shapeLandscape__3OcWf{aspect-ratio:16/10}.page_shapePortrait__AXVl2{aspect-ratio:10/16}.page_shapeSquare__om9_i{aspect-ratio:1/1}.page_shapeCircle__udg26{aspect-ratio:1/1;border-radius:50%!important}.page_snapPoint__gCICk{position:absolute;width:30%;aspect-ratio:16/10;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);transition:background-color .2s ease,border-color .2s ease;cursor:pointer;pointer-events:auto}.page_snapPoint__gCICk[data-snapoint-overlap=true]{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}.page_snapPoint__gCICk:hover{background-color:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}.page_snapPoint__gCICk.page_snapPointActive___J8WF{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__myu_J{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__IDGfK{padding:.5rem 0;font-size:.8rem}.page_input__5QcnR,.page_instructions__IDGfK{display:flex;flex-direction:column;gap:.25rem}.page_shapeSelector__w_a8C{margin-top:1rem;padding:.5rem 0}.page_shapeSelector__w_a8C p{margin:0 0 .5rem;font-size:.9rem;font-weight:500}.page_radioGroup__aW3rz{display:flex;flex-wrap:wrap;gap:.25rem 1rem}.page_radioLabel__LlhLa{display:flex;align-items:center;gap:.25rem;font-size:.85rem;cursor:pointer}.page_radioLabel__LlhLa[data-disabled=true]{opacity:.5;cursor:not-allowed}.page_radioLabel__LlhLa input{cursor:pointer}.page_scaleControl__3W3po{margin-top:1rem;padding:.5rem 0}.page_scaleControl__3W3po p{margin:0 0 .5rem;font-size:.9rem;font-weight:500}.page_sliderContainer__NBZSa{width:100%;padding:0 .25rem}.page_slider__ar300{width:100%;margin-left:-.25rem}.page_multipleElements__cfwNN{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 0}.page_ghostContainer__5XUW4{position:absolute;aspect-ratio:16/10;display:flex;gap:.5rem}.page_ghostElement__7Ry6_{width:100%;height:100%;aspect-ratio:16/10;background-color:rgba(239,68,68,.35);border:2px solid rgba(239,68,68,.6);border-radius:.5rem}.page_movableElement__eZ4Kf{aspect-ratio:16/10;background-color:rgba(239,68,68,.8862745098);border-radius:.5rem}.page_snapshotButton__Ocd4j{left:0;margin-top:1rem}.page_dragOverlay__lB6Cu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.7);z-index:1000;pointer-events:none;border-radius:8px}.page_dragOverlay__lB6Cu p{font-size:1.5rem;font-weight:700;color:#3b82f6}.page_buttonControls__cnBhY{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}