/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.cursor-move{cursor:move}.cursor-nw-resize{cursor:nw-resize}.touch-none{touch-action:none}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.leading-none{--tw-leading:1;line-height:1}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.opacity-80{opacity:.8}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.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,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}@keyframes shine{to{background-position:200%}}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex}.main-content-container{flex-direction:column;height:80vh;min-height:600px;display:flex}.content-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.modern-input{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.modern-input:focus{background:#fff;border-color:#3b82f6;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f61a,0 4px 8px #0000000a}.modern-input::-moz-placeholder{color:#64748b;font-weight:400}.modern-input::placeholder{color:#64748b;font-weight:400}.modern-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #3b82f633}.modern-button:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.modern-button:active{transform:translateY(0)}.chat-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:320px;padding:20px;font-size:14px;line-height:1.6;box-shadow:0 10px 25px #0000001a,0 0 0 1px #0000000d}.chat-tooltip:before{content:"";background:#fff;border-top:1px solid #e2e8f0;border-bottom:none;border-left:none;border-right:1px solid #e2e8f0;width:16px;height:16px;position:absolute;top:20px;right:-8px;transform:rotate(45deg)}.draggable-divider{z-index:10;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:1px solid #94a3b8;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.draggable-divider:hover{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:0 0 12px #3b82f666}.draggable-divider.dragging{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 0 20px #3b82f699}.vertical-divider{cursor:col-resize;width:8px;min-width:8px}.vertical-divider:hover{transform:scaleX(1.25)}.vertical-divider.dragging{transform:scaleX(1.5)}.horizontal-divider{cursor:row-resize;width:100%;height:8px;min-height:8px}.horizontal-divider:hover{transform:scaleY(1.25)}.horizontal-divider.dragging{transform:scaleY(1.5)}.resizable-panel{transition:width .1s cubic-bezier(.4,0,.2,1),height .1s cubic-bezier(.4,0,.2,1)}body.dragging{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.cm-editor{text-align:left!important;height:100%!important;overflow:auto!important}.cm-focused{outline:none}.cm-content{text-align:left!important;min-height:100%!important;padding:16px!important;font-family:JetBrains Mono,Fira Code,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important;font-size:14px!important;line-height:1.6!important}.cm-line{text-align:left!important}.cm-cursor{border-left:1px solid #000!important}.cm-scroller{max-height:100%!important;font-family:inherit!important;overflow:auto!important}.cm-editor .cm-scroller{overflow:auto!important}.output-container{scrollbar-width:thin;scrollbar-color:#64748b #f1f5f9;max-height:100%;overflow:hidden auto}.output-container::-webkit-scrollbar{width:8px}.output-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.output-container::-webkit-scrollbar-thumb{background:#64748b;border-radius:4px}.output-container::-webkit-scrollbar-thumb:hover{background:#475569}iframe{aspect-ratio:16/9;width:100%;height:100%;min-height:200px}@media (max-width:768px){.vertical-divider{width:12px;min-width:12px}.horizontal-divider{height:12px;min-height:12px}.mobile-stack{flex-direction:column!important}.mobile-stack .vertical-divider{display:none}.mobile-panel{width:100%!important;height:50%!important}}@media (max-width:480px){.text-4xl{font-size:2rem!important}.p-6{padding:1rem!important}.gap-6{gap:1rem!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.dragging{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.dragging *{pointer-events:none!important}.dragging .video-component{pointer-events:auto!important}.dragging .video-component iframe{pointer-events:none!important}.resizing{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.resizing *{pointer-events:none!important}.resizing .video-component{pointer-events:auto!important}.resizing .video-component iframe{pointer-events:none!important}.video-component{will-change:transform;position:fixed!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .2s ease}.video-component:hover{box-shadow:0 25px 50px -12px #00000040}.video-component:hover .resize-handle{opacity:1}.video-component .resize-handle{opacity:.6;transition:opacity .2s ease,background-color .2s ease}.resizable-panel{transition:all .2s ease-out}.no-transition{transition:none!important}.video-container{position:relative}.resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nw-resize;z-index:10}.resize-handle:hover{opacity:.8}.draggable-divider{display:flex;align-items:center;justify-content:center;background-color:#f1f5f9;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10;border:1px solid #e2e8f0}.horizontal-divider{height:10px;cursor:row-resize;width:100%}.vertical-divider{width:10px;cursor:col-resize;height:100%}.draggable-divider:hover{background-color:#e2e8f0}.draggable-divider.dragging{background-color:#64748b!important;z-index:50}@media (max-width: 768px){.mobile-stack{flex-direction:column!important}.mobile-panel{width:100%!important;height:50%!important}}#root{max-width:none;margin:0;padding:0;text-align:left;height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.card{border-radius:12px;border:1px solid rgba(229,231,235,.5);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-professional{font-size:.875rem;font-weight:500;padding:.5rem 1rem;height:2.25rem;border-radius:.5rem;transition:all .2s ease}.input-modern{font-size:.875rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #e2e8f0;background-color:#f8fafc;transition:all .2s ease}.input-modern:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.cm-editor{border-radius:0!important;background:#fff!important}.cm-focused{outline:none!important}.cm-scroller{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important;line-height:1.6!important}.cm-gutters{background-color:#f8fafc!important;border-right:1px solid #e2e8f0!important}.cm-activeLineGutter{background-color:#e2e8f0!important}.cm-activeLine{background-color:#3b82f60d!important}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button-hover{transform:translateY(-1px);box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d}.terminal-window{background:linear-gradient(145deg,#1e293b,#0f172a);box-shadow:inset 0 1px #ffffff1a}.terminal-content{text-shadow:0 0 2px rgba(34,197,94,.5)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}