.wJjwXq_options{height:var(--collapsible-panel-height);opacity:1;margin-inline:-4px;padding-inline:4px;transition:height .2s cubic-bezier(.2,0,0,1),opacity .16s ease-out;overflow:clip}.wJjwXq_options[data-starting-style],.wJjwXq_options[data-ending-style]{opacity:0;height:0}@media (prefers-reduced-motion:reduce){.wJjwXq_options{transition:none}}
.RSP5Aq_properties{grid-column:1/-1;min-inline-size:0;container:dataset-properties/inline-size}.RSP5Aq_fields{align-items:start;gap:calc(var(--spacing) * 3) calc(var(--spacing) * 4);grid-template-columns:minmax(0,1fr);max-inline-size:42rem;display:grid}@container dataset-properties (min-width:32rem){.RSP5Aq_fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
.-y3XEq_workspace{border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;min-height:0;display:flex;overflow:clip}.-y3XEq_rail{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:64px;padding:16px 8px;display:flex;overflow-y:auto}.-y3XEq_library{height:100%;min-height:0}.-y3XEq_materialItem{border-bottom:1px solid var(--border);align-items:flex-start;gap:4px;padding:12px 8px;transition:background-color .15s;display:flex}.-y3XEq_materialItem:hover{background:color-mix(in oklch, var(--muted) 40%, transparent)}.-y3XEq_materialItem[data-highlighted]{background:color-mix(in oklch, var(--accent) 60%, transparent)}.-y3XEq_materialItem:has(:focus-visible){outline:2px solid var(--ring);outline-offset:-2px}.-y3XEq_materialButton{text-align:left;cursor:pointer;flex-direction:column;flex:1;gap:6px;min-width:0;padding:4px;display:flex}.-y3XEq_materialButton:focus-visible{outline:none}.-y3XEq_materialButton:disabled{cursor:default}.-y3XEq_emptyBlock{border:1px dashed var(--border);color:var(--muted-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 8px;display:flex}.-y3XEq_previewPanel{background:color-mix(in oklch, var(--muted) 30%, var(--background));flex-direction:column;height:100%;min-height:0;display:flex}.-y3XEq_previewWorkspace{flex:1;min-height:0;display:flex;position:relative}.-y3XEq_previewViewport{overscroll-behavior:contain;background:0 0;flex:1;min-height:0;padding:32px;overflow:auto}.-y3XEq_cardSurface{box-sizing:border-box;color:var(--card-foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:width .14s ease-out,height .14s ease-out,left .14s ease-out,top .14s ease-out;display:flex;position:absolute;inset:0 auto auto 0}.-y3XEq_layout{flex:1;min-width:0;min-height:0;display:flex}.-y3XEq_layout[data-axis=column]{flex-direction:column}.-y3XEq_region{flex-basis:0;min-width:0;min-height:0;display:flex}.-y3XEq_block{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:0;border-radius:0;width:100%;min-width:0;height:100%;min-height:0;position:relative}.-y3XEq_block:focus-visible{outline:2px solid var(--ring);outline-offset:6px}.-y3XEq_block>[data-fill]{height:100%}.-y3XEq_block:after{content:"";pointer-events:none;border:calc(1px / var(--app-preview-zoom,1)) solid var(--border);border-radius:var(--radius-lg);opacity:0;background:0 0;transition:opacity .12s ease-out,border-color .12s ease-out;position:absolute;inset:-4px}.-y3XEq_block[data-selected]:after,.-y3XEq_block:focus-visible:after{opacity:1}.-y3XEq_block[data-selected]:after{border-color:var(--app-block-selected-outline)}@media (hover:hover){.-y3XEq_previewViewport:not([data-block-dragging]) .-y3XEq_block:hover:after{opacity:1}}.-y3XEq_block[data-drag-source]{opacity:.28}.-y3XEq_block[data-drag-source]:after{opacity:0}.-y3XEq_block:active{cursor:grabbing}.-y3XEq_dragHelper{opacity:0;pointer-events:none}.-y3XEq_blockDivider{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;flex:0 0 12px;position:relative}.-y3XEq_blockDivider[data-axis=row]{cursor:col-resize}.-y3XEq_blockDivider[data-axis=column]{cursor:row-resize}.-y3XEq_blockDivider:before{content:"";width:max(12px, calc(12px / var(--app-preview-zoom,1)));position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.-y3XEq_blockDivider[data-axis=column]:before{width:auto;height:max(12px, calc(12px / var(--app-preview-zoom,1)));inset:50% 0 auto;transform:translateY(-50%)}.-y3XEq_dividerLine{pointer-events:none;width:calc(1px / var(--app-preview-zoom,1));background:var(--border);position:absolute;top:min(12px,15%);bottom:min(12px,15%);left:50%;transform:translate(-50%)}.-y3XEq_blockDivider[data-axis=column] .-y3XEq_dividerLine{width:auto;height:calc(1px / var(--app-preview-zoom,1));inset:50% min(12px,15%) auto;transform:translateY(-50%)}.-y3XEq_blockDivider:after{content:"";width:calc(2px / var(--app-preview-zoom,1));pointer-events:none;background:var(--border);border-radius:2px;transition:background .1s,opacity .1s;position:absolute;top:35%;bottom:35%;left:50%;transform:translate(-50%)}.-y3XEq_blockDivider[data-axis=column]:after{height:calc(2px / var(--app-preview-zoom,1));width:auto;inset:50% 35% auto;transform:translateY(-50%)}.-y3XEq_blockDivider[data-visible]:after{opacity:0}.-y3XEq_blockDivider:hover:after,.-y3XEq_blockDivider:focus-visible:after{background:var(--muted-foreground);opacity:1}.-y3XEq_blockDivider[data-selected]:after{background:var(--app-block-selected-outline);opacity:1}.-y3XEq_blockDivider:focus-visible{outline:none}.-y3XEq_blockDivider:focus-visible:before{outline:2px solid var(--ring);outline-offset:-2px}@media (max-width:767px){.-y3XEq_rail{width:48px;padding-inline:4px}.-y3XEq_previewViewport{padding:24px 32px 32px}}@media (prefers-reduced-motion:reduce){.-y3XEq_block,.-y3XEq_block:after,.-y3XEq_blockDivider:after,.-y3XEq_materialItem{transition:none}}.-y3XEq_zoomFrame{margin-inline:auto;transition:width .14s ease-out,height .14s ease-out;position:relative}.-y3XEq_zoomControls{background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:2px;padding:4px;display:flex}.-y3XEq_blockMeasurer{visibility:hidden;pointer-events:none;contain:layout style;height:auto;position:fixed;top:0;left:-100000px}.-y3XEq_dropPreview{z-index:1;opacity:0;pointer-events:none;border:calc(1px / var(--app-preview-zoom,1)) solid var(--app-block-selected-outline);border-radius:var(--radius-lg);background:var(--app-block-drop-fill);transition:transform .16s cubic-bezier(.2,0,0,1),width .16s cubic-bezier(.2,0,0,1),height .16s cubic-bezier(.2,0,0,1),opacity .1s ease-out;position:absolute;top:0;left:0}.-y3XEq_dropPreview[data-visible=true]{opacity:1}.-y3XEq_dropPreview[hidden]{display:none}@media (prefers-reduced-motion:reduce){.-y3XEq_dropPreview,.-y3XEq_blockDivider:after,.-y3XEq_cardSurface,.-y3XEq_zoomFrame,.-y3XEq_cardStage{transition:none}}.-y3XEq_cardStage{transform-origin:0 0;transition:width .14s ease-out,height .14s ease-out,transform .14s ease-out;position:relative}@media (prefers-reduced-motion:reduce){.-y3XEq_cardStage{transition:none}}.-y3XEq_previewViewport[data-resizing] .-y3XEq_cardSurface,.-y3XEq_previewViewport[data-resizing] .-y3XEq_zoomFrame,.-y3XEq_previewViewport[data-resizing] .-y3XEq_cardStage{transition:none}.-y3XEq_emptyCard{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.-y3XEq_previewViewport[data-resizing]{background-image:linear-gradient(to right, color-mix(in srgb, var(--foreground) 9%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--foreground) 9%, transparent) 1px, transparent 1px);background-size:var(--app-grid-step) var(--app-grid-step);background-position:var(--app-grid-x) var(--app-grid-y);background-attachment:local}.-y3XEq_cardSurface>.ui-resizable-handle{z-index:2;width:calc(24px / var(--app-preview-zoom,1));height:calc(24px / var(--app-preview-zoom,1));touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.-y3XEq_cardSurface>.ui-resizable-handle:before{content:"";width:calc(5px / var(--app-preview-zoom,1));height:calc(5px / var(--app-preview-zoom,1));border:calc(1px / var(--app-preview-zoom,1)) solid var(--muted-foreground);background:var(--card);border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.-y3XEq_cardSurface>.ui-resizable-handle:hover:before{background:var(--muted-foreground)}.-y3XEq_cardSurface>.ui-resizable-handle:focus-visible{outline:2px solid var(--ring);border-radius:var(--radius-sm)}.-y3XEq_cardSurface>.ui-resizable-n{cursor:n-resize;top:0;left:50%}.-y3XEq_cardSurface>.ui-resizable-ne{cursor:ne-resize;top:0;left:100%}.-y3XEq_cardSurface>.ui-resizable-e{cursor:e-resize;top:50%;left:100%}.-y3XEq_cardSurface>.ui-resizable-se{cursor:se-resize;top:100%;left:100%}.-y3XEq_cardSurface>.ui-resizable-s{cursor:s-resize;top:100%;left:50%}.-y3XEq_cardSurface>.ui-resizable-sw{cursor:sw-resize;top:100%;left:0}.-y3XEq_cardSurface>.ui-resizable-w{cursor:w-resize;top:50%;left:0}.-y3XEq_cardSurface>.ui-resizable-nw{cursor:nw-resize;top:0;left:0}@media (forced-colors:active){.-y3XEq_block:after,.-y3XEq_dropPreview{background:0 0;border-color:highlight}.-y3XEq_dividerLine,.-y3XEq_blockDivider:after{background:canvastext}.-y3XEq_blockDivider[data-selected]:after{background:highlight}}.-y3XEq_cardSurface[data-read-only]{transition:none}.-y3XEq_cardSurface[data-read-only] .-y3XEq_block{cursor:default;touch-action:auto}.-y3XEq_cardSurface[data-read-only] .-y3XEq_block:after{display:none}.-y3XEq_staticDivider{flex-shrink:0;position:relative}
.J6wj9W_workspace{border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;min-width:0;min-height:0;display:flex;overflow:clip}.J6wj9W_canvasPanel{background:color-mix(in oklch,var(--muted) 30%,var(--background));flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.J6wj9W_viewport{overscroll-behavior:contain;overflow-anchor:none;--app-canvas-width:1536px;--app-canvas-height:768px;flex:1;min-height:0;overflow:auto}.J6wj9W_viewport:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.J6wj9W_zoomFrame{width:calc((var(--app-canvas-width) + 64px) * var(--app-preview-zoom,1));height:calc((var(--app-canvas-height) + 72px) * var(--app-preview-zoom,1));position:relative}.J6wj9W_stage{width:calc(var(--app-canvas-width) + 64px);transform-origin:0 0;padding:40px 32px 32px;position:absolute;inset:0 auto auto 0}.J6wj9W_board{width:var(--app-canvas-width);min-height:var(--app-canvas-height);isolation:isolate;position:relative}.J6wj9W_workspace .J6wj9W_board{transition:none}.J6wj9W_board:before{content:"";z-index:-1;pointer-events:none;opacity:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--foreground) 9%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--foreground) 9%,transparent) 1px,transparent 1px);background-size:64px 64px;position:absolute;inset:0}.J6wj9W_board[data-gesture]:before{opacity:1}.J6wj9W_workspace .J6wj9W_board>.J6wj9W_frame>.grid-stack-item-content{overflow:visible}.J6wj9W_frame[data-selected]>.grid-stack-item-content>article{border-color:var(--app-block-selected-outline)}.J6wj9W_frame>.grid-stack-item-content>article>.ui-resizable-handle{opacity:0}:is(.J6wj9W_frame[data-selected]>.grid-stack-item-content>article>.ui-resizable-handle,.J6wj9W_frame:focus-within>.grid-stack-item-content>article>.ui-resizable-handle){opacity:1}.J6wj9W_cardActions{z-index:3;transform:scale(min(calc(1 / var(--app-preview-zoom,1)),2));transform-origin:100% 0;gap:2px;display:flex;position:absolute;top:0;right:12px}.J6wj9W_cardActions [data-card-drag]{cursor:grab;touch-action:none}.J6wj9W_cardActions [data-card-drag]:active{cursor:grabbing}.J6wj9W_mergeTarget{width:calc(32px / var(--app-preview-zoom,1));height:calc(32px / var(--app-preview-zoom,1));border:1px dashed var(--muted-foreground);border-radius:var(--radius);background:var(--card);color:var(--foreground);pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;bottom:16px;right:16px}.J6wj9W_mergeTarget svg{width:calc(16px / var(--app-preview-zoom,1));height:calc(16px / var(--app-preview-zoom,1))}.J6wj9W_board[data-gesture=card] .J6wj9W_mergeTarget{display:flex}.J6wj9W_board>.ui-draggable-dragging .J6wj9W_mergeTarget{display:none}.J6wj9W_mergeTarget[data-merge-over]{background:var(--primary);color:var(--primary-foreground);border-style:solid}.J6wj9W_board[data-gesture=resize] .J6wj9W_frame,.J6wj9W_board[data-gesture=resize] article{transition:none!important}.J6wj9W_board .grid-stack-placeholder>.placeholder-content{border:1px solid var(--app-block-selected-outline);border-radius:var(--radius-lg);background:var(--app-block-drop-fill)}@media (hover:hover){.J6wj9W_viewport:not([data-block-dragging]) [data-block-id]:hover:after{opacity:1}}@media (prefers-reduced-motion:reduce){.J6wj9W_board,.J6wj9W_frame{transition:none!important}}@media (forced-colors:active){.J6wj9W_mergeTarget{border-color:highlight}}.J6wj9W_board[data-gesture=block] article{transition:none!important}.J6wj9W_board[data-gesture=card]>.ui-draggable-dragging{transition:none!important}.J6wj9W_board[data-gesture=card]>.ui-draggable-dragging article{transition:none!important}
.L1zJxW_workspace{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--muted) 30%, var(--background));flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:clip}.L1zJxW_canvas{flex:1;min-width:0;min-height:0;display:flex;position:relative}.L1zJxW_zoomDock{position:absolute;inset-block-end:calc(var(--spacing) * 4);inset-inline-end:calc(var(--spacing) * 4)}.L1zJxW_sidebar{overscroll-behavior:contain;border-inline-start:1px solid var(--border);background:var(--background);flex-direction:column;flex:0 0 288px;gap:24px;min-width:0;min-height:0;padding:24px;display:flex;overflow:auto}.L1zJxW_viewport{overscroll-behavior:contain;overflow-anchor:none;-webkit-user-select:none;user-select:none;flex:1;min-width:0;min-height:0;overflow:auto}.L1zJxW_viewport:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.L1zJxW_zoomFrame{min-width:100%;min-height:100%;position:relative}.L1zJxW_board{isolation:isolate;transform-origin:0 0;background:color-mix(in oklch, var(--muted) 30%, var(--background));position:absolute}.L1zJxW_frame{position:absolute}.L1zJxW_content{pointer-events:none;position:absolute;inset:0}.L1zJxW_selectCard{appearance:none;border:calc(1px / var(--app-export-zoom,1)) solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--background) 55%, transparent);cursor:pointer;text-align:start;touch-action:manipulation;padding:0;transition:background-color .12s,box-shadow .12s;position:absolute;inset:0}.L1zJxW_frame[data-selected] .L1zJxW_selectCard{border:calc(3px / var(--app-export-zoom,1)) solid var(--primary);background:0 0}.L1zJxW_selectCard:hover{box-shadow:0 0 0 calc(1px / var(--app-export-zoom,1)) var(--ring)}.L1zJxW_selectCard:focus-visible{outline:calc(3px / var(--app-export-zoom,1)) solid var(--ring);outline-offset:calc(5px / var(--app-export-zoom,1))}.L1zJxW_selectCard:disabled{cursor:wait}.L1zJxW_check{top:calc(12px / var(--app-export-zoom,1));left:calc(12px / var(--app-export-zoom,1));width:calc(14px / var(--app-export-zoom,1));height:calc(14px / var(--app-export-zoom,1));border:calc(1px / var(--app-export-zoom,1)) solid var(--muted-foreground);background:var(--background);color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid;position:absolute}.L1zJxW_frame[data-selected] .L1zJxW_check{top:calc(10px / var(--app-export-zoom,1));left:calc(10px / var(--app-export-zoom,1));border-color:var(--primary);background:var(--primary)}.L1zJxW_check svg{width:calc(9px / var(--app-export-zoom,1));height:calc(9px / var(--app-export-zoom,1));stroke-width:2.5px}.L1zJxW_frame[data-in-range]{outline:calc(2px / var(--app-export-zoom,1)) dashed var(--ring);outline-offset:calc(5px / var(--app-export-zoom,1));border-radius:var(--radius-lg)}.L1zJxW_marquee{pointer-events:none;border:calc(1px / var(--app-export-zoom,1)) solid var(--primary);background:color-mix(in oklch, var(--primary) 12%, transparent);position:absolute}@media (max-width:767px){.L1zJxW_workspace{flex-direction:column}.L1zJxW_canvas{min-height:240px}.L1zJxW_sidebar{border-inline-start:0;border-block-start:1px solid var(--border);flex:0 auto;gap:16px;max-height:48%;padding:16px}}@media (prefers-reduced-motion:reduce){.L1zJxW_selectCard{transition:none}}@media (forced-colors:active){.L1zJxW_frame[data-selected] .L1zJxW_selectCard{border-color:highlight}.L1zJxW_frame:not([data-selected]) .L1zJxW_selectCard{background:0 0}.L1zJxW_frame[data-selected] .L1zJxW_check{color:highlighttext;background:highlight}.L1zJxW_marquee{border-color:highlight}}