@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;700&display=swap";pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*! Theme: GitHub Dark Description: Dark theme as seen on github.com Author: github.com Maintainer: @Hirse Updated: 2021-05-15 Outdated base version: https://github.com/primer/github-syntax-dark Current colors taken from GitHub's CSS */.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}/** * Copyright (c) 2014 The xterm.js authors. All rights reserved. * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License) * https://github.com/chjj/term.js * @license MIT * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. * * Originally forked from (with the author's permission): * Fabrice Bellard's javascript vt100 for jslinux: * http://bellard.org/jslinux/ * Copyright (c) 2011 Fabrice Bellard * The original design remains. The terminal itself * has been extended to include xterm CSI codes, among * other features. */.xterm{cursor:text;position:relative;-moz-user-select:none;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:double underline;text-decoration:double underline}.xterm-underline-3{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.xterm-underline-4{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.xterm-underline-5{-webkit-text-decoration:dashed underline;text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.ide-page{--ide-bg-app: #1e1e1e;--ide-bg-elevated: #252526;--ide-bg-sidebar: #181818;--ide-bg-activity: #111111;--ide-bg-editor: #1e1e1e;--ide-bg-panel: #181818;--ide-bg-tab: #2d2d2d;--ide-bg-tab-active: #1e1e1e;--ide-border-color: #2a2a2a;--ide-text-primary: #cccccc;--ide-text-secondary: #8d8d8d;--ide-text-muted: #6f6f6f;--ide-accent: #0e639c;--ide-accent-soft: #094771;--ide-success: #4ec9b0;--ide-warning: #dcdcaa;--ide-danger: #f48771;min-height:100vh;background:var(--ide-bg-app);color:var(--ide-text-primary);font-family:Inter,sans-serif}.ide-shell{min-height:calc(100vh - 24px);display:grid;grid-template-columns:52px 280px minmax(0,1fr) 360px}.ide-activity-bar,.ide-statusbar,.ide-sidebar-section,.ide-right-panel,.ide-bottom-panel,.ide-topbar,.ide-editor-toolbar{background:var(--ide-bg-panel)}.ide-activity-bar{display:flex;flex-direction:column;gap:4px;align-items:center;padding:12px 0;border-right:1px solid var(--ide-border-color);background:var(--ide-bg-activity)}.ide-brand,.ide-activity-button,.ide-icon-button,.ide-chip-button,.ide-button,.ide-tree-row,.ide-search-result,.ide-palette-item,.ide-editor-tab-main,.ide-editor-tab-action,.ide-bottom-tabs button,.ide-right-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}.ide-brand{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:8px}.ide-brand img{width:24px;height:24px}.ide-activity-button{width:100%;height:42px;position:relative;display:grid;place-items:center;color:var(--ide-text-secondary)}.ide-activity-button.is-active,.ide-activity-button:hover,.ide-icon-button:hover,.ide-chip-button:hover,.ide-button:hover,.ide-tree-row:hover,.ide-search-result:hover,.ide-palette-item:hover,.ide-bottom-tabs button:hover,.ide-right-tabs button:hover{color:var(--ide-text-primary);background:#ffffff0a}.ide-activity-button.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--ide-accent)}.ide-activity-spacer{flex:1}.ide-sidebar-section,.ide-main,.ide-right-dock{min-width:0}.ide-sidebar-section{border-right:1px solid var(--ide-border-color);display:flex;flex-direction:column;min-height:calc(100vh - 24px)}.ide-sidebar-head,.ide-panel-head,.ide-topbar,.ide-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.ide-sidebar-head,.ide-topbar,.ide-editor-toolbar,.ide-panel-head,.ide-bottom-tabs,.ide-right-tabs{padding:10px 12px;border-bottom:1px solid var(--ide-border-color)}.ide-sidebar-scroll,.ide-chat-list,.ide-output-list,.ide-saved-sites,.ide-collab-list{min-height:0;overflow:auto}.ide-sidebar-scroll{flex:1}.ide-sidebar-pad,.ide-right-panel,.ide-bottom-body{padding:12px}.ide-main{display:flex;flex-direction:column;min-height:calc(100vh - 24px)}.ide-topbar{gap:16px;background:var(--ide-bg-elevated)}.ide-topbar-left,.ide-topbar-center,.ide-topbar-right,.ide-inline-actions,.ide-inline-fill,.ide-breadcrumbs,.ide-editor-filemeta,.ide-chat-actions,.ide-dialog-actions,.ide-template-meta,.ide-list-row,.ide-collab-row,.ide-statusbar-left,.ide-statusbar-right{display:flex;align-items:center;gap:8px}.ide-inline-fill,.ide-topbar-center,.ide-topbar-right{flex-wrap:wrap}.ide-breadcrumbs strong{font-size:.9rem}.ide-breadcrumbs span{font-size:.75rem;color:var(--ide-text-secondary);padding:3px 8px;border:1px solid var(--ide-border-color);border-radius:999px}.ide-chip-button,.ide-button{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:7px}.ide-chip-button.is-primary,.ide-button.is-primary{background:var(--ide-accent)}.ide-button.is-danger{color:var(--ide-danger)}.ide-button.is-muted,.ide-chip-button,.ide-icon-button,.ide-dialog-field,.ide-input,.ide-chat-input,.ide-terminal-input input,.ide-editor-tab,.ide-palette,.ide-dialog,.ide-marketplace-card,.ide-sidebar-card,.ide-search-result,.ide-output-line,.ide-template-card,.ide-saved-site{background:#ffffff08;border:1px solid var(--ide-border-color)}.ide-icon-button{width:28px;height:28px;border-radius:6px;display:grid;place-items:center}.ide-editor-workspace{display:flex;flex-direction:column;min-height:0;flex:1}.ide-editor-groups{display:grid;grid-template-columns:1fr;min-height:0;flex:1}.ide-editor-groups.is-split{grid-template-columns:1fr 1fr}.ide-editor-group{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--ide-border-color)}.ide-editor-tabs{display:flex;align-items:center;overflow:auto;border-bottom:1px solid var(--ide-border-color)}.ide-editor-tab{display:flex;align-items:center;min-width:0;background:var(--ide-bg-tab);border-right:1px solid var(--ide-border-color)}.ide-editor-tab.is-active{background:var(--ide-bg-tab-active)}.ide-editor-tab-main{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;min-width:0}.ide-editor-tab-main span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-editor-tab-main i{width:7px;height:7px;border-radius:50%;background:var(--ide-text-secondary)}.ide-editor-filemeta span,.ide-list-row button,.ide-saved-site span,.ide-collab-row span,.ide-marketplace-card span,.ide-marketplace-card p,.ide-chat-bubble small,.ide-empty-state p{color:var(--ide-text-secondary)}.ide-editor-frame,.ide-preview-shell{flex:1;min-height:0}.ide-bottom-panel{height:240px;border-top:1px solid var(--ide-border-color);display:flex;flex-direction:column}.ide-bottom-tabs,.ide-right-tabs{display:flex;gap:4px}.ide-bottom-tabs button,.ide-right-tabs button{padding:6px 10px;border-radius:6px}.ide-bottom-tabs .is-active,.ide-right-tabs .is-active{background:#ffffff0f;color:var(--ide-text-primary)}.ide-bottom-body,.ide-right-dock,.ide-right-panel{min-height:0;flex:1;display:flex;flex-direction:column}.ide-right-dock{border-left:1px solid var(--ide-border-color);background:var(--ide-bg-sidebar)}.ide-chat-list{flex:1;display:grid;gap:10px;margin-bottom:12px}.ide-chat-message{display:flex;gap:10px}.ide-chat-message.is-user{flex-direction:row-reverse}.ide-chat-avatar{width:30px;height:30px;border-radius:10px;background:#ffffff14;display:grid;place-items:center;font-size:.72rem;font-weight:700;flex-shrink:0}.ide-chat-bubble{border-radius:10px;background:#ffffff08;border:1px solid var(--ide-border-color);flex:1}.ide-chat-bubble pre,.ide-output-line pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:JetBrains Mono,monospace;font-size:.78rem}.ide-chat-input,.ide-dialog-field,.ide-input,.ide-terminal-input input{width:100%;color:inherit;border-radius:8px;padding:10px 12px}.ide-chat-input,.ide-dialog-textarea{min-height:110px;resize:vertical}.ide-send-button{margin-top:10px;justify-content:center}.ide-preview-shell{border-radius:10px;overflow:hidden;border:1px solid var(--ide-border-color);margin-bottom:12px}.ide-preview-shell iframe{width:100%;height:100%;min-height:280px;border:0;background:#fff}.ide-preview-placeholder,.ide-empty-state{display:grid;place-items:center;gap:8px;padding:20px;text-align:center}.ide-sidebar-card,.ide-marketplace-card,.ide-output-line,.ide-template-card,.ide-saved-site{border-radius:10px;padding:12px}.ide-marketplace-card,.ide-saved-site{margin:10px 12px 0}.ide-search-result,.ide-tree-row,.ide-list-row button{width:100%;text-align:left}.ide-search-result,.ide-tree-row{display:flex;align-items:center;gap:8px;padding:8px 12px}.ide-tree-row.is-active{background:#4da3ff2e}.ide-search-result{margin:0 12px 10px;border-radius:8px;flex-direction:column;align-items:flex-start}.ide-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ide-template-card.is-active{border-color:var(--ide-accent);background:#4da3ff1f}.ide-template-meta span,.ide-eyebrow{color:var(--ide-text-secondary);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700}.ide-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50}.ide-dialog,.ide-palette{width:min(680px,calc(100vw - 32px));border-radius:14px;padding:16px;background:var(--ide-bg-elevated)}.ide-dialog-large{width:min(960px,calc(100vw - 32px))}.ide-dialog-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.ide-palette-head{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--ide-border-color)}.ide-palette-head input{flex:1;background:transparent;border:0;color:inherit}.ide-palette-list{display:grid;gap:8px;max-height:420px;overflow:auto;padding-top:12px}.ide-palette-item{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px}.ide-palette-item span,.ide-palette-item kbd{color:var(--ide-text-secondary)}.ide-terminal-shell{display:flex;flex-direction:column;height:100%}.ide-terminal{flex:1;min-height:0}.ide-terminal-input{display:flex;align-items:center;gap:8px;padding-top:10px}.ide-output-list{display:grid;gap:8px}.ide-output-line{display:flex;align-items:flex-start;gap:10px}.ide-output-line span{min-width:60px;color:var(--ide-text-muted);text-transform:uppercase;font-size:.7rem}.ide-output-line.is-error span,.ide-output-line.is-stderr span{color:var(--ide-danger)}.ide-output-line.is-warning span{color:var(--ide-warning)}.ide-output-line.is-stdout span{color:var(--ide-success)}.ide-collab-row{padding:10px 0;border-bottom:1px solid var(--ide-border-color)}.ide-collab-dot{width:10px;height:10px;border-radius:50%}.ide-ghost-stack{display:flex;gap:6px}.ide-ghost-stack span{width:12px;height:12px;background:#ffffff26;border-radius:50%}.ide-chip-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--ide-text-primary);text-decoration:none}.ide-statusbar{height:24px;background:var(--ide-accent);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:.72rem}.ide-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e639c2e;border:2px dashed rgba(255,255,255,.22);display:grid;place-items:center;text-align:center;gap:8px;z-index:40}.spin{animation:ide-spin 1s linear infinite}@keyframes ide-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1400px){.ide-shell{grid-template-columns:52px 250px minmax(0,1fr) 320px}}@media (max-width: 1100px){.ide-shell{grid-template-columns:52px minmax(0,1fr)}.ide-sidebar-section,.ide-right-dock{position:fixed;top:0;bottom:24px;z-index:20;width:min(340px,calc(100vw - 52px))}.ide-sidebar-section{left:52px}.ide-right-dock{right:0;width:min(360px,100vw)}}@media (max-width: 820px){.ide-shell{grid-template-columns:1fr}.ide-activity-bar{display:none}.ide-topbar{flex-direction:column;align-items:stretch}.ide-editor-groups.is-split,.ide-template-grid{grid-template-columns:1fr}}.ide-page{--ide-bg-app: #060816;--ide-bg-elevated: rgba(13, 18, 31, .92);--ide-bg-sidebar: rgba(9, 13, 24, .9);--ide-bg-activity: rgba(7, 10, 19, .94);--ide-bg-editor: #0c1323;--ide-bg-panel: rgba(10, 14, 24, .88);--ide-bg-tab: rgba(255, 255, 255, .04);--ide-bg-tab-active: rgba(15, 22, 37, .98);--ide-border-color: rgba(125, 143, 174, .16);--ide-text-primary: #edf3ff;--ide-text-secondary: #9caeca;--ide-text-muted: #7386a3;--ide-accent: #63a7ff;--ide-accent-soft: rgba(99, 167, 255, .16);--ide-success: #34d399;--ide-warning: #facc15;--ide-danger: #ff9b8d;position:relative;overflow:hidden;padding:14px 14px 0;background:radial-gradient(circle at 16% 14%,rgba(99,167,255,.2),transparent 28%),radial-gradient(circle at 82% 10%,rgba(56,189,248,.16),transparent 24%),radial-gradient(circle at 78% 78%,rgba(45,212,191,.12),transparent 22%),linear-gradient(135deg,#040814,#08111f 34%,#050914);font-family:Space Grotesk,Inter,sans-serif}.ide-page:before,.ide-page:after{content:"";position:fixed;inset:auto;width:42vw;height:42vw;border-radius:999px;filter:blur(90px);opacity:.18;pointer-events:none;z-index:0}.ide-page:before{top:-16vw;right:-10vw;background:#38bdf8}.ide-page:after{bottom:-18vw;left:-8vw;background:#2563eb}.ide-shell{position:relative;z-index:1;min-height:calc(100vh - 96px);gap:14px;grid-template-columns:56px minmax(236px,18vw) minmax(0,1.05fr) minmax(360px,.94fr)}.ide-activity-bar,.ide-sidebar-section,.ide-main,.ide-right-dock,.ide-bottom-panel,.ide-dialog,.ide-palette{border:1px solid rgba(125,143,174,.18);box-shadow:0 22px 60px #0208146b,inset 0 1px #ffffff08}.ide-activity-bar,.ide-sidebar-section,.ide-main,.ide-right-dock{overflow:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.ide-activity-bar{min-height:calc(100vh - 96px);border-radius:24px;border-right:0;padding:16px 0 14px;background:linear-gradient(180deg,#080c16f5,#050910eb)}.ide-brand{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#63a7ff38,#2dd4bf29);border:1px solid rgba(125,143,174,.22);box-shadow:inset 0 1px #ffffff0f}.ide-brand img{width:26px;height:26px}.ide-activity-button,.ide-icon-button,.ide-chip-button,.ide-button,.ide-search-result,.ide-tree-row,.ide-palette-item,.ide-editor-tab,.ide-editor-tab-main,.ide-editor-tab-action,.ide-bottom-tabs button,.ide-right-tabs button{transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.ide-activity-button{width:44px;height:44px;margin:0 auto;border-radius:14px}.ide-activity-button.is-active,.ide-activity-button:hover,.ide-icon-button:hover,.ide-chip-button:hover,.ide-button:hover,.ide-tree-row:hover,.ide-search-result:hover,.ide-palette-item:hover,.ide-bottom-tabs button:hover,.ide-right-tabs button:hover{transform:translateY(-1px);color:var(--ide-text-primary);background:#ffffff0f;box-shadow:0 10px 24px #02081438}.ide-activity-button.is-active{background:#63a7ff24}.ide-activity-button.is-active:before{left:-1px;top:10px;bottom:10px;width:3px;border-radius:999px;background:linear-gradient(180deg,#8dd0ff,#4f7fff);box-shadow:0 0 16px #63a7ff99}.ide-sidebar-section,.ide-right-dock,.ide-main{min-height:calc(100vh - 96px)}.ide-sidebar-section{border-right:0;border-radius:28px;background:linear-gradient(180deg,#080d18f5,#080c15d6)}.ide-main{border-radius:32px;background:linear-gradient(180deg,#0b101cfa,#080c15f0)}.ide-right-dock{border-left:0;border-radius:28px;background:linear-gradient(180deg,#090e19f5,#060a12e6)}.ide-sidebar-head,.ide-topbar,.ide-editor-toolbar,.ide-panel-head,.ide-bottom-tabs,.ide-right-tabs{padding:14px 16px;border-bottom:1px solid rgba(125,143,174,.14)}.ide-sidebar-head,.ide-panel-head,.ide-bottom-tabs,.ide-right-tabs,.ide-editor-toolbar{background:linear-gradient(180deg,#ffffff08,#ffffff03)}.ide-topbar{position:relative;gap:14px;background:linear-gradient(180deg,#0e1320e0,#090d17c7)}.ide-topbar-left,.ide-topbar-center,.ide-topbar-right{gap:10px}.ide-breadcrumbs strong{font-size:1rem;font-weight:700;letter-spacing:-.02em}.ide-breadcrumbs span{padding:5px 10px;border-radius:999px;border-color:#7d8fae2e;background:#ffffff0a;color:#d4e3ff}.ide-chip-button,.ide-button{padding:9px 13px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(125,143,174,.16);box-shadow:inset 0 1px #ffffff0a}.ide-chip-button.is-primary,.ide-button.is-primary{color:#05111f;background:linear-gradient(135deg,#77b8ff,#3ed0d2);border-color:transparent;font-weight:700}.ide-button.is-danger{color:#ffb0a5;border-color:#ff7a6f38;background:#ff7a6f14}.ide-icon-button{width:34px;height:34px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(125,143,174,.16);box-shadow:inset 0 1px #ffffff08}.ide-chip-button:disabled,.ide-button:disabled,.ide-icon-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.ide-sidebar-pad,.ide-right-panel,.ide-bottom-body{padding:16px}.ide-sidebar-scroll,.ide-chat-list,.ide-output-list,.ide-saved-sites,.ide-collab-list{padding:0 16px 16px}.ide-sidebar-scroll{display:block}.ide-sidebar-card,.ide-marketplace-card,.ide-output-line,.ide-template-card,.ide-saved-site,.ide-search-result,.ide-chat-bubble{border-radius:18px;border:1px solid rgba(125,143,174,.16);background:linear-gradient(180deg,#111827db,#0a0f1bb8);box-shadow:0 14px 32px #02081438}.ide-sidebar-card,.ide-marketplace-card,.ide-output-line,.ide-template-card,.ide-saved-site{padding:14px}.ide-sidebar-card p,.ide-marketplace-card p,.ide-template-card p,.ide-preview-placeholder p,.ide-empty-state p{line-height:1.55}.ide-marketplace-card,.ide-saved-site,.ide-search-result{margin:0 0 12px}.ide-search-result,.ide-tree-row{border-radius:14px;margin-bottom:8px;padding:10px 12px;border:1px solid transparent}.ide-tree-row.is-active{background:#63a7ff24;border-color:#63a7ff2e;box-shadow:inset 0 1px #ffffff0a}.ide-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(125,143,174,.12)}.ide-list-row:last-child{border-bottom:0}.ide-list-row button{padding:0;background:transparent;border:0}.ide-history{margin-top:12px;padding:14px;border-radius:18px;border:1px solid rgba(125,143,174,.14);background:#ffffff08}.ide-history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(125,143,174,.1)}.ide-history-item:last-child{border-bottom:0}.ide-editor-workspace{gap:14px;padding:12px 16px 16px}.ide-editor-groups{gap:12px}.ide-editor-group{border-right:0;border-radius:22px;border:1px solid rgba(125,143,174,.16);background:linear-gradient(180deg,#090d17f0,#080c15c2);box-shadow:inset 0 1px #ffffff05;overflow:hidden}.ide-editor-tabs{gap:8px;padding:10px 12px 0;border-bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.ide-editor-tab{border:1px solid rgba(125,143,174,.14);border-bottom:0;border-radius:14px 14px 0 0;background:#ffffff0a}.ide-editor-tab.is-active{background:linear-gradient(180deg,#151f30fa,#0d1320f5);border-color:#63a7ff3d;box-shadow:inset 0 2px #77b8ff73}.ide-editor-tab-main{padding:11px 12px}.ide-editor-tab-action{padding:10px 8px}.ide-editor-toolbar{padding:10px 14px}.ide-editor-filemeta span{color:#dbe7ff}.ide-editor-filemeta small{color:#7dd3fc}.ide-editor-frame{background:var(--ide-bg-editor)}.ide-bottom-panel{height:280px;margin-top:0;border-top:0;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#080c15f0,#060a12d6)}.ide-bottom-tabs,.ide-right-tabs{gap:8px}.ide-bottom-tabs button,.ide-right-tabs button{padding:8px 12px;border-radius:12px;border:1px solid transparent}.ide-bottom-tabs .is-active,.ide-right-tabs .is-active{background:#63a7ff1f;border-color:#63a7ff2e;box-shadow:inset 0 1px #ffffff0a}.ide-right-panel{gap:14px}.ide-chat-list,.ide-collab-list,.ide-output-list,.ide-saved-sites{margin-bottom:0}.ide-chat-message{gap:12px}.ide-chat-avatar{width:36px;height:36px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#63a7ffcc,#2dd4bfb3)}.ide-chat-bubble{padding:14px}.ide-chat-message.is-user .ide-chat-bubble{background:linear-gradient(135deg,#4463ff38,#2dd4bf24)}.ide-chat-bubble pre,.ide-output-line pre{font-family:JetBrains Mono,monospace;font-size:.79rem;line-height:1.55}.ide-chat-input,.ide-dialog-field,.ide-input,.ide-terminal-input input,.ide-palette-head input{border-radius:14px;padding:12px 14px;border:1px solid rgba(125,143,174,.18);background:#050a13b8;box-shadow:inset 0 1px #ffffff0a}.ide-chat-input::-moz-placeholder,.ide-dialog-field::-moz-placeholder,.ide-input::-moz-placeholder,.ide-terminal-input input::-moz-placeholder{color:#9caecab8}.ide-chat-input::placeholder,.ide-dialog-field::placeholder,.ide-input::placeholder,.ide-terminal-input input::placeholder{color:#9caecab8}.ide-dialog-textarea,.ide-chat-input{min-height:118px}.ide-send-button{margin-top:0}.ide-preview-shell{min-height:360px;margin-bottom:0;border-radius:20px;background:#ffffff08}.ide-preview-shell iframe{min-height:360px}.ide-preview-placeholder,.ide-empty-state{min-height:120px;border-radius:18px;border:1px dashed rgba(125,143,174,.2);background:#ffffff05}.ide-output-line{align-items:flex-start;padding:12px 14px}.ide-collab-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;border-bottom:0;border-radius:16px;border:1px solid rgba(125,143,174,.14);background:#ffffff08}.ide-collab-row:last-child{margin-bottom:0}.ide-collab-row>div{display:grid;gap:4px}.ide-collab-dot{box-shadow:0 0 18px currentColor}.ide-template-grid{gap:14px}.ide-template-card{text-align:left}.ide-template-card.is-active{border-color:#63a7ff47;background:linear-gradient(180deg,#264a9b3d,#0e1d3fc7)}.ide-dialog-backdrop{background:#02050cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ide-dialog,.ide-palette{background:linear-gradient(180deg,#0c121efa,#090d17eb);border-radius:24px}.ide-dialog-actions{justify-content:flex-end}.ide-palette-head{gap:10px}.ide-palette-head input{background:#ffffff08}.ide-palette-item{border:1px solid rgba(125,143,174,.12)}.ide-panel-head.compact{padding:0 0 12px;border-bottom:0}.ide-statusbar{position:relative;z-index:1;height:36px;margin:12px 14px 14px;padding:0 14px;border-radius:18px;border:1px solid rgba(124,189,255,.24);background:linear-gradient(135deg,#2057b9eb,#0e91baeb);box-shadow:0 16px 40px #0208144d}.ide-statusbar span{display:inline-flex;align-items:center;gap:6px}.ide-drop-overlay{background:#040811c7;border:2px dashed rgba(136,197,255,.32);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width: 1550px){.ide-shell{grid-template-columns:56px 228px minmax(0,1fr) minmax(320px,.86fr)}}@media (max-width: 1200px){.ide-shell{grid-template-columns:56px minmax(0,1fr);min-height:calc(100vh - 96px)}.ide-sidebar-section,.ide-right-dock{position:fixed;top:14px;bottom:64px;z-index:30;min-height:auto}.ide-sidebar-section{left:82px;width:min(360px,calc(100vw - 96px))}.ide-right-dock{right:14px;width:min(380px,calc(100vw - 28px))}}@media (max-width: 860px){.ide-page{padding:10px 10px 0}.ide-shell{grid-template-columns:1fr;gap:10px;min-height:calc(100vh - 90px)}.ide-sidebar-section,.ide-right-dock,.ide-main{min-height:auto;border-radius:22px}.ide-sidebar-section{left:10px;width:calc(100vw - 20px)}.ide-right-dock{right:10px;width:calc(100vw - 20px)}.ide-topbar{flex-direction:column;align-items:stretch}.ide-topbar-left,.ide-topbar-center,.ide-topbar-right{justify-content:flex-start}.ide-editor-groups.is-split{grid-template-columns:1fr}.ide-bottom-panel{height:240px}.ide-statusbar{height:auto;min-height:42px;padding:8px 12px;flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 560px){.ide-chip-button,.ide-button{padding:8px 11px}.ide-sidebar-head,.ide-topbar,.ide-editor-toolbar,.ide-panel-head,.ide-bottom-tabs,.ide-right-tabs,.ide-sidebar-pad,.ide-right-panel,.ide-bottom-body,.ide-sidebar-scroll,.ide-chat-list,.ide-output-list,.ide-saved-sites,.ide-collab-list{padding-left:12px;padding-right:12px}}.ide-page{--ide-bg-app: #111317;--ide-bg-elevated: #252a33;--ide-bg-sidebar: #1f242d;--ide-bg-activity: #1b2028;--ide-bg-editor: #171c24;--ide-bg-panel: #1f242d;--ide-bg-tab: #262c36;--ide-bg-tab-active: #1d222b;--ide-border-color: rgba(255, 255, 255, .1);--ide-text-primary: #e9edf3;--ide-text-secondary: #a7b2c4;--ide-text-muted: #8793a8;--ide-accent: #1976d2;--ide-accent-soft: rgba(25, 118, 210, .2);background:linear-gradient(180deg,#121419,#0f1116);padding:10px 10px 0;font-family:Segoe UI,Inter,sans-serif}.ide-page:before,.ide-page:after{display:none}.ide-shell{min-height:calc(100vh - 82px);gap:10px}.ide-activity-bar,.ide-sidebar-section,.ide-main,.ide-right-dock,.ide-bottom-panel,.ide-dialog,.ide-palette,.ide-statusbar{border-radius:14px}.ide-activity-bar,.ide-sidebar-section,.ide-main,.ide-right-dock,.ide-bottom-panel,.ide-dialog,.ide-palette{border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 26px #00000042;-webkit-backdrop-filter:none;backdrop-filter:none;background-image:none}.ide-sidebar-section,.ide-main,.ide-right-dock,.ide-activity-bar{min-height:calc(100vh - 82px)}.ide-main{background:#1b2028}.ide-sidebar-section,.ide-right-dock{background:#1f242d}.ide-activity-bar{background:#191e26}.ide-topbar{background:#2a2f37;border-bottom-color:#ffffff14;border-radius:14px;padding:12px 14px}.ide-editor-workspace{padding:0 10px 10px}.ide-sidebar-head,.ide-panel-head,.ide-editor-toolbar,.ide-right-tabs,.ide-bottom-tabs{background:#242a34}.ide-breadcrumbs span{border-radius:10px;background:#303746;border-color:#ffffff1f}.ide-chip-button,.ide-button{border-radius:10px;background:#2c3340;border:1px solid rgba(255,255,255,.12);box-shadow:none}.ide-chip-button.is-primary,.ide-button.is-primary{background:#3d86d3;color:#fff}.ide-icon-button{width:32px;height:32px;border-radius:10px;background:#2c3340;border:1px solid rgba(255,255,255,.12);box-shadow:none}.ide-sidebar-card,.ide-marketplace-card,.ide-output-line,.ide-template-card,.ide-saved-site,.ide-search-result,.ide-chat-bubble,.ide-preview-shell,.ide-history,.ide-collab-row,.ide-empty-state,.ide-preview-placeholder{border-radius:12px;background:#242a33;background-image:none;box-shadow:none}.ide-editor-group{border-radius:14px;background:#171c24;box-shadow:none}.ide-editor-tabs{background:#1f242d}.ide-editor-tab{border-radius:10px 10px 0 0;background:#282e39}.ide-editor-tab.is-active{background:#1e242e;box-shadow:none;border-color:#ffffff26}.ide-activity-button,.ide-icon-button,.ide-chip-button,.ide-button,.ide-search-result,.ide-tree-row,.ide-palette-item,.ide-editor-tab,.ide-editor-tab-main,.ide-editor-tab-action,.ide-bottom-tabs button,.ide-right-tabs button{transition:background .16s ease,color .16s ease,border-color .16s ease}.ide-activity-button.is-active,.ide-activity-button:hover,.ide-icon-button:hover,.ide-chip-button:hover,.ide-button:hover,.ide-tree-row:hover,.ide-search-result:hover,.ide-palette-item:hover,.ide-bottom-tabs button:hover,.ide-right-tabs button:hover{transform:none;box-shadow:none;background:#ffffff17}.ide-statusbar{height:34px;border:1px solid rgba(255,255,255,.14);background:#2b313c;box-shadow:0 8px 20px #00000038}.ide-chat-list{max-height:min(44vh,430px);overflow-y:auto}.ide-preview-shell{height:min(46vh,420px);max-height:420px;overflow:auto}.ide-preview-shell iframe{min-height:100%;height:100%}.ide-output-list{max-height:min(32vh,300px);overflow-y:auto}@media (max-width: 1200px){.ide-sidebar-section,.ide-right-dock{top:10px;bottom:52px}}.builder-page{height:100vh;overflow:hidden;display:flex;flex-direction:column;background:var(--mc-bg, #f8f9fb);color:var(--mc-text, #1a1a2e);font-family:Inter,sans-serif}.builder-toolbar{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--mc-border, #e5e7eb);background:var(--mc-surface, #fff);flex-shrink:0;z-index:10}.builder-toolbar-brand{display:flex;align-items:center;gap:8px;text-decoration:none;margin-right:4px;flex-shrink:0}.builder-toolbar-brand img{width:28px;height:28px}.builder-toolbar-brand span{font-family:Sora,sans-serif;font-weight:800;font-size:.92rem;color:var(--mc-text);letter-spacing:-.03em}.builder-toolbar-title{font-weight:700;font-size:.85rem;color:var(--mc-text);padding:5px 12px;border-radius:8px;border:1px solid var(--mc-border, #e5e7eb);background:var(--mc-bg, #f8f9fb);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-toolbar-spacer{flex:1}.builder-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid var(--mc-border, #e5e7eb);background:var(--mc-surface, #fff);color:var(--mc-text, #1a1a2e);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.builder-btn:hover{background:var(--mc-bg, #f0f1f4)}.builder-btn.is-primary{background:var(--mc-orange, #f26207);color:#fff;border-color:var(--mc-orange, #f26207)}.builder-btn.is-primary:hover{filter:brightness(1.08)}.builder-btn.is-accent{background:#0e639c;color:#fff;border-color:#0e639c}.builder-body{flex:1;display:grid;grid-template-columns:340px minmax(0,1fr);min-height:0;overflow:hidden}.builder-left{display:flex;flex-direction:column;border-right:1px solid var(--mc-border, #e5e7eb);background:var(--mc-surface, #fff);min-height:0;overflow:hidden}.builder-left-tabs{display:flex;gap:0;border-bottom:1px solid var(--mc-border, #e5e7eb);flex-shrink:0}.builder-left-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:none;background:transparent;color:var(--mc-muted, #777);font-size:.78rem;font-weight:700;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.builder-left-tabs button.is-active{color:var(--mc-orange, #f26207);border-bottom-color:var(--mc-orange, #f26207)}.builder-left-tabs button:hover{color:var(--mc-text)}.builder-left-content{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.builder-ai-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.builder-ai-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--mc-border, #e5e7eb);background:var(--mc-surface, #fff);flex-shrink:0}.builder-ai-header-title{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--mc-text, #1a1a2e)}.builder-ai-header-count{padding:1px 7px;border-radius:999px;background:#7c3aed24;color:#7c3aed;font-size:.65rem;font-weight:800}.builder-ai-clear{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:8px;border:1px solid var(--mc-border, #e5e7eb);background:transparent;color:var(--mc-muted, #777);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .15s}.builder-ai-clear:hover:not(:disabled){color:var(--mc-red, #e74c3c);border-color:var(--mc-red, #e74c3c);background:color-mix(in srgb,var(--mc-red, #e74c3c) 8%,transparent)}.builder-ai-clear:disabled{opacity:.45;cursor:not-allowed}body.dark-mode .builder-ai-header{background:#141422;border-color:#ffffff14}body.dark-mode .builder-ai-header-title{color:#e0e0f0}body.dark-mode .builder-ai-clear{border-color:#ffffff14;color:#a8a8c0}.builder-ai-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0}.builder-ai-input-area{padding:12px;border-top:1px solid var(--mc-border, #e5e7eb);flex-shrink:0;max-height:220px}.builder-ai-input-area textarea{width:100%;min-height:72px;border-radius:12px;border:1px solid var(--mc-border, #e5e7eb);background:var(--mc-bg, #f8f9fb);color:var(--mc-text);padding:12px;outline:none;resize:none;font-size:.85rem;font-family:inherit}.builder-ai-input-area textarea:focus{border-color:var(--mc-orange, #f26207)}.builder-ai-send{margin-top:8px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;border:none;background:var(--mc-orange, #f26207);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer}.builder-ai-send:hover{filter:brightness(1.08)}.builder-ai-send:disabled{opacity:.6;cursor:default}.builder-ai-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.builder-ai-actions button{padding:5px 10px;border-radius:8px;border:1px solid var(--mc-border, #e5e7eb);background:transparent;color:var(--mc-muted, #777);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.builder-ai-actions button:hover{color:var(--mc-orange, #f26207);border-color:var(--mc-orange, #f26207)}.builder-files-panel{padding:8px 0}.builder-main{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;background:var(--mc-bg, #f8f9fb)}.builder-main-tabs{display:flex;align-items:center;gap:4px;padding:6px 14px;border-bottom:1px solid var(--mc-border, #e5e7eb);background:var(--mc-surface, #fff);flex-shrink:0}.builder-main-tabs button{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--mc-muted, #777);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s}.builder-main-tabs button.is-active{background:var(--mc-orange, #f26207);color:#fff}.builder-main-tabs button:hover:not(.is-active){background:var(--mc-bg, #f0f1f4);color:var(--mc-text)}.builder-preview-frame{flex:1;min-height:0;height:100%;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--mc-border, #e5e7eb);box-shadow:0 4px 24px #0000000f}.builder-preview-frame iframe{width:100%;height:100%;min-height:100%;border:none}.builder-code-frame{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid var(--mc-border, #e5e7eb);background:#1e1e1e}.builder-code-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#252526;border-bottom:1px solid #2a2a2a;flex-shrink:0;overflow-x:auto}.builder-code-toolbar .builder-file-tab{padding:5px 12px;border-radius:6px;border:none;background:transparent;color:#8d8d8d;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.builder-code-toolbar .builder-file-tab.is-active{background:#1e1e1e;color:#ccc}.builder-code-editor{flex:1;min-height:0}.builder-empty-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--mc-muted, #777);padding:2rem;text-align:center}.builder-empty-preview h3{font-family:Sora,sans-serif;font-weight:800;font-size:1.3rem;color:var(--mc-text);margin:0}.builder-empty-preview p{font-size:.9rem;max-width:400px;line-height:1.6;margin:0}@media (max-width: 900px){.builder-body{grid-template-columns:1fr}.builder-left{display:none}}body.dark-mode .builder-page{background:#0d0d1a;color:#e0e0f0}body.dark-mode .builder-toolbar,body.dark-mode .builder-left,body.dark-mode .builder-main-tabs{background:#141422;border-color:#ffffff14}body.dark-mode .builder-toolbar-title{background:#0d0d1a;border-color:#ffffff14;color:#e0e0f0}body.dark-mode .builder-btn{background:#1a1a2e;border-color:#ffffff14;color:#e0e0f0}body.dark-mode .builder-btn:hover{background:#22223a}body.dark-mode .builder-left-tabs{border-color:#ffffff14}body.dark-mode .builder-left-tabs button{color:#6a6a8a}body.dark-mode .builder-left-tabs button.is-active{color:var(--mc-orange)}body.dark-mode .builder-ai-input-area textarea{background:#0d0d1a;border-color:#ffffff14;color:#e0e0f0}body.dark-mode .builder-preview-frame{border-color:#ffffff14;box-shadow:0 4px 24px #0000004d}body.dark-mode .builder-main-tabs button:hover:not(.is-active){background:#1a1a2e}body.dark-mode .builder-ai-actions button{border-color:#ffffff14;color:#6a6a8a}.builder-ctx-menu{min-width:160px;padding:4px;border-radius:10px;border:1px solid var(--mc-border, #e5e7eb);background:var(--mc-surface, #fff);box-shadow:0 8px 32px #0000001f;font-size:.8rem}body.dark-mode .builder-ctx-menu{background:#1a1a2e;border-color:#ffffff1a;box-shadow:0 8px 32px #0006}.builder-ctx-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}.builder-ctx-menu button:hover{background:var(--mc-orange, #f26207);color:#fff}.builder-page .ide-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f2620714;border:3px dashed var(--mc-orange, #f26207);border-radius:16px;margin:8px;color:var(--mc-text, #1a1a2e);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.builder-page .ide-drop-overlay strong{font-size:1.1rem;font-weight:800}.builder-page .ide-drop-overlay span{font-size:.85rem;color:var(--mc-muted, #777)}.builder-files-panel .ide-tree-row{width:100%;display:flex;align-items:center;gap:6px;padding:5px 8px;border:none;border-radius:6px;background:transparent;color:var(--mc-text, #1a1a2e);font-size:.82rem;cursor:pointer;text-align:left}.builder-files-panel .ide-tree-row:hover{background:var(--mc-bg, #f0f1f4)}.builder-files-panel .ide-tree-row.is-active{background:#f262071a;color:var(--mc-orange, #f26207)}body.dark-mode .builder-files-panel .ide-tree-row{color:#c0c0d0}body.dark-mode .builder-files-panel .ide-tree-row:hover{background:#ffffff0d}body.dark-mode .builder-files-panel .ide-tree-row.is-active{background:#f2620726;color:var(--mc-orange)}.builder-media-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:16px;padding:24px;background:var(--mc-bg, #f5f5f5);overflow:auto}body.dark-mode .builder-media-preview{background:#0d0d1a}.builder-media-preview-info{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--mc-text, #1a1a2e);padding:8px 16px;background:var(--mc-surface, #fff);border:1px solid var(--mc-border, #e5e7eb);border-radius:10px}body.dark-mode .builder-media-preview-info{background:#1a1a2e;border-color:#ffffff14;color:#c0c0d0}.builder-media-preview-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:100px;max-height:60vh;width:100%;padding:12px;background:repeating-conic-gradient(#e0e0e0 0% 25%,transparent 0% 50%) 50% / 16px 16px;border-radius:12px;border:1px solid var(--mc-border, #e5e7eb)}body.dark-mode .builder-media-preview-container{background:repeating-conic-gradient(#222,#222 25%,#1a1a1a 0%,#1a1a1a 50%) 50% / 16px 16px;border-color:#ffffff0f}.builder-media-preview-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.builder-tab-close{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;font-size:14px;line-height:1;opacity:0;transition:opacity .15s;margin-left:4px}.builder-file-tab:hover .builder-tab-close{opacity:.6}.builder-tab-close:hover{opacity:1!important;background:#0000001a}body.dark-mode .builder-tab-close:hover{background:#ffffff1a}.mc-thinking-block{border-radius:12px;border:1px solid rgba(255,165,0,.2);background:linear-gradient(135deg,#ffa5000f,#ff780008);overflow:hidden;margin:4px 0}.mc-thinking-header{display:flex;align-items:center;gap:8px;padding:10px 12px;width:100%;border:none;background:transparent;cursor:pointer;color:inherit;font:inherit;font-size:.8rem;font-weight:600}.mc-thinking-indicator{position:relative;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.mc-thinking-pulse{width:10px;height:10px;border-radius:50%;background:var(--mc-orange, #f26207);animation:mc-pulse-ring 1.5s ease-in-out infinite}@keyframes mc-pulse-ring{0%{transform:scale(.8);opacity:1;box-shadow:0 0 #f2620780}50%{transform:scale(1.1);opacity:.9;box-shadow:0 0 0 6px #f2620700}to{transform:scale(.8);opacity:1;box-shadow:0 0 #f2620700}}.mc-thinking-label{flex:1;text-align:left;color:var(--mc-orange, #f26207)}.mc-thinking-chevron{font-size:.9rem;transition:transform .2s;color:var(--mc-muted, #777)}.mc-thinking-body{padding:10px 12px 12px;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,165,0,.1);margin:0 12px}.mc-thinking-hint{margin:0;font-size:.75rem;color:var(--mc-muted, #999);font-style:italic}.mc-thinking-dots{display:flex;gap:4px;align-items:center;flex-shrink:0}.mc-thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--mc-orange, #f26207);opacity:.4;animation:mc-dot-pulse 1.4s ease-in-out infinite}.mc-thinking-dots span:nth-child(2){animation-delay:.2s}.mc-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes mc-dot-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.mc-markdown-body{font-size:.82rem;line-height:1.65;color:inherit;word-wrap:break-word;overflow-wrap:break-word}.mc-markdown-body p{margin:0 0 8px}.mc-markdown-body p:last-child{margin-bottom:0}.mc-markdown-body h1,.mc-markdown-body h2,.mc-markdown-body h3,.mc-markdown-body h4{margin:12px 0 6px;font-weight:700}.mc-markdown-body h1{font-size:1.1rem}.mc-markdown-body h2{font-size:1rem}.mc-markdown-body h3{font-size:.92rem}.mc-markdown-body ul,.mc-markdown-body ol{padding-left:20px;margin:6px 0}.mc-markdown-body li{margin:3px 0}.mc-markdown-body code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;padding:2px 5px;border-radius:4px;background:#00000014}body.dark-mode .mc-markdown-body code{background:#ffffff14}.mc-markdown-body pre{position:relative;margin:8px 0;padding:14px;border-radius:10px;background:#1e1e2e;overflow-x:auto;border:1px solid rgba(255,255,255,.06)}.mc-markdown-body pre code{padding:0;background:none;font-size:.78rem;line-height:1.5;color:#d4d4d4}.mc-markdown-body blockquote{margin:8px 0;padding:6px 12px;border-left:3px solid var(--mc-orange, #f26207);background:#f262070f;border-radius:0 6px 6px 0;font-style:italic}.mc-markdown-body a{color:var(--mc-orange, #f26207);text-decoration:underline}.mc-markdown-body table{border-collapse:collapse;margin:8px 0;font-size:.78rem;width:100%}.mc-markdown-body th,.mc-markdown-body td{border:1px solid var(--mc-border, #e5e7eb);padding:5px 8px;text-align:left}.mc-markdown-body th{font-weight:700;background:#0000000a}body.dark-mode .mc-markdown-body th{background:#ffffff0a}.mc-markdown-body hr{border:none;border-top:1px solid var(--mc-border, #e5e7eb);margin:12px 0}.mc-markdown-body img{max-width:100%;border-radius:8px}.mc-copy-code-btn{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0f;color:#c0c0d0;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;font-family:inherit}pre:hover .mc-copy-code-btn{opacity:1}.mc-copy-code-btn:hover{background:#ffffff24;color:#fff}.mc-msg-title{display:block;font-size:.72rem;font-weight:700;color:var(--mc-orange, #f26207);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.ide-chat-message.is-assistant .ide-chat-bubble{background:var(--mc-surface, #f8f9fa);border:1px solid var(--mc-border, #e5e7eb)}body.dark-mode .ide-chat-message.is-assistant .ide-chat-bubble{background:#14142a;border-color:#ffffff0f}.builder-ai-panel,.builder-ai-messages,.builder-left,.builder-left-content{min-width:0}.builder-ai-messages{width:100%;box-sizing:border-box}.ide-chat-message,.builder-ai-messages .ide-chat-message{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.ide-chat-bubble{flex:1 1 0;width:0;max-width:100%;min-width:0;overflow:hidden;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box}.ide-chat-bubble p,.ide-chat-bubble pre{max-width:100%;overflow-wrap:break-word;word-break:break-word}.mc-markdown-body{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.mc-markdown-body pre{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;box-sizing:border-box}.mc-markdown-body pre code{display:block;min-width:0;white-space:pre;word-break:normal;overflow-wrap:normal}.mc-markdown-body p code{word-break:break-all}.mc-markdown-body table{display:block;width:100%;max-width:100%;overflow-x:auto}.mc-markdown-body img{max-width:100%;height:auto}.mc-provider-panel{display:grid;gap:6px;margin:6px 0 10px}.mc-provider-panel.is-compact{margin:2px 0 8px}.mc-provider-picker{display:flex;gap:4px;padding:4px 2px;flex-wrap:wrap}.mc-provider-chip{padding:3px 10px;border-radius:20px;border:1px solid var(--mc-border, #e5e7eb);background:transparent;color:var(--mc-muted, #999);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.mc-provider-chip:hover{border-color:var(--chip-color, var(--mc-orange));color:var(--chip-color, var(--mc-orange));background:color-mix(in srgb,var(--chip-color, var(--mc-orange)) 8%,transparent)}.mc-provider-chip.is-active{background:var(--chip-color, var(--mc-orange));color:#fff;border-color:var(--chip-color, var(--mc-orange));box-shadow:0 2px 8px color-mix(in srgb,var(--chip-color, var(--mc-orange)) 30%,transparent)}.mc-model-picker{display:grid;gap:4px;font-size:.68rem;font-weight:700;color:var(--mc-muted, #8a8f98);text-transform:uppercase;letter-spacing:.04em}.mc-model-picker select{width:100%;border:1px solid var(--mc-border, #e5e7eb);border-radius:10px;background:var(--mc-surface, #fff);color:var(--mc-text, #111827);font:inherit;font-size:.78rem;font-weight:600;text-transform:none;letter-spacing:normal;padding:8px 10px;outline:none}.mc-model-picker.is-compact{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:normal;font-size:.7rem}.mc-model-picker.is-compact span{flex-shrink:0}.mc-model-picker.is-compact select{min-width:0;height:30px;border-radius:9px;padding:4px 8px;font-size:.72rem}.mc-model-picker select:focus{border-color:var(--mc-orange, #f26207);box-shadow:0 0 0 3px #f262071f}body.dark-mode .mc-model-picker select{background:#0d0d1a;border-color:#ffffff14;color:#e0e0f0}.builder-files-panel{flex:1;overflow-y:auto;min-height:0}.builder-ai-panel{background:radial-gradient(circle at top left,rgba(124,58,237,.18),transparent 28%),radial-gradient(circle at top right,rgba(34,211,238,.14),transparent 24%),linear-gradient(180deg,#0b1020,#111827 46%,#030712);color:#e5eefc}.builder-ai-messages{padding:18px 14px}.builder-ai-panel .ide-chat-message{gap:12px}.builder-ai-panel .ide-chat-message.is-user{justify-content:flex-end}.builder-ai-panel .ide-chat-avatar{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#334155,#475569);color:#fff;box-shadow:0 12px 30px #02061747}.builder-ai-panel .ide-chat-message.is-assistant .ide-chat-avatar{background:linear-gradient(135deg,#7c3aed,#22d3ee)}.builder-ai-panel .ide-chat-bubble{border-radius:22px;border:1px solid rgba(148,163,184,.16);background:#0f172ae6;color:#e5eefc;line-height:1.65;box-shadow:0 14px 34px #02061747}.builder-ai-panel .ide-chat-message.is-user .ide-chat-bubble{background:linear-gradient(135deg,#7c3aed47,#4c1d9557)}.builder-ai-panel .ide-chat-bubble small,.builder-ai-panel .mc-markdown-body{color:inherit}.builder-ai-input-area{border-top:1px solid rgba(148,163,184,.16);background:#020617b8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);max-height:none}.builder-ai-input-area textarea{border-radius:18px;border:1px solid rgba(148,163,184,.16);background:#0f172ae0;color:#e5eefc}.builder-ai-input-area textarea:focus{border-color:#7c3aed8c;box-shadow:0 0 0 4px #7c3aed1f}.builder-ai-send{border-radius:16px;background:linear-gradient(135deg,#7c3aed,#22d3ee);box-shadow:0 14px 34px #7c3aed47}.builder-ai-actions button,.builder-ai-panel .mc-provider-chip,.builder-ai-panel .mc-model-picker select{border-color:#94a3b829;background:#1e293bc7;color:#e5eefc}.builder-ai-panel .mc-model-picker{color:#94a3b8}.mc-chat-codecard{margin:10px 0;width:100%;max-width:100%;min-width:0;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#0206178f;overflow:hidden;box-sizing:border-box}.mc-chat-codecard-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(148,163,184,.12);background:#0f172ae0}.mc-chat-codecard-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c4b5fd;font-size:.72rem;font-weight:800}.mc-chat-codecard-actions{display:inline-flex;gap:6px;flex-shrink:0}.mc-chat-codebtn{border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#1e293bd1;color:#e5eefc;padding:4px 9px;font-size:.68rem;font-weight:800}.mc-chat-codebtn:hover,.mc-chat-codebtn.is-run{border-color:#22d3ee6b;background:#22d3ee24;color:#a5f3fc}.mc-chat-codecard pre{margin:0;border:0;border-radius:0;background:#020617;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;box-sizing:border-box}.mc-chat-codecard pre code{display:block;min-width:0;white-space:pre}.modoai-debug-panel{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at top left,rgba(124,58,237,.18),transparent 28%),radial-gradient(circle at top right,rgba(34,211,238,.14),transparent 24%),linear-gradient(180deg,#0b1020,#111827 46%,#030712);color:#e5eefc}.modoai-debug-hero,.modoai-debug-grid>div,.modoai-debug-summary,.modoai-debug-card{border:1px solid rgba(148,163,184,.16);background:#0f172ac7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #02061747}.modoai-debug-hero{border-radius:22px;padding:16px;display:grid;gap:12px}.modoai-debug-kicker{margin:0 0 6px;color:#22d3ee;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.modoai-debug-hero h3{margin:0;font-size:1rem}.modoai-debug-hero p{margin:6px 0 0;color:#94a3b8;font-size:.78rem;line-height:1.5}.modoai-debug-grid{display:grid;grid-template-columns:1fr;gap:8px}.modoai-debug-grid>div{border-radius:16px;padding:10px 12px;min-width:0}.modoai-debug-grid span{display:block;margin-bottom:4px;color:#94a3b8;font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.modoai-debug-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e5eefc;font-size:.78rem}.modoai-debug-grid strong.ok,.modoai-debug-summary .ok{color:#34d399}.modoai-debug-grid strong.warn,.modoai-debug-summary .warn{color:#fbbf24}.modoai-debug-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-radius:16px;color:#94a3b8;font-size:.72rem}.modoai-debug-summary .err{color:#fb7185}.modoai-debug-summary button{margin-left:auto;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:#1e293bc7;color:#e5eefc;padding:4px 9px;font-size:.68rem;font-weight:800}.modoai-debug-summary button+button{margin-left:0}.modoai-debug-tests{display:flex;flex-direction:column;gap:8px}.modoai-debug-card{border-radius:18px;overflow:hidden}.modoai-debug-card.is-pass{border-color:#34d39942}.modoai-debug-card.is-fail{border-color:#fb718557}.modoai-debug-card-head{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;padding:12px;text-align:left}.modoai-debug-method{flex:0 0 auto;border-radius:999px;padding:4px 7px;background:#22d3ee1f;color:#67e8f9;font-size:.64rem;font-weight:900}.modoai-debug-method.is-post{background:#7c3aed2e;color:#c4b5fd}.modoai-debug-title{min-width:0;flex:1;display:grid;gap:2px}.modoai-debug-title strong,.modoai-debug-title em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modoai-debug-title strong{font-size:.78rem}.modoai-debug-title em{color:#94a3b8;font-size:.68rem;font-style:normal}.modoai-debug-status{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;background:#94a3b81f;color:#94a3b8;font-size:.66rem;font-weight:900;text-transform:uppercase}.modoai-debug-status.is-pass{background:#34d3991f;color:#34d399}.modoai-debug-status.is-fail{background:#fb71851f;color:#fb7185}.modoai-debug-status.is-skip{background:#fbbf241f;color:#fbbf24}.modoai-debug-status.is-running{background:#22d3ee1f;color:#67e8f9}.modoai-debug-card-body{border-top:1px solid rgba(148,163,184,.12);padding:12px}.modoai-debug-meta{display:flex;justify-content:space-between;color:#94a3b8;font-size:.7rem}.modoai-debug-diagnosis{margin:10px 0;padding:9px 10px;border-radius:12px;background:#22d3ee14;color:#bfdbfe;font-size:.74rem;line-height:1.45}.modoai-debug-diagnosis.is-fail{background:#fb71851a;color:#fecdd3}.modoai-debug-card-body pre{max-height:260px;overflow:auto;margin:0;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:#020617;color:#dbeafe;font-family:JetBrains Mono,monospace;font-size:.68rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.mc-model-card{display:grid;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:#0f172ac7}.mc-model-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mc-model-card-head strong,.mc-model-card-head small,.mc-model-card-head span{display:block}.mc-model-card-head strong{font-size:.86rem;color:#f8fbff}.mc-model-card-head small{margin-top:4px;color:#94a3b8;font-size:.72rem;line-height:1.45}.mc-model-card-kicker{margin-bottom:4px;color:#67e8f9;font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mc-model-card-badge{flex-shrink:0;border-radius:999px;padding:5px 10px;background:#22d3ee24;color:#a5f3fc;font-size:.68rem;font-weight:800}.mc-model-chip-list{display:grid;gap:8px}.mc-model-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:#1e293bc7;color:#e5eefc;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mc-model-chip:hover{transform:translateY(-1px);border-color:#22d3ee61;background:#1e293bf0}.mc-model-chip.is-active{border-color:#7c3aed8c;background:linear-gradient(135deg,#7c3aed38,#22d3ee2e);box-shadow:0 14px 34px #0f172a3d}.mc-model-chip span{color:#94a3b8;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mc-model-chip strong{color:#f8fbff;font-size:.76rem;font-weight:700}.builder-preview-shell{display:flex;flex-direction:column;gap:12px;flex:1;height:100%;min-height:0;padding:12px;background:radial-gradient(circle at top left,rgba(124,58,237,.08),transparent 24%),linear-gradient(180deg,#f8fafcf5,#f1f5f9fa)}.builder-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--mc-border, #e5e7eb);background:#ffffffe6;box-shadow:0 16px 40px #0f172a14}.builder-preview-eyebrow{display:block;margin-bottom:4px;color:var(--mc-orange, #f26207);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.builder-preview-header strong{color:var(--mc-text, #111827);font-size:.92rem}.builder-preview-size{flex-shrink:0;color:var(--mc-muted, #6b7280);font-size:.74rem;font-weight:700}.builder-preview-stage{flex:1;min-height:520px;display:flex;align-items:stretch;justify-content:center;overflow:auto;border-radius:18px;background:linear-gradient(180deg,#0f172a14,#0f172a05),repeating-linear-gradient(90deg,rgba(148,163,184,.08) 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,rgba(148,163,184,.08) 0 1px,transparent 1px 24px)}.builder-preview-stage.is-desktop .builder-preview-frame{width:100%}.builder-preview-stage.is-tablet .builder-preview-frame{width:min(820px,100%)}.builder-preview-stage.is-mobile .builder-preview-frame{width:min(390px,100%)}.builder-preview-page-select{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--mc-border, #e5e7eb);border-radius:12px;background:var(--mc-surface, #fff);color:var(--mc-muted, #6b7280);font-size:.72rem;font-weight:800}.builder-preview-page-select span{text-transform:uppercase;letter-spacing:.05em}.builder-preview-page-select select{border:none;background:transparent;color:var(--mc-text, #111827);font:inherit;min-width:140px;outline:none}.builder-preview-device-toggle{display:inline-flex;padding:4px;border-radius:12px;border:1px solid var(--mc-border, #e5e7eb);background:var(--mc-surface, #fff)}.builder-preview-device-toggle button{padding:7px 10px;border:none;border-radius:8px;background:transparent;color:var(--mc-muted, #6b7280);font-size:.72rem;font-weight:800;text-transform:capitalize;cursor:pointer}.builder-preview-device-toggle button.is-active{background:var(--mc-orange, #f26207);color:#fff}body.dark-mode .builder-preview-shell{background:radial-gradient(circle at top left,rgba(124,58,237,.14),transparent 26%),linear-gradient(180deg,#020617fa,#0f172af5)}body.dark-mode .builder-preview-header,body.dark-mode .builder-preview-page-select,body.dark-mode .builder-preview-device-toggle{border-color:#94a3b81f;background:#0f172ae0}body.dark-mode .builder-preview-header strong,body.dark-mode .builder-preview-page-select select{color:#f8fbff}body.dark-mode .builder-preview-stage{background:linear-gradient(180deg,#0f172a85,#0f172a2e),repeating-linear-gradient(90deg,rgba(148,163,184,.06) 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,rgba(148,163,184,.06) 0 1px,transparent 1px 24px)}@media (max-width: 1100px){.builder-preview-device-toggle{order:3;width:100%;justify-content:center}.builder-preview-page-select{min-width:0}}:root{--mc-orange: #f26207;--mc-orange-dk: #d94f0a;--mc-orange-lt: rgba(242,98,7,.12);--mc-nav-height: 56px;--mc-bg: #f5f6fa;--mc-surface: #ffffff;--mc-border: rgba(0,0,0,.07);--mc-text: #0d0d1a;--mc-muted: #6b7280;--mc-faint: #9ca3af;--mc-blue: #3b82f6;--mc-indigo: #6366f1;--mc-green: #22c55e;--mc-red: #ef4444;--mc-yellow: #f59e0b;--mc-radius: 16px;--mc-radius-sm: 10px;--mc-radius-lg: 24px;--mc-shadow: 0 2px 20px rgba(0,0,0,.06);--mc-shadow-lg: 0 8px 48px rgba(0,0,0,.12);--ease: cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--mc-bg);color:var(--mc-text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Sora,sans-serif;font-weight:700;letter-spacing:-.025em}code,kbd,pre,.mono{font-family:JetBrains Mono,monospace}::-moz-selection{background:#f2620726;color:var(--mc-orange-dk)}::selection{background:#f2620726;color:var(--mc-orange-dk)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#00000038}*:focus-visible{outline:2px solid var(--mc-orange);outline-offset:2px}.btn{font-family:Inter,sans-serif;font-weight:600;border-radius:50px;letter-spacing:.005em;transition:all .18s var(--ease)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--mc-orange);border-color:var(--mc-orange);color:#fff}.btn-primary:hover,.btn-primary:focus-visible{background:var(--mc-orange-dk);border-color:var(--mc-orange-dk);box-shadow:0 4px 20px #f2620766}.btn-dark{background:var(--mc-text);border-color:var(--mc-text)}.btn-dark:hover{background:#1a1a2e;border-color:#1a1a2e;box-shadow:0 4px 20px #0d0d1a59}.btn-outline-primary{color:var(--mc-orange);border-color:var(--mc-orange)}.btn-outline-primary:hover{background:var(--mc-orange);border-color:var(--mc-orange);color:#fff}.btn-light{background:#0000000f;border-color:transparent;color:var(--mc-text)}.btn-light:hover{background:#0000001a;border-color:transparent;color:var(--mc-text)}.form-control,.form-select{border-radius:var(--mc-radius-sm);border:1.5px solid rgba(0,0,0,.1);padding:.65rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;background:#fff;transition:all .18s var(--ease)}.form-control:focus,.form-select:focus{border-color:var(--mc-orange);box-shadow:0 0 0 3px #f2620726}.badge{font-family:Inter,sans-serif;font-weight:600;border-radius:50px;padding:.3em .75em;font-size:.72rem}.card{border:1px solid var(--mc-border);border-radius:var(--mc-radius);box-shadow:var(--mc-shadow);background:var(--mc-surface)}.modal-content{border:none;border-radius:var(--mc-radius-lg);box-shadow:0 32px 80px #00000038}.modal-backdrop.show{opacity:.5}.mc-navbar{position:sticky;top:0;z-index:1030;height:var(--mc-nav-height);background:#ffffffe0;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--mc-border);transition:box-shadow .2s var(--ease);padding:0}.mc-navbar.scrolled{box-shadow:0 4px 24px #00000014}.mc-navbar .navbar-brand{font-family:Sora,sans-serif;font-weight:800;font-size:1.1rem;color:var(--mc-text);letter-spacing:-.03em;gap:10px}.brand-icon{width:30px;height:30px;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:none;overflow:hidden}.mc-navbar .nav-link{font-weight:500;font-size:.875rem;color:var(--mc-muted)!important;border-radius:50px;padding:.3rem .75rem!important;transition:all .15s var(--ease)}.mc-navbar .nav-link:hover{color:var(--mc-text)!important;background:#0000000d}.mc-navbar .nav-link.active-link{color:var(--mc-text)!important;background:#0000000f;font-weight:600}.mc-mobile-drawer-backdrop{position:fixed;inset:var(--mc-nav-height) 0 0 0;background:#080a1080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1020}.mc-mobile-drawer{position:fixed;top:var(--mc-nav-height);left:0;right:0;z-index:1021;padding:0 12px 12px}.mc-mobile-drawer-panel{max-width:1240px;margin:0 auto;background:var(--mc-surface);border:1px solid var(--mc-border);border-top:none;border-radius:0 0 22px 22px;box-shadow:0 18px 42px #0000002e;overflow:hidden}.make-web-btn{display:inline-flex;align-items:center;gap:7px;padding:.4rem 1rem;border-radius:50px;font-size:.875rem;font-weight:700;background:linear-gradient(135deg,#f262071a,#d94f0a14);border:1px solid rgba(242,98,7,.25);color:var(--mc-orange);text-decoration:none;transition:all .18s var(--ease)}.make-web-btn:hover{background:var(--mc-orange);color:#fff;border-color:var(--mc-orange);box-shadow:0 4px 16px #f2620759}.section-py{padding-top:5rem;padding-bottom:5rem}.section-py-sm{padding-top:3rem;padding-bottom:3rem}.container-xl{max-width:1240px}.text-orange{color:var(--mc-orange)!important}.text-gradient{background:linear-gradient(135deg,var(--mc-orange) 0%,#ff8c42 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-cool{background:linear-gradient(135deg,var(--mc-blue),var(--mc-indigo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pill{display:inline-flex;align-items:center;gap:6px;padding:.3rem .85rem;border-radius:50px;font-size:.77rem;font-weight:600;background:var(--mc-orange-lt);color:var(--mc-orange);border:1px solid rgba(242,98,7,.2)}.pill-blue{background:#3b82f61a;color:var(--mc-blue);border-color:#3b82f633}.pill-green{background:#22c55e1a;color:var(--mc-green);border-color:#22c55e33}.pill-purple{background:#6366f11a;color:var(--mc-indigo);border-color:#6366f133}.icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box-lg{width:60px;height:60px;border-radius:18px}.icon-box-sm{width:34px;height:34px;border-radius:10px}.icon-box-orange{background:#f262071a;color:var(--mc-orange)}.icon-box-blue{background:#3b82f61a;color:var(--mc-blue)}.icon-box-green{background:#22c55e1a;color:var(--mc-green)}.icon-box-purple{background:#6366f11a;color:var(--mc-indigo)}.feature-card{background:var(--mc-surface);border:1px solid var(--mc-border);border-radius:var(--mc-radius);padding:1.75rem;height:100%;transition:all .22s var(--ease)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--mc-shadow-lg);border-color:#f262072e}.glass-card{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:var(--mc-radius)}.dark-section{background:linear-gradient(135deg,#0d0d1a,#131328,#0d0d1a);color:#f5f5f7;position:relative;overflow:hidden}.dark-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(242,98,7,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 50%,rgba(99,102,241,.06) 0%,transparent 60%)}.stat-num{font-family:Sora,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--mc-text)}.stat-label{font-size:.85rem;color:var(--mc-muted);font-weight:500;margin-top:.25rem}.pricing-card{background:var(--mc-surface);border:1.5px solid var(--mc-border);border-radius:var(--mc-radius-lg);padding:2rem;position:relative;transition:all .22s var(--ease);height:100%}.pricing-card:hover{box-shadow:var(--mc-shadow-lg)}.pricing-popular{border-color:var(--mc-orange)!important;transform:scale(1.04);box-shadow:0 16px 48px #f262072e!important}.pricing-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--mc-orange);color:#fff;padding:3px 16px;border-radius:50px;font-size:.72rem;font-weight:700;white-space:nowrap}.auth-bg{min-height:100vh;background:radial-gradient(ellipse 80% 60% at 30% -10%,rgba(242,98,7,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 20%,rgba(99,102,241,.06) 0%,transparent 50%),var(--mc-bg);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{background:var(--mc-surface);border:1px solid var(--mc-border);border-radius:var(--mc-radius-lg);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--mc-shadow-lg)}.project-card{background:var(--mc-surface);border:1px solid var(--mc-border);border-radius:var(--mc-radius);overflow:hidden;transition:all .22s var(--ease);cursor:pointer}.project-card:hover{transform:translateY(-4px);box-shadow:var(--mc-shadow-lg);border-color:#f2620733}.project-thumb{width:100%;height:180px;background:linear-gradient(135deg,#1a1a2e,#0f3460);position:relative;overflow:hidden}.project-thumb iframe{width:150%;height:150%;transform:scale(.667);transform-origin:top left;pointer-events:none;border:none}.mc-footer{background:var(--mc-surface);border-top:1px solid var(--mc-border);padding:3rem 0 2rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-6px);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glow{0%,to{box-shadow:0 0 20px #f262074d}50%{box-shadow:0 0 40px #f2620799}}.animate-fade-up{animation:fadeUp .5s ease forwards;opacity:0}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-slide-down{animation:slideDown .3s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-dot{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes loadingBar{0%{width:0%}50%{width:70%}to{width:100%}}.animate-slide-up-modal{animation:slideUpModal .35s cubic-bezier(.34,1.56,.64,1) forwards}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-loading-bar{animation:loadingBar 1.5s ease-in-out infinite}.delay-1{animation-delay:.08s;animation-fill-mode:both}.delay-2{animation-delay:.16s;animation-fill-mode:both}.delay-3{animation-delay:.24s;animation-fill-mode:both}.delay-4{animation-delay:.32s;animation-fill-mode:both}.delay-5{animation-delay:.4s;animation-fill-mode:both}.typing-dot{width:7px;height:7px;border-radius:50%;background:#6b7280;animation:dotBounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}body.mc-mobile-app{min-height:100dvh;overscroll-behavior-y:none}body.mc-mobile-app .form-control,body.mc-mobile-app .form-select{min-height:46px;font-size:16px}body.mc-mobile-app .mc-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}body.mc-mobile-app .announce-bar{padding-left:14px;padding-right:14px}body.mc-mobile-app .mc-mobile-drawer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}body.mc-mobile-app .project-thumb{height:154px}body.mc-mobile-app .modal-content{margin-bottom:env(safe-area-inset-bottom)}body.mc-native-app .mc-navbar>div{padding-left:14px!important;padding-right:14px!important}body.mc-native-app .auth-bg{min-height:100dvh;align-items:flex-start;padding-top:calc(env(safe-area-inset-top) + 1.25rem)!important;padding-bottom:calc(env(safe-area-inset-bottom) + 1.1rem)!important;padding-left:.95rem!important;padding-right:.95rem!important}body.mc-native-app .auth-card{max-width:100%;padding:1.45rem!important;border-radius:22px}body.mc-native-app .section-py{padding-top:2.75rem;padding-bottom:2.75rem}body.mc-native-app .section-py-sm{padding-top:2rem;padding-bottom:2rem}body.mc-native-app .feature-card,body.mc-native-app .pricing-card{padding:1.4rem;border-radius:22px}body.mc-native-app .notif-panel{width:min(320px,calc(100vw - 22px));right:0}@media (max-width: 768px){.section-py{padding-top:3rem;padding-bottom:3rem}.stat-num{font-size:2rem}.pricing-popular{transform:none}}body.dark-mode{--mc-bg: #0d0d14;--mc-surface: #14141e;--mc-border: rgba(255,255,255,.08);--mc-text: #f0f0f8;--mc-muted: #9898b8;--mc-faint: #5a5a7a;--mc-shadow: 0 2px 20px rgba(0,0,0,.35);--mc-shadow-lg:0 8px 48px rgba(0,0,0,.55)}body.dark-mode .mc-navbar{background:#0d0d14e6;border-bottom-color:#ffffff12}body.dark-mode .mc-navbar.scrolled{background:#0d0d14f7}body.dark-mode .auth-card{background:var(--mc-surface);border-color:var(--mc-border)}body.dark-mode .auth-bg{background:var(--mc-bg)}body.dark-mode .form-control,body.dark-mode .form-select{background:#1a1a28;border-color:#ffffff1a;color:var(--mc-text)}body.dark-mode .form-control::-moz-placeholder{color:#4a4a6a}body.dark-mode .form-control::placeholder{color:#4a4a6a}body.dark-mode .form-control:focus{background:#1f1f30;border-color:var(--mc-orange)}body.dark-mode .pricing-card,body.dark-mode .feature-card{background:var(--mc-surface)}body.dark-mode .btn-light{background:#ffffff14;color:var(--mc-text)}body.dark-mode .btn-light:hover{background:#ffffff21}body.dark-mode select{background:var(--mc-surface);color:var(--mc-text)}body.dark-mode .shimmer{background:linear-gradient(90deg,#1a1a28 25%,#222230,#1a1a28 75%);background-size:200% 100%}body.dark-mode nav .animate-slide-down{background:#0d0d14f7!important}body.dark-mode div[style*="background: #fff"]{background:var(--mc-surface)!important}body,body *{transition:background-color .25s ease,border-color .2s ease,color .2s ease}body button,body a,body input,body .btn{transition:all .18s ease}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--mc-border);background:var(--mc-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;color:var(--mc-muted);flex-shrink:0}.theme-toggle:hover{background:var(--mc-bg);border-color:var(--mc-orange);color:var(--mc-orange);transform:rotate(15deg)}.notif-bell{position:relative;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--mc-border);background:var(--mc-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;color:var(--mc-muted)}.notif-bell:hover{background:var(--mc-bg);border-color:var(--mc-orange);color:var(--mc-orange)}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--mc-orange);border:2px solid var(--mc-surface);animation:pulse 2s ease-in-out infinite}.skeleton-card{background:var(--mc-surface);border:1px solid var(--mc-border);border-radius:20px;overflow:hidden;padding:0}.skeleton-thumb{height:180px}.skeleton-body{padding:16px;display:flex;flex-direction:column;gap:10px}.skeleton-line{height:12px;border-radius:6px}.skeleton-line.short{width:60%}.skeleton-line.full{width:100%}.announce-bar{background:linear-gradient(90deg,var(--mc-orange) 0%,#e85d04 100%);color:#fff;font-size:.82rem;font-weight:600;text-align:center;padding:9px 20px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:999}.announce-bar a{color:#fff;text-decoration:underline;text-underline-offset:3px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:flex;gap:16px;animation:marquee 28s linear infinite;width:-moz-max-content;width:max-content}.marquee-track:hover{animation-play-state:paused}.marquee-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.testimonial-chip{display:flex;align-items:center;gap:10px;background:var(--mc-surface);border:1px solid var(--mc-border);border-radius:50px;padding:8px 16px 8px 10px;white-space:nowrap;flex-shrink:0}.pro-badge-nav{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f26207,#d94f0a);color:#fff;border-radius:50px;padding:2px 8px;font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;margin-left:4px}.notif-panel{position:absolute;right:0;top:calc(100% + 8px);width:320px;background:var(--mc-surface);border:1px solid var(--mc-border);border-radius:18px;box-shadow:0 20px 60px #0000002e;z-index:40;overflow:hidden}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--mc-border);transition:background .15s;cursor:pointer}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f262070a}.notif-item.unread{background:#f2620708}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.left-0{left:0}.left-3\.5{left:.875rem}.top-1\/2{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-mt-2{margin-top:-.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ms-auto{margin-inline-start:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-56{max-height:14rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-t-\[28px\]{border-top-left-radius:28px;border-top-right-radius:28px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-50{--tw-border-opacity: 1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.from-amber-200{--tw-gradient-from: #fde68a var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 230 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-yellow-400{--tw-gradient-to: #facc15 var(--tw-gradient-to-position)}.p-0{padding:0}.p-3{padding:.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-1{padding-bottom:.25rem}.pb-6{padding-bottom:1.5rem}.pl-9{padding-left:2.25rem}.pr-4{padding-right:1rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.text-\[9px\]{font-size:9px}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.placeholder-gray-300::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(209 213 219 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-300::placeholder{--tw-placeholder-opacity: 1;color:rgb(209 213 219 / var(--tw-placeholder-opacity, 1))}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.focus\:border-blue-400:focus{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500\/20:focus{--tw-ring-color: rgb(59 130 246 / .2)}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.disabled\:text-gray-300:disabled{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:hidden{display:none}.sm\:max-w-\[400px\]{max-width:400px}.sm\:items-center{align-items:center}.sm\:rounded-\[28px\]{border-radius:28px}.sm\:p-4{padding:1rem}}