:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}button{align-items:center;aspect-ratio:1 / 1;background:transparent;border:0;border-radius:8px;color:#fff;display:flex;justify-content:center;min-width:40px;outline:0;overflow:hidden;padding:0;position:relative;width:40px;z-index:0}button .activity{aspect-ratio:1 / 1;background:#ffffff29;border-radius:8px;content:"";top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;position:absolute;transition:opacity .2s linear;width:100%;z-index:1}button:hover{border:0}button:hover .activity{opacity:1}button:focus{border:0;outline:0}.logo{aspect-ratio:1 / 1;background:#000;border-radius:8px;display:flex;font-size:12px;overflow:hidden;width:40px}.logo img{aspect-ratio:1 / 1;width:100%}.ribbon{background:#3f3f46;border-radius:12px;display:flex;flex-direction:row;gap:4px;height:56px;margin:1rem 1rem 0;padding:8px}.text-field{background:#ffffff1a;border:solid 1px rgba(255,255,255,.2);border-radius:8px;display:flex;flex-direction:row;gap:0;justify-content:center;padding:0;width:100%}.text-field input{background:transparent;border:0;outline:0;padding:0 8px;width:100%}.text-field>.leading-icon{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;padding:0 8px;width:24px}.text-field>.leading-icon+input{padding:0}/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--dw-spacing:4px;--dw-font-weight-semibold:600;--dw-font-weight-bold:700;--dw-radius-sm:.25rem;--dw-radius-md:.375rem;--dw-radius-lg:.5rem;--dw-radius-xl:.75rem;--dw-blur-md:12px;--dw-default-transition-duration:.15s;--dw-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--dw-color-white:#fff}}@layer base,components;@layer utilities{.dw\:absolute{position:absolute}.dw\:fixed{position:fixed}.dw\:relative{position:relative}.dw\:top-0{top:calc(var(--dw-spacing)*0)}.dw\:right-0{right:calc(var(--dw-spacing)*0)}.dw\:z-10{z-index:10}.dw\:row-span-2{grid-row:span 2/span 2}.dw\:m-0{margin:calc(var(--dw-spacing)*0)}.dw\:mt-0\.5{margin-top:calc(var(--dw-spacing)*.5)}.dw\:mt-1{margin-top:calc(var(--dw-spacing)*1)}.dw\:box-border{box-sizing:border-box}.dw\:flex{display:flex}.dw\:grid{display:grid}.dw\:inline-flex{display:inline-flex}.dw\:h-2{height:calc(var(--dw-spacing)*2)}.dw\:h-8{height:calc(var(--dw-spacing)*8)}.dw\:h-10{height:calc(var(--dw-spacing)*10)}.dw\:h-full{height:100%}.dw\:min-h-0{min-height:calc(var(--dw-spacing)*0)}.dw\:min-h-full{min-height:100%}.dw\:w-1{width:calc(var(--dw-spacing)*1)}.dw\:w-2\/5{width:40%}.dw\:w-\[96px\]{width:96px}.dw\:w-\[280px\]{width:280px}.dw\:w-full{width:100%}.dw\:min-w-4{min-width:calc(var(--dw-spacing)*4)}.dw\:flex-1{flex:1}.dw\:cursor-grab{cursor:grab}.dw\:grid-cols-\[0_0_1fr\]{grid-template-columns:0 0 1fr}.dw\:grid-cols-\[280px_8px_1fr\]{grid-template-columns:280px 8px 1fr}.dw\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.dw\:grid-cols-\[repeat\(auto-fit\,_minmax\(112px\,_min-content\)\)\]{grid-template-columns:repeat(auto-fit,minmax(112px,min-content))}.dw\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.dw\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.dw\:flex-nowrap{flex-wrap:nowrap}.dw\:place-content-center{place-content:center}.dw\:items-center{align-items:center}.dw\:items-end{align-items:flex-end}.dw\:justify-between{justify-content:space-between}.dw\:justify-center{justify-content:center}.dw\:gap-1{gap:calc(var(--dw-spacing)*1)}.dw\:gap-2{gap:calc(var(--dw-spacing)*2)}.dw\:gap-3{gap:calc(var(--dw-spacing)*3)}:where(.dw\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--dw-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--dw-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.dw\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--dw-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--dw-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.dw\:gap-x-2{column-gap:calc(var(--dw-spacing)*2)}.dw\:gap-y-1{row-gap:calc(var(--dw-spacing)*1)}.dw\:self-stretch{align-self:stretch}.dw\:overflow-auto{overflow:auto}.dw\:overflow-hidden{overflow:hidden}.dw\:overflow-y-auto{overflow-y:auto}.dw\:rounded{border-radius:.25rem}.dw\:rounded-lg{border-radius:var(--dw-radius-lg)}.dw\:rounded-md{border-radius:var(--dw-radius-md)}.dw\:rounded-sm{border-radius:var(--dw-radius-sm)}.dw\:rounded-xl{border-radius:var(--dw-radius-xl)}.dw\:border{border-style:var(--tw-border-style);border-width:1px}.dw\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dw\:bg-\[linear-gradient\(to_right\,rgba\(255\,255\,255\,0\.05\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,rgba\(255\,255\,255\,0\.05\)_1px\,transparent_1px\)\]{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px)}.dw\:bg-\[radial-gradient\(circle_at_1px_1px\,rgba\(255\,255\,255\,0\.1\)_1px\,transparent_1px\)\]{background-image:radial-gradient(circle at 1px 1px,#ffffff1a 1px,#0000 1px)}.dw\:bg-\[size\:8px_8px\]{background-size:8px 8px}.dw\:bg-\[size\:24px_24px\]{background-size:24px 24px}.dw\:bg-\[size\:48px_48px\]{background-size:48px 48px}.dw\:bg-\[left_-1px_top_-1px\]{background-position:-1px -1px}.dw\:p-1{padding:calc(var(--dw-spacing)*1)}.dw\:p-2{padding:calc(var(--dw-spacing)*2)}.dw\:px-1{padding-inline:calc(var(--dw-spacing)*1)}.dw\:px-2{padding-inline:calc(var(--dw-spacing)*2)}.dw\:py-1{padding-block:calc(var(--dw-spacing)*1)}.dw\:py-2{padding-block:calc(var(--dw-spacing)*2)}.dw\:text-center{text-align:center}.dw\:text-\[12px\]{font-size:12px}.dw\:text-\[16px\]{font-size:16px}.dw\:text-\[32px\]{font-size:32px}.dw\:text-\[48px\]{font-size:48px}.dw\:leading-\[16px\]{--tw-leading:16px;line-height:16px}.dw\:leading-\[32px\]{--tw-leading:32px;line-height:32px}.dw\:leading-\[48px\]{--tw-leading:48px;line-height:48px}.dw\:font-bold{--tw-font-weight:var(--dw-font-weight-bold);font-weight:var(--dw-font-weight-bold)}.dw\:font-semibold{--tw-font-weight:var(--dw-font-weight-semibold);font-weight:var(--dw-font-weight-semibold)}.dw\:text-nowrap{text-wrap:nowrap}.dw\:text-ellipsis{text-overflow:ellipsis}.dw\:whitespace-nowrap{white-space:nowrap}.dw\:uppercase{text-transform:uppercase}.dw\:backdrop-blur-md{--tw-backdrop-blur:blur(var(--dw-blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.dw\:transition-\[grid-template-columns\]{transition-property:grid-template-columns;transition-timing-function:var(--tw-ease,var(--dw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dw-default-transition-duration))}.dw\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--dw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dw-default-transition-duration))}.dw\:duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.dw\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--dw-color-white)10%,transparent)}}.dw\:bg-surface{background-color:var(--dw-color-surface)}.dw\:bg-surface-low{background-color:var(--dw-color-surface-low)}.dw\:bg-surface-lower{background-color:var(--dw-color-surface-lower)}.dw\:bg-surface-high{background-color:var(--dw-color-surface-high)}.dw\:bg-surface-higher{background-color:var(--dw-color-surface-higher)}.dw\:text-ink{color:var(--dw-color-text-ink)}.dw\:text-contrast{color:var(--dw-color-text-contrast)}.dw\:text-cyan{color:var(--dw-color-text-cyan)}.dw\:text-emerald{color:var(--dw-color-text-emerald)}.dw\:text-neutral{color:var(--dw-color-text-neutral)}.dw\:text-red{color:var(--dw-color-text-red)}.dw\:text-yellow{color:var(--dw-color-text-yellow)}.dw\:bg-blue{background-color:var(--dw-color-fill-blue)}.dw\:bg-contrast{background-color:var(--dw-color-fill-contrast)}.dw\:bg-cyan{background-color:var(--dw-color-fill-cyan)}.dw\:bg-emerald{background-color:var(--dw-color-fill-emerald)}.dw\:bg-fuchsia{background-color:var(--dw-color-fill-fuchsia)}.dw\:bg-neutral{background-color:var(--dw-color-fill-neutral)}.dw\:bg-red{background-color:var(--dw-color-fill-red)}.dw\:bg-teal{background-color:var(--dw-color-fill-teal)}.dw\:bg-yellow{background-color:var(--dw-color-fill-yellow)}.dw\:bg-violet{background-color:var(--dw-color-fill-violet)}.dw\:border-blue{border-color:var(--dw-color-outline-blue)}.dw\:border-muted{border-color:var(--dw-color-outline-muted)}.dw\:border-neutral{border-color:var(--dw-color-outline-neutral)}.dw\:button-bg-blue{background-color:var(--dw-color-button-fill-cyan)}.dw\:button-bg-blue:hover{background-color:var(--dw-color-button-fill-cyan-hover)}.dw\:grid-overlay-bg{background-color:var(--dw-color-grid-overlay-fill)}.dw\:grid-overlay-border{border-color:var(--dw-color-grid-overlay-outline)}}:root{--dw-color-surface:#27272a;--dw-color-surface-low:#3f3f46;--dw-color-surface-lower:#52525b;--dw-color-surface-lowest:#71717a;--dw-color-surface-high:#18181b;--dw-color-surface-higher:#09090b;--dw-color-surface-highest:#000;--dw-color-surface-widget:#27272a;--dw-color-text-ink:#e4e4e7;--dw-color-text-contrast:#09090b;--dw-color-text-cyan:#22d3ee;--dw-color-text-emerald:#34d399;--dw-color-text-neutral:#a3a3a3;--dw-color-text-red:#f87171;--dw-color-text-yellow:#facc15;--dw-color-fill-blue:#60a5fa;--dw-color-fill-contrast:#09090b;--dw-color-fill-cyan:#22d3ee;--dw-color-fill-emerald:#34d399;--dw-color-fill-fuchsia:#e879f9;--dw-color-fill-neutral:#a3a3a3;--dw-color-fill-red:#f87171;--dw-color-fill-teal:#2dd4bf;--dw-color-fill-yellow:#facc15;--dw-color-fill-violet:#a78bfa;--dw-color-outline-neutral:#a3a3a3;--dw-color-outline-muted:#52525b;--dw-color-outline-blue:#60a5fa;--dw-color-button-fill-cyan:#0e7490;--dw-color-button-fill-cyan-hover:#0891b2;--dw-color-button-fill-cyan-active:#06b6d4;--dw-color-grid-overlay-fill:#60a5fa26;--dw-color-grid-overlay-outline:#60a5fa80}.btn-catalog-close-prototype{height:calc(var(--dw-spacing)*6);width:calc(var(--dw-spacing)*6);border-radius:var(--dw-radius-lg);border-style:var(--tw-border-style);background-color:color-mix(in oklab,var(--dw-color-white)0%,transparent);padding:calc(var(--dw-spacing)*0);border-width:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.btn-catalog-close-prototype:hover{background-color:color-mix(in oklab,var(--dw-color-white)10%,transparent)}}.btn-catalog-close-prototype:active{background-color:color-mix(in oklab,var(--dw-color-white)20%,transparent)}.btn-resize-handle-prototype{right:calc(var(--dw-spacing)*1);bottom:calc(var(--dw-spacing)*1);height:calc(var(--dw-spacing)*6);width:calc(var(--dw-spacing)*6);cursor:move;border-style:var(--tw-border-style);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--dw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dw-default-transition-duration));background-color:#0000;border-width:0;border-radius:.25rem;justify-content:center;align-items:center;display:inline-flex;position:absolute}@media (hover:hover){.btn-resize-handle-prototype:is(:where(.dw\:group):hover *){opacity:1}.btn-resize-handle-prototype:hover{background-color:color-mix(in oklab,var(--dw-color-white)20%,transparent)}}.placeholder-skeleton{--pattern-fg:#facc1580;background-size:6px 6px;background-attachment:fixed;background-image:repeating-linear-gradient(315deg,var(--pattern-fg)0,var(--pattern-fg)1px,transparent 0,transparent 50%)}.placeholder-component{box-sizing:border-box;--pattern-fg:#a8a29e80;background-size:6px 6px;background-attachment:fixed;background-image:repeating-linear-gradient(315deg,var(--pattern-fg)0,var(--pattern-fg)1px,transparent 0,transparent 50%);border:1px solid #52525b;border-radius:8px;width:100%;height:24px}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}*{box-sizing:border-box}#root{display:flex;flex-direction:column;gap:8px;margin:0;height:100vh;padding:0;position:relative;width:100%}.grid-container{display:flex;flex-direction:column;height:calc(100vh - 64px - 2rem);margin:0 1rem 1rem;position:relative}.grid-container>div{height:100%}