._room_ilv4h_3{min-width:0;position:relative}._frame_ilv4h_7{isolation:isolate;width:var(--canvas-w,100%);max-width:100%;transition:width var(--pui-motion-out) var(--pui-ease-drawer);margin-inline:auto;position:relative}._frame_ilv4h_7[data-held]{-webkit-user-select:none;user-select:none;transition:none}._grip_ilv4h_22{z-index:2;touch-action:none;outline:none;position:absolute}._edge_ilv4h_28{cursor:col-resize;width:20px;inset-block:12px;inset-inline-end:-10px}._bottom_ilv4h_34{inset-inline:12px;cursor:row-resize;height:20px;bottom:-10px}._corner_ilv4h_40{inset-inline-end:-10px;cursor:nwse-resize;width:22px;height:22px;bottom:-10px}:dir(rtl) ._corner_ilv4h_40{cursor:nesw-resize}._edge_ilv4h_28:after,._bottom_ilv4h_34:after{content:"";border-radius:var(--pui-radius-pill);background:var(--pui-line-strong);opacity:0;transition:opacity var(--pui-motion-out) var(--pui-ease-default), background-color var(--pui-motion-out) var(--pui-ease-default), scale var(--pui-motion-out) var(--pui-ease-default);position:absolute;inset:50% auto auto 50%;translate:-50% -50%}._edge_ilv4h_28:after{width:4px;height:32px}._bottom_ilv4h_34:after{width:32px;height:4px}._frame_ilv4h_7:where(:hover,:has(._grip_ilv4h_22:focus-visible)) ._grip_ilv4h_22:after{opacity:.55;transition-duration:var(--pui-motion-in)}@media (hover:none){._grip_ilv4h_22:after{opacity:.55}}._grip_ilv4h_22:hover:after,._frame_ilv4h_7[data-held] ._grip_ilv4h_22:after,._grip_ilv4h_22:focus-visible:after{opacity:1;background:var(--pui-accent);transition-duration:0s;scale:1 1.25}._bottom_ilv4h_34:hover:after,._frame_ilv4h_7[data-held] ._bottom_ilv4h_34:after,._bottom_ilv4h_34:focus-visible:after{scale:1.25 1}._grip_ilv4h_22:focus-visible:after{outline:var(--pui-focus-width) var(--pui-focus-style) var(--pui-focus-ring);outline-offset:2px}._frame_ilv4h_7:has(._corner_ilv4h_40:hover) :is(._edge_ilv4h_28,._bottom_ilv4h_34):after{opacity:1;background:var(--pui-accent)}._readout_ilv4h_106{z-index:2;top:calc(100% + 8px);border-radius:var(--pui-radius-pill);min-height:22px;color:var(--pui-ink-2);font-size:var(--pui-text-2xs);pointer-events:none;opacity:0;transition:opacity var(--pui-motion-out) var(--pui-ease-default), translate var(--pui-motion-out) var(--pui-ease-default);align-items:center;gap:6px;padding:2px 4px 2px 8px;line-height:1;display:inline-flex;position:absolute;inset-inline-end:0;translate:0 -3px}._readout_ilv4h_106:not(:has(._fit_ilv4h_128)){padding-inline-end:8px}._readout_ilv4h_106[data-shown],._frame_ilv4h_7:has(._grip_ilv4h_22:hover,._grip_ilv4h_22:focus-visible) ._readout_ilv4h_106{opacity:1;pointer-events:auto;transition-duration:0s;translate:0}._ratio_ilv4h_138{color:var(--pui-ink-3)}._stop_ilv4h_142{color:var(--pui-accent-ink);animation:var(--animate-enter-scale)}._stop_ilv4h_142:before{content:"·";color:var(--pui-ink-3);margin-inline-end:6px}._fit_ilv4h_128{border-radius:var(--pui-radius-pill);color:var(--pui-ink);cursor:pointer;transition:var(--m-transition);padding:2px 8px}._ruler_ilv4h_161{pointer-events:none;opacity:0;height:6px;transition:opacity var(--pui-motion-out) var(--pui-ease-default);position:absolute;inset:-9px 0 auto}._room_ilv4h_3[data-held] ._ruler_ilv4h_161{opacity:1;transition-duration:var(--pui-motion-in)}._ruler_ilv4h_161 i{background:var(--pui-line-strong);width:1px;transition:background-color var(--pui-motion-out) var(--pui-ease-default), scale var(--pui-motion-out) var(--pui-ease-default);position:absolute;inset-block:0;inset-inline-start:calc(50% + var(--stop) / 2)}._ruler_ilv4h_161 i[data-on]{background:var(--pui-accent);transition-duration:0s;scale:2 1.5}._fit_ilv4h_128:focus-visible{outline:var(--pui-focus-width) var(--pui-focus-style) var(--pui-focus-ring);outline-offset:1px}