.resizable-preview[data-v-24459ec9]{width:100%}.resizable-preview__header[data-v-24459ec9]{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:.5rem .5rem 0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}:root.dark .resizable-preview__header[data-v-24459ec9]{background:var(--color-gray-900);border-color:var(--color-gray-700)}.resizable-preview__ruler[data-v-24459ec9]{background:var(--color-gray-100);border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);height:24px;position:relative}:root.dark .resizable-preview__ruler[data-v-24459ec9]{background:var(--color-gray-800);border-color:var(--color-gray-700)}.resizable-preview__ruler-track[data-v-24459ec9]{height:100%;margin:0 8px;position:relative}.resizable-preview__marker[data-v-24459ec9]{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.resizable-preview__marker-line[data-v-24459ec9]{background:var(--color-gray-400);width:1px;height:8px}.resizable-preview__marker-label[data-v-24459ec9]{color:var(--color-gray-500);margin-top:1px;font-family:monospace;font-size:9px}.resizable-preview__frame-container[data-v-24459ec9]{background:repeating-linear-gradient(90deg,var(--color-gray-100) 0,var(--color-gray-100) 1px,transparent 1px,transparent 50px);border:1px solid var(--color-gray-200);border-top:none;border-radius:0 0 .5rem .5rem;min-height:200px;position:relative;overflow:hidden}:root.dark .resizable-preview__frame-container[data-v-24459ec9]{background:repeating-linear-gradient(90deg,var(--color-gray-800) 0,var(--color-gray-800) 1px,transparent 1px,transparent 50px);border-color:var(--color-gray-700)}.resizable-preview__frame[data-v-24459ec9]{background:var(--color-white);min-height:200px;transition:box-shadow .2s;position:relative;box-shadow:2px 0 8px #0000001a}:root.dark .resizable-preview__frame[data-v-24459ec9]{background:var(--color-gray-950)}.resizable-preview__frame--dragging[data-v-24459ec9]{box-shadow:4px 0 16px #00000026}.resizable-preview__content[data-v-24459ec9]{min-height:200px;overflow:auto}.resizable-preview__handle[data-v-24459ec9]{cursor:ew-resize;z-index:10;justify-content:center;align-items:center;width:24px;height:100%;display:flex;position:absolute;top:0;right:-12px}.resizable-preview__handle[data-v-24459ec9]:before{background:var(--color-gray-300);content:"";border-radius:2px;width:4px;height:100%;transition:background .2s,width .2s;position:absolute;top:0;left:50%;transform:translate(-50%)}:root.dark .resizable-preview__handle[data-v-24459ec9]:before{background:var(--color-gray-600)}.resizable-preview__handle--active[data-v-24459ec9]:before,.resizable-preview__handle[data-v-24459ec9]:hover:before{background:var(--color-primary-500);width:6px}.resizable-preview__handle-grip[data-v-24459ec9]{background:var(--color-gray-200);z-index:1;border-radius:4px;flex-direction:column;gap:3px;padding:8px 4px;transition:background .2s;display:flex;position:relative}:root.dark .resizable-preview__handle-grip[data-v-24459ec9]{background:var(--color-gray-700)}.resizable-preview__handle--active .resizable-preview__handle-grip[data-v-24459ec9],.resizable-preview__handle:hover .resizable-preview__handle-grip[data-v-24459ec9]{background:var(--color-primary-500)}.resizable-preview__handle-grip span[data-v-24459ec9]{background:var(--color-gray-400);border-radius:1px;width:12px;height:2px;transition:background .2s}:root.dark .resizable-preview__handle-grip span[data-v-24459ec9]{background:var(--color-gray-500)}.resizable-preview__handle--active .resizable-preview__handle-grip span[data-v-24459ec9],.resizable-preview__handle:hover .resizable-preview__handle-grip span[data-v-24459ec9]{background:var(--color-white)}