.ws-root{--ws-handle-bg:var(--ws-handle,var(--muted));--ws-handle-fg:var(--ws-handle-ink,var(--foreground));--ws-accent-c:var(--ws-accent,var(--primary));--ws-dot:var(--ws-grid-dot,var(--border));--ws-ghost-c:var(--ws-ghost,color-mix(in oklab,var(--primary) 16%,transparent));--ws-ghost-line:var(--ws-ghost-border,var(--primary));--ws-r:var(--ws-radius,var(--radius));--ws-outline-c:var(--ws-outline,var(--border));--ws-bar-bg-c:var(--ws-bar-bg,var(--popover));--ws-bar-fg-c:var(--ws-bar-ink,var(--popover-foreground));max-width:100%;min-width:0}.ws-grid,.ws-root{position:relative;width:100%}.ws-root[data-editing] .ws-grid{background-image:radial-gradient(circle,var(--ws-dot) 1px,transparent 1.5px)}.ws-panel{--dt-sticky-top:0px;display:flex;flex-direction:column;min-width:0;overflow:clip;overflow-clip-margin:var(--ws-bleed,0);box-sizing:border-box}.ws-grid{--ws-foot:0px}@media (min-width:1024px){.ws-grid{--ws-foot:var(--ws-row-gap,0px);margin-bottom:calc(-1 * var(--ws-foot))}.ws-grid>.ws-panel{padding-bottom:var(--ws-foot)}}.ws-body{flex:1 1 auto;min-width:0;min-height:0;margin-inline:calc(-1 * var(--ws-bleed, 0px));padding-inline:var(--ws-bleed,0);overflow-x:hidden;overflow-y:auto}.ws-zoom{height:100%;min-width:0}.ws-root:has(.ws-fit){margin-top:calc(var(--ws-fit-top, 0px) - var(--ws-fit-gap, 0px));margin-inline:calc(var(--ws-fit-gutter, 0px) / -2);width:calc(100% + var(--ws-fit-gutter, 0px));max-width:calc(100% + var(--ws-fit-gutter, 0px))}.ws-fit{display:flow-root;box-sizing:border-box;min-width:0;padding-top:var(--ws-fit-gap,0);padding-inline:calc(var(--ws-fit-gutter, 0px) / 2)}.ws-fit[data-ws-fill]{min-height:100%}.ws-body:has(>.ws-zoom>.ws-fit[data-ws-fits]){overflow-x:clip;overflow-y:visible}.ws-panel:has(>.ws-body>.ws-zoom>.ws-fit[data-ws-fits]){--dt-sticky-top:initial}.ws-root[data-editing] .ws-panel:after{content:"";position:absolute;inset:0 0 var(--ws-foot,0);z-index:1;border:1px dashed var(--ws-outline-c);border-radius:var(--ws-r);pointer-events:none}.ws-root[data-editing] .ws-panel[data-fixed]{opacity:.85}.ws-root[data-editing] .ws-panel[data-fixed]:after{border-style:solid}.ws-handle{display:flex;flex:0 0 auto;align-items:center;gap:.25rem;height:1.75rem;padding-inline:.25rem;background:var(--ws-handle-bg);color:var(--ws-handle-fg);border-radius:var(--ws-r) var(--ws-r) 0 0;cursor:grab;user-select:none;touch-action:none}.react-draggable-dragging .ws-handle{cursor:grabbing}.ws-grip,.ws-hide{display:inline-flex;align-items:center;gap:.375rem;min-width:0;height:1.5rem;padding-inline:.25rem;border:0;border-radius:calc(var(--ws-r) - 2px);background:transparent;color:inherit;font:inherit;font-size:.75rem;cursor:inherit}.ws-grip{flex:1 1 auto}.ws-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.ws-hide{flex:0 0 auto;cursor:pointer;color:var(--muted-foreground)}.ws-hide:hover{color:var(--ws-handle-fg)}.ws-bar-button:focus-visible,.ws-grip:focus-visible,.ws-hide:focus-visible,.ws-tray-item:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.ws-root[data-editing] .ws-panel:has(.ws-grip:focus-visible):after{border:2px solid var(--ws-accent-c)}.ws-bar-button svg,.ws-grip svg,.ws-hide svg,.ws-tray-item svg{width:.875rem;height:.875rem;flex:0 0 auto}.ws-resize{position:absolute;z-index:2}.ws-resize-e,.ws-resize-w{top:1.75rem;bottom:calc(.75rem + var(--ws-foot, 0px));width:.5rem;cursor:ew-resize}.ws-resize-e{right:-.25rem}.ws-resize-w{left:-.25rem}.ws-resize-s{left:.75rem;right:.75rem;bottom:calc(var(--ws-foot, 0px) - .25rem);height:.5rem;cursor:ns-resize}.ws-resize-se,.ws-resize-sw{bottom:calc(var(--ws-foot, 0px) - .125rem);width:.875rem;height:.875rem}.ws-resize-se{right:-.125rem;cursor:nwse-resize;border-right:2px solid var(--ws-accent-c);border-bottom:2px solid var(--ws-accent-c);border-bottom-right-radius:var(--ws-r)}.ws-resize-sw{left:-.125rem;cursor:nesw-resize;border-left:2px solid var(--ws-accent-c);border-bottom:2px solid var(--ws-accent-c);border-bottom-left-radius:var(--ws-r)}.ws-resize-e:hover,.ws-resize-s:hover,.ws-resize-w:hover{background:color-mix(in oklab,var(--ws-accent-c) 35%,transparent);border-radius:999px}.react-resizable-hide>.ws-resize{display:none}.ws-grid>.react-grid-placeholder{z-index:1;user-select:none;pointer-events:none}.ws-grid>.react-grid-placeholder:after{content:"";position:absolute;inset:0 0 var(--ws-foot,0);background:var(--ws-ghost-c);border:1px dashed var(--ws-ghost-line);border-radius:var(--ws-r)}.ws-grid>.react-draggable-dragging,.ws-grid>.resizing{z-index:3;will-change:transform,width,height}@media (prefers-reduced-motion:no-preference){.ws-root[data-editing] .ws-grid>.react-grid-item:not(.react-draggable-dragging,.resizing){transition:transform .16s var(--ease-out-quart,ease-out),width .16s var(--ease-out-quart,ease-out),height .16s var(--ease-out-quart,ease-out)}}.ws-tray{min-width:0;padding:0;border:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:var(--ws-gap,12px);font-size:.75rem}.ws-tray-label{color:var(--muted-foreground);margin-right:.25rem}.ws-tray-item{display:inline-flex;align-items:center;gap:.375rem;height:1.5rem;padding-inline:.5rem;border:1px dashed var(--ws-outline-c);border-radius:var(--ws-r);background:var(--ws-handle-bg);color:var(--ws-handle-fg);font:inherit;cursor:pointer}.ws-bar{position:fixed;left:50%;top:4.25rem;z-index:90;transform:translateX(-50%);display:flex;gap:.625rem;max-width:calc(100vw - 2rem);padding:.5rem .5rem .5rem 1rem;border:1px solid var(--ws-accent-c);border-radius:calc(var(--ws-r) + 6px);background:var(--ws-bar-bg-c);box-shadow:0 0 0 4px color-mix(in srgb,var(--ws-accent-c) 18%,transparent),0 12px 32px -10px rgb(0 0 0/.45);font-size:.875rem}.ws-bar,.ws-bar-label{align-items:center;color:var(--ws-bar-fg-c)}.ws-bar-label{display:inline-flex;gap:.5rem;white-space:nowrap}.ws-bar-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--ws-accent-c)}.ws-bar-button{display:inline-flex;align-items:center;gap:.375rem;height:2rem;padding-inline:.75rem;border:1px solid var(--ws-outline-c);border-radius:var(--ws-r);background:transparent;color:inherit;font:inherit;font-weight:500;white-space:nowrap;cursor:pointer}.ws-bar-button:hover{border-color:var(--ws-accent-c)}.ws-bar-done{border-color:transparent;background:var(--ws-accent-c);color:var(--primary-foreground)}@media (prefers-reduced-motion:no-preference){.ws-bar{animation:ws-bar-in .16s ease-out}@keyframes ws-bar-in{0%{opacity:0;transform:translate(-50%,-6px)}}}.ws-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:1023.98px){.ws-grid.react-grid-layout{display:flex;flex-direction:column;gap:var(--ws-gap,12px);height:auto!important;background-image:none}.ws-grid>.react-grid-item{position:static!important;transform:none!important;width:auto!important;height:auto!important}.ws-body{overflow:visible}.ws-bar,.ws-handle,.ws-resize,.ws-tray{display:none}}@media (min-width:1024px){.ws-root:not([data-measured]) .ws-grid>.react-grid-item{transform:none!important;left:calc((100% + var(--ws-gap)) * var(--ws-x) / var(--ws-cols))!important;top:calc((var(--ws-row) + var(--ws-gap)) * var(--ws-y))!important;width:calc((100% + var(--ws-gap)) * var(--ws-w) / var(--ws-cols) - var(--ws-gap))!important}}