:root{--versy-color-background: #08090a;--versy-color-surface: #121315;--versy-color-surface-raised: #1b1c1f;--versy-color-surface-glass: rgba(18, 19, 21, .76);--versy-color-text: #f5f5f2;--versy-color-text-muted: #9b9ca1;--versy-color-accent: #f2f2ef;--versy-color-on-accent: #0b0b0c;--versy-color-border: rgba(245, 245, 242, .1);--versy-color-border-strong: rgba(245, 245, 242, .2);--versy-color-danger: #ff7169;--versy-color-success: #78d49b;--versy-color-warning: #e7b86a;--versy-radius-base: 12px;--versy-radius-compact: 8px;--versy-radius-pill: 999px;--versy-blur-glass: 18px;--versy-shadow-soft: 0 12px 32px rgba(0, 0, 0, .24);--versy-shadow-lifted: 0 24px 72px rgba(0, 0, 0, .42);--versy-font-family-base: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--versy-font-family-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--versy-font-weight-regular: 430;--versy-font-weight-medium: 520;--versy-font-weight-strong: 590;--versy-font-weight-emphasis: 620;--versy-font-weight-maximum: 650;--versy-type-display-size: 3rem;--versy-type-display-weight: 460;--versy-type-display-leading: 1;--versy-type-display-tracking: -.055em;--versy-type-title-size: 1.75rem;--versy-type-title-weight: 520;--versy-type-title-leading: 1.08;--versy-type-title-tracking: -.04em;--versy-type-heading-size: 1.125rem;--versy-type-heading-weight: 590;--versy-type-heading-leading: 1.2;--versy-type-heading-tracking: -.025em;--versy-type-body-size: .875rem;--versy-type-body-weight: 430;--versy-type-body-leading: 1.55;--versy-type-body-tracking: -.005em;--versy-type-label-size: .75rem;--versy-type-label-weight: 620;--versy-type-label-leading: 1.3;--versy-type-label-tracking: 0em;--versy-type-micro-size: .625rem;--versy-type-micro-weight: 650;--versy-type-micro-leading: 1.35;--versy-type-micro-tracking: .08em;--versy-motion-fast: .14s;--versy-motion-standard: .22s;--versy-motion-easing: cubic-bezier(.22, 1, .36, 1);--versy-viewport-block: 100vh;--versy-safe-area-top: env(safe-area-inset-top, 0px);--versy-safe-area-right: env(safe-area-inset-right, 0px);--versy-safe-area-bottom: env(safe-area-inset-bottom, 0px);--versy-safe-area-left: env(safe-area-inset-left, 0px);--versy-touch-target: 44px;--versy-focus-ring: 0 0 0 2px color-mix(in srgb, var(--versy-color-accent) 58%, transparent);--bg-0: var(--versy-color-background);--bg-1: var(--versy-color-surface);--surface-1: var(--versy-color-surface-glass);--surface-2: var(--versy-color-surface);--surface-3: var(--versy-color-surface-raised);--surface-solid-1: var(--versy-color-surface);--surface-solid-2: var(--versy-color-surface-raised);--surface-solid-3: color-mix(in srgb, var(--versy-color-surface-raised) 82%, var(--versy-color-text) 18%);--overlay: color-mix(in srgb, var(--versy-color-background) 76%, transparent);--border-soft: var(--versy-color-border);--border-hover: var(--versy-color-border-strong);--divider: var(--versy-color-border);--text-1: var(--versy-color-text);--text-2: var(--versy-color-text-muted);--text-3: color-mix(in srgb, var(--versy-color-text-muted) 72%, transparent);--text-on-brand: var(--versy-color-on-accent);--brand-300: color-mix(in srgb, var(--versy-color-accent) 72%, var(--versy-color-surface));--brand-400: color-mix(in srgb, var(--versy-color-accent) 86%, var(--versy-color-surface));--brand-500: var(--versy-color-accent);--brand-600: color-mix(in srgb, var(--versy-color-accent) 88%, var(--versy-color-background));--brand-700: color-mix(in srgb, var(--versy-color-accent) 76%, var(--versy-color-background));--versy-brand-300: var(--brand-300);--versy-brand-400: var(--brand-400);--versy-brand-500: var(--brand-500);--versy-brand-600: var(--brand-600);--versy-brand-700: var(--brand-700);--versy-text-on-brand: var(--text-on-brand);--accent-pink: var(--versy-color-text-muted);--accent-violet: var(--versy-color-text-muted);--accent-indigo: var(--versy-color-text-muted);--success: var(--versy-color-success);--warning: var(--versy-color-warning);--danger: var(--versy-color-danger);--focus-ring: color-mix(in srgb, var(--versy-color-accent) 42%, transparent);--surface-brand-soft: color-mix(in srgb, var(--versy-color-accent) 9%, var(--versy-color-surface));--surface-danger-soft: color-mix(in srgb, var(--versy-color-danger) 12%, var(--versy-color-surface));--surface-success-soft: color-mix(in srgb, var(--versy-color-success) 12%, var(--versy-color-surface));--surface-warning-soft: color-mix(in srgb, var(--versy-color-warning) 12%, var(--versy-color-surface));--border-brand-soft: color-mix(in srgb, var(--versy-color-accent) 28%, transparent);--border-danger-soft: color-mix(in srgb, var(--versy-color-danger) 34%, transparent);--border-success-soft: color-mix(in srgb, var(--versy-color-success) 34%, transparent);--border-warning-soft: color-mix(in srgb, var(--versy-color-warning) 34%, transparent);--shadow-soft: var(--versy-shadow-soft);--shadow-lifted: var(--versy-shadow-lifted);--shadow-brand: var(--versy-shadow-soft);--gradient-brand: linear-gradient(145deg, var(--brand-600), var(--brand-500));--gradient-surface: linear-gradient(165deg, var(--versy-color-surface-raised), var(--versy-color-surface));--versy-line-height-body: 1.45;--versy-motion-duration-theme: var(--versy-motion-standard);--versy-motion-ease-premium: var(--versy-motion-easing);--versy-size-control-height: 40px;--versy-motion-preview-dot-size: 8px;--versy-mix-brand-500-20: color-mix(in srgb, var(--brand-500) 20%, transparent);--versy-mix-brand-500-26: color-mix(in srgb, var(--brand-500) 26%, transparent);--versy-mix-brand-500-62: color-mix(in srgb, var(--brand-500) 62%, transparent);--versy-mix-brand-500-72: color-mix(in srgb, var(--brand-500) 72%, transparent);--versy-mix-brand-600-84: color-mix(in srgb, var(--brand-600) 84%, transparent);--versy-mix-brand-700-88: color-mix(in srgb, var(--brand-700) 88%, transparent);--versy-mix-accent-indigo-22: color-mix(in srgb, var(--accent-indigo) 22%, transparent);--versy-mix-accent-pink-24: color-mix(in srgb, var(--accent-pink) 24%, transparent)}@supports (height: 100dvh){:root{--versy-viewport-block: 100dvh}}@media(prefers-reduced-motion:reduce){:root{--versy-motion-fast: 0ms;--versy-motion-standard: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;background-color:var(--versy-color-background)}body{margin:0;overflow-x:hidden;font-family:var(--versy-font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--versy-color-accent) 5%,transparent),transparent 44%),var(--versy-color-background);color:var(--versy-color-text);line-height:var(--versy-line-height-body);transition:background-color var(--versy-motion-standard) var(--versy-motion-easing),color var(--versy-motion-fast) var(--versy-motion-easing)}code{font-family:var(--versy-font-family-mono)}button,input,textarea,select{font-family:inherit}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}
