*,: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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Vazirmatn,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.btn{display:inline-flex;cursor:pointer;align-items:center;gap:.375rem;white-space:nowrap;border-width:1px;border-color:var(--line-strong);background-color:transparent;padding-left:.625rem;padding-right:.625rem;padding-top:5px;padding-bottom:5px;font-size:14px;color:var(--text);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:disabled{cursor:not-allowed;opacity:.4}.btn{min-height:34px;border-radius:6px;justify-content:center}.btn:hover:not(:disabled){border-color:#444;color:#fff}.btn-primary{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:500}.btn-primary:hover:not(:disabled){background:#3475ff;border-color:#3475ff;color:#fff}.btn-ghost{border-color:transparent}.btn-ghost:hover:not(:disabled){border-color:var(--line-strong);background-color:var(--surface)}.input{width:100%;border-width:1px;border-color:var(--line);background-color:var(--surface);padding:.5rem .625rem;font-size:14px;color:var(--text);outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(68 68 68 / var(--tw-text-opacity, 1))}.input::placeholder{--tw-text-opacity: 1;color:rgb(68 68 68 / var(--tw-text-opacity, 1))}.input:focus{border-color:var(--amber)}.input{font-family:inherit;border-radius:6px;min-height:40px}.input::-moz-placeholder{color:var(--dim)}.input::placeholder{color:var(--dim)}textarea.input{resize:none;line-height:1.5}.label{margin-bottom:.5rem;display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.mode-switch{display:inline-flex;border-width:1px;border-color:var(--line);background-color:var(--panel);padding:2px}.mode-switch button{padding:.25rem .75rem;font-size:11px;color:var(--muted);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mode-switch button.active{background-color:var(--surface);font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.mode-switch{border-radius:6px}.mode-switch button{min-height:28px;border-radius:4px}.tool-row{display:flex;align-items:center;gap:.5rem;border-width:1px;border-color:var(--line);background-color:var(--surface);padding:.375rem .625rem;font-size:11.5px;border-radius:5px;min-width:0}.tool-row>:last-child{max-width:40%;overflow:hidden;text-overflow:ellipsis}.check{display:inline-flex;height:.75rem;width:.75rem;flex-shrink:0;align-items:center;justify-content:center;border-width:1px;border-color:var(--line-strong)}.check.done{border-color:var(--amber);color:var(--amber)}.check.error{border-color:#e5484d;color:#e5484d}.check.\!error{border-color:#e5484d!important;color:#e5484d!important}.check.running{border-color:var(--amber)}.check.running:before{content:"";width:4px;height:4px;background:var(--amber);animation:pulse 1s infinite}.tree-row{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:.375rem;padding-top:3px;padding-bottom:3px;padding-right:.5rem;font-size:12px}.tree-row:hover{background:#141414}.tree-row.active{background:#171717;color:#fff}.tree-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.5px;background:var(--amber)}.tab{position:relative;display:flex;cursor:pointer;align-items:center;gap:.5rem;white-space:nowrap;border-right-width:1px;border-color:var(--line);padding:.5rem .75rem;font-size:12px;color:var(--muted)}.tab:hover{background:#121212}.tab.active{background-color:var(--bg);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1.5px;background:var(--amber)}.device-btn{border-width:1px;border-color:transparent;padding:.25rem;color:var(--muted);min-width:30px;min-height:30px;display:grid;place-items:center;border-radius:4px}.device-btn.active{border-color:var(--line-strong);background-color:var(--surface);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.device-btn:hover{color:#fff}.mono-num{font-variant-numeric:tabular-nums}.stream-caret{display:inline-block;width:6px;height:12px;background:var(--amber);vertical-align:middle;margin-left:2px;animation:blink 1s steps(2) infinite}.prose-chat p{margin:0 0 .5em}.prose-chat p:last-child{margin:0}.prose-chat code{background:#161616;padding:0 4px;color:var(--amber)}.prose-chat pre{background:#0c0c0c;border:1px solid var(--line);padding:8px 10px;overflow:auto;margin:.5em 0}.prose-chat pre code{background:none;color:var(--text);padding:0}.prose-chat ul,.prose-chat ol{margin:0 0 .5em;padding-inline-start:1.2em}.prose-chat strong{color:#fff;font-weight:600}.prose-chat a{color:var(--amber);text-decoration:underline}.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}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.inline{display:inline}.flex{display:flex}.grid{display:grid}.h-1\.5{height:.375rem}.h-14{height:3.5rem}.h-5{height:1.25rem}.h-full{height:100%}.max-h-48{max-height:12rem}.min-h-0{min-height:0px}.w-1\.5{width:.375rem}.w-2\.5{width:.625rem}.w-5{width:1.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-rotate-90{--tw-rotate: -90deg;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 pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#3a1a1a\]{--tw-border-opacity: 1;border-color:rgb(58 26 26 / var(--tw-border-opacity, 1))}.border-line{border-color:var(--line)}.border-strong{border-color:var(--line-strong)}.bg-\[\#080808\]{--tw-bg-opacity: 1;background-color:rgb(8 8 8 / var(--tw-bg-opacity, 1))}.bg-\[\#0a0a0a\]{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-\[\#120f08\]{--tw-bg-opacity: 1;background-color:rgb(18 15 8 / var(--tw-bg-opacity, 1))}.bg-\[\#150c0c\]{--tw-bg-opacity: 1;background-color:rgb(21 12 12 / var(--tw-bg-opacity, 1))}.bg-amber{background-color:var(--amber)}.bg-panel{background-color:var(--panel)}.bg-transparent{background-color:transparent}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-8{padding-left:2rem}.text-right{text-align:right}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[9px\]{font-size:9px}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-widest{letter-spacing:.1em}.text-\[\#e5484d\]{--tw-text-opacity: 1;color:rgb(229 72 77 / var(--tw-text-opacity, 1))}.text-amber{color:var(--amber)}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-dim{color:var(--dim)}.text-ink{color:var(--text)}.text-muted{color:var(--muted)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.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}:root{--bg: #18181b;--panel: #202023;--surface: #28282c;--line: #35353b;--line-strong: #50505a;--text: #e8e8e8;--muted: #b1b1bb;--dim: #a1a1ad;--amber: #93b4ff;--amber-dim: #2563eb}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Vazirmatn,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}[dir=rtl],.rtl{font-family:Vazirmatn,Inter,sans-serif;letter-spacing:0}::-moz-selection{background:#2563eb60;color:#fff}::selection{background:#2563eb60;color:#fff}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--amber);outline-offset:3px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#383838;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#505050}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter/inter-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter/inter-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter/inter-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/vazirmatn/vazirmatn-arabic-400-normal.woff2) format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/vazirmatn/vazirmatn-arabic-500-normal.woff2) format("woff2")}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/vazirmatn/vazirmatn-arabic-600-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono/jetbrains-mono-latin-400-normal.woff2) format("woff2")}.focus-within\:border-amber:focus-within{border-color:var(--amber)}.app-shell{display:flex;height:100dvh;overflow:hidden;background:var(--bg)}.shell-content{flex:1;min-width:0;min-height:0;overflow:auto}.project-sidebar{width:224px;flex-shrink:0;display:flex;flex-direction:column;padding:12px 10px;background:var(--panel);border-right:1px solid var(--line);gap:5px}.project-sidebar.collapsed{width:56px;padding:12px 6px}.sidebar-brand{height:44px;display:flex;align-items:center;gap:9px;flex-shrink:0}.sidebar-brand strong{font-size:14px;white-space:nowrap}.sidebar-brand strong span{font-weight:400;color:var(--muted)}.sidebar-brand a{padding:5px}.sidebar-toggle{margin-left:auto;width:24px;height:32px;font-size:23px;color:var(--muted)}.collapsed .sidebar-brand{flex-direction:column;height:76px;gap:0}.collapsed .sidebar-toggle{margin:0}.workspace-label{border:1px solid var(--line);padding:10px;border-radius:9px;margin:8px 0;font-size:13px}.sidebar-link{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 10px;border-radius:8px;color:var(--muted);min-width:0}.sidebar-link svg{flex-shrink:0;width:16px;height:16px}.sidebar-link:hover,.sidebar-link[aria-current=page]{background:var(--surface);color:#fff}.sidebar-link[aria-current=page]{box-shadow:inset 2px 0 #6694ff}.new-project{color:#fff}.new-project>span:first-child{font-size:22px}.sidebar-search{margin:10px 0;font-size:13px}.sidebar-caption{font-size:12px;color:var(--dim);padding:10px}.sidebar-projects{overflow:auto;flex:1;min-height:0}.sidebar-notice{padding:14px;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.sidebar-account{border-top:1px solid var(--line);padding-top:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sidebar-account strong{font-size:12px;font-weight:500}.sidebar-account a{display:block;font-size:12px;color:var(--muted);margin-top:4px}.sidebar-account>.btn{font-size:12px}.account-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#334369;color:#dce7ff}.collapsed .sidebar-link{justify-content:center;padding:8px}.collapsed .sidebar-account{justify-content:center}.workbench{height:100%;display:flex;flex-direction:column;overflow:hidden}.workspace-header{height:56px;flex-shrink:0;display:flex;align-items:center;padding:8px 16px;gap:14px;border-bottom:1px solid var(--line);background:var(--panel)}.workspace-header input{background:none;min-width:0;width:280px;text-overflow:ellipsis;padding:6px;border-radius:6px;outline-offset:0}.workspace-header input:hover{background:var(--surface)}.save-state{font-size:12px;color:var(--muted);margin-right:auto;white-space:nowrap}.workspace-header .btn{font-size:13px}.workspace-columns{display:flex;flex:1;min-height:0;position:relative;overflow:hidden}.agent-column{flex-shrink:0;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--panel)}.agent-column>.flex{flex:1;min-height:0}.chat-resizer{width:6px;flex-shrink:0;cursor:col-resize;touch-action:none;background:var(--bg);border-right:1px solid var(--line);position:relative;z-index:3}.chat-resizer:hover,.chat-resizer:focus-visible,.is-resizing .chat-resizer{background:#2563eb}.is-resizing iframe{pointer-events:none}.is-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.workspace-main{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;padding:0 10px 10px}.workspace-tabs{display:flex;align-items:center;min-height:48px;gap:8px;flex-shrink:0}.desktop-view-tabs{display:flex;gap:4px}.desktop-view-tabs button,.mobile-view-tabs button{padding:8px 13px;border:1px solid transparent;border-radius:8px;color:var(--muted)}.desktop-view-tabs button[aria-pressed=true],.mobile-view-tabs button[aria-pressed=true]{background:var(--surface);border-color:var(--line-strong);color:#fff}.workspace-actions{margin-left:auto;display:flex;gap:4px}.workspace-content{display:flex;flex:1;min-height:0;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.code-pane,.preview-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.code-pane:not(.is-hidden)+.preview-pane:not(.is-hidden){border-left:1px solid var(--line)}.editor-tabs{display:flex;overflow:auto;flex-shrink:0;min-height:42px;background:var(--panel)}.editor-body{flex:1;min-height:0}.files-panel{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);min-width:0}.files-panel header{height:48px;display:flex;align-items:center;padding:6px 12px;gap:4px}.files-panel header strong{font-weight:500;margin-right:auto}.files-panel>.input{width:calc(100% - 24px);margin:8px 12px;font-size:13px}.files-scroll{flex:1;overflow:auto}.files-panel footer{padding:12px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.files-overlay{position:absolute;right:0;top:0;bottom:0;z-index:6;box-shadow:-12px 0 40px #0005}.files-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0004;z-index:5}.tree-row{width:100%;text-align:left;min-height:36px;font-size:13px;overflow-wrap:anywhere}.tree-row:hover,.tree-row.active{background:var(--surface)}.workspace-status{padding:10px 14px;display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.workspace-status a{margin-left:auto}.connection-online{color:#8cd9b4}.connection-offline{color:#ffb9a2}.chat-toolbar{min-height:56px;flex-wrap:wrap;gap:8px;padding:12px 16px;border:0}.chat-toolbar .agent-name{font-size:14px;text-transform:none;letter-spacing:0;color:var(--text);font-weight:600}.chat-toolbar .mode-switch{order:3}.chat-toolbar>div:last-of-type{font-size:12px}.chat-toolbar .btn,.mode-switch button{font-size:12px}.chat-messages{padding:18px 20px;font-size:15px;line-height:1.7;overflow-wrap:anywhere;scrollbar-gutter:stable}.chat-messages>div:has(.whitespace-pre-wrap){padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.chat-messages>div>.w-5{display:none}.chat-messages .pl-8{padding-left:0;font-size:13px;letter-spacing:0;text-transform:none}.chat-messages [dir=rtl]{text-align:right;font-size:16px}.chat-messages .prose-chat{font-size:15px;line-height:1.8}.chat-composer{background:var(--surface);border-radius:12px;border-color:var(--line-strong);overflow:hidden}.chat-composer textarea{font-size:15px;min-height:100px;max-height:200px;display:block;line-height:1.7}.chat-composer>div{border:0;padding:10px}.chat-composer>div>span{font-size:11px}.chat-composer .btn{font-size:13px}.tool-group{border:1px solid var(--line);border-radius:9px;background:var(--bg);font-size:13px;overflow:hidden}.tool-group summary{padding:12px;cursor:pointer;color:var(--muted)}.tool-row{width:100%;text-align:left;min-height:40px;border:0;border-top:1px solid var(--line);border-radius:0;font-size:12px;background:var(--panel)}.tool-group pre,.prose-chat pre{direction:ltr;text-align:left;font-family:JetBrains Mono,monospace;font-size:12px}.prose-chat code{font-family:JetBrains Mono,monospace;direction:ltr;unicode-bidi:isolate;color:#b8ccff}.prose-chat pre{border-radius:8px;padding:12px;background:var(--bg)}.prose-chat a{color:#aac4ff}.preview-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted);flex:1;min-width:24px}.preview-canvas{padding:0;background:var(--bg)}.preview-frame{border:0;border-radius:0}.preview-pane .device-btn{min-width:30px;min-height:32px}.preview-pane .flex-1:empty{display:none}.preview-pane .text-ink{font-size:16px}.preview-pane p{font-size:14px}.home-page,.projects-page{min-height:100%;background:var(--bg)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;color:var(--muted);font-size:13px}.brand-inline{display:flex;align-items:center;gap:10px}.home-content{max-width:1000px;margin:auto;padding:22px 48px 60px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2{font-size:14px;color:var(--muted)}.section-heading>a{font-size:13px;color:var(--muted)}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.recent-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--panel)}.recent-card:hover{border-color:var(--line-strong);background:var(--surface)}.recent-card strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.recent-card>span:last-child{font-size:12px;color:var(--muted)}.project-glyph{display:grid;place-items:center;background:#303b52;color:#b7ceff;width:32px;height:32px;border-radius:8px;font-size:22px}.home-builder{padding-top:clamp(60px,12vh,150px);max-width:780px;margin:auto}.workspace-pill{display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:12px}.home-builder h1{font-size:clamp(27px,3vw,38px);font-weight:600;line-height:1.25;letter-spacing:-1px;margin:24px 0 12px}.home-builder>p{color:var(--muted);line-height:1.7}.creation-composer{margin-top:28px;border:1px solid #55555f;background:var(--surface);border-radius:14px;padding:16px;box-shadow:0 12px 40px #0002}.creation-composer:focus-within{border-color:#7da5ff;box-shadow:0 0 0 3px #2563eb20}.creation-composer textarea{width:100%;background:transparent;resize:vertical;min-height:110px;max-height:300px;font-size:16px;outline:none;line-height:1.8}.creation-composer>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.creation-composer>div>span{font-size:11px;color:var(--muted)}.prompt-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.prompt-suggestions button{font-size:12px;padding:8px 12px;border-radius:20px;border:1px solid var(--line);color:var(--muted)}.prompt-suggestions button:hover{background:var(--surface);color:#fff}.home-footnote{font-size:12px;margin-top:24px}.login-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:26px}.login-card label{display:block;margin-bottom:12px}.login-controls{display:flex;gap:10px}.login-controls input{min-width:0}.login-card>a{display:block;color:var(--muted);font-size:12px;margin-top:12px}.error-message{color:#ffabab;padding:14px;border:1px solid #784545;border-radius:8px;margin:14px 0;background:#342426}.projects-page main{max-width:1100px;padding:48px 36px}.projects-page h1{font-size:30px;font-weight:600;margin-bottom:10px}.project-search{margin:16px 0 26px}.project-row{background:var(--panel);min-height:88px}.project-row .text-\[13px\]{font-size:15px}.project-row .text-\[11px\]{font-size:13px}.project-row .uppercase{text-transform:none;letter-spacing:0;font-size:12px}.empty-state{height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;color:var(--muted);text-align:center}.empty-state h1{font-size:22px;color:var(--text)}.mobile-shell-bar,.mobile-view-tabs{display:none}.is-hidden{display:none!important}.btn{border-radius:8px;min-height:36px}.input{border-radius:8px}.btn svg{width:15px;height:15px}button:disabled{cursor:not-allowed}summary:focus-visible{outline:2px solid #93b4ff;outline-offset:-3px}@media (max-width: 1023px){.app-shell{flex-direction:column}.mobile-shell-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:52px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;font-size:13px}.mobile-drawer{position:fixed;left:0;top:0;bottom:0;z-index:21;width:260px!important}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:20}.mobile-view-tabs{display:flex;padding:6px 10px;gap:4px;border-bottom:1px solid var(--line)}.mobile-view-tabs button{flex:1;padding:8px 4px;font-size:13px}.workspace-header{height:52px;padding:6px 12px;gap:6px}.workspace-header input{flex:1;width:0;font-size:13px}.save-state{display:none}.workspace-header .btn{min-width:36px}.download-label{display:none}.agent-column{width:100%;flex:1}.workspace-main{padding:0 8px 8px}.desktop-view-tabs,.files-toggle{display:none}.workspace-tabs{min-height:0}.workspace-actions .btn{margin:6px}.files-panel{width:100%;border:0}.files-panel header{height:50px}.chat-toolbar{padding:12px 16px}.chat-messages{padding:18px 20px}.chat-composer textarea{font-size:16px;min-height:88px}.workspace-status{font-size:11px}.home-content{padding:20px 24px 40px}.home-builder{padding-top:60px}.recent-grid{gap:10px}.page-header{padding:20px 24px}.projects-page main{padding:28px 20px}.projects-page .section-heading{align-items:flex-start}.projects-page .section-heading h1{font-size:27px}}@media (max-width: 540px){.recent-grid{grid-template-columns:1fr}.recent-card{display:grid;grid-template-columns:32px 1fr;gap:8px 12px;padding:14px}.project-glyph{grid-row:span 2}.recent-card>span:last-child{grid-column:2}.home-content{padding:12px 18px 32px}.page-header{padding:18px}.home-builder{padding-top:40px}.home-builder h1{letter-spacing:-.6px}.keyboard-hint{display:none}.creation-composer{padding:12px}.creation-composer .btn{font-size:13px}.projects-page .section-heading,.project-row{flex-wrap:wrap}.project-row>a:first-child{flex-basis:65%}.preview-pane .device-btn{min-width:26px}.preview-pane>div>div:first-child{padding:6px;gap:4px}.btn{min-height:40px}.chat-toolbar .mode-switch{margin-left:auto}.chat-toolbar>div.flex-1{display:none}.workspace-status a{margin-left:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.auth-page{min-height:100%;display:flex;flex-direction:column}.auth-content{width:100%;max-width:500px;margin:auto;padding:40px 24px 100px}.auth-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-bottom:24px}.auth-mark svg{width:24px;height:24px}.auth-content h1{font-size:28px;line-height:1.3;font-weight:600;margin-bottom:14px}.auth-content>p,.auth-help{color:var(--muted);line-height:1.7}.auth-help{font-size:13px;margin:12px 0 20px}.auth-submit{width:100%}.upcoming-services{border-top:1px solid var(--line);padding-top:6px;flex-shrink:0}.upcoming-service{width:100%;text-align:left;font-size:12px;min-height:38px}.upcoming-service>span:first-child{width:18px;text-align:center;flex-shrink:0;font-size:18px}.upcoming-service small,.upcoming-badge{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:6px;padding:2px 5px;font-size:10px}.upcoming-service small{margin-left:auto}.upcoming-dialog{width:min(420px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);max-height:calc(100dvh - 32px);overflow:auto}.upcoming-dialog::backdrop{background:#0009}.upcoming-dialog-content{padding:24px}.upcoming-dialog h2{font-size:23px;margin:16px 0 12px;font-weight:600}.upcoming-dialog p{color:var(--muted);line-height:1.7;margin-bottom:16px}.upcoming-dialog form .btn{width:100%;min-height:44px}@media (max-width:1023px){.upcoming-service{min-height:44px}.upcoming-services .sidebar-caption{padding-top:2px;padding-bottom:2px}}.library-page main{max-width:1320px;padding:38px 48px 64px;margin:auto}.project-breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:32px;min-width:0;overflow-wrap:anywhere}.project-breadcrumb a:hover{color:#fff}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.library-eyebrow{font-size:12px;color:var(--muted)}.library-heading h1{font-size:32px;letter-spacing:-.8px;margin:10px 0;overflow-wrap:anywhere}.library-heading p{color:var(--muted);font-size:14px;line-height:1.7}.library-header-actions{display:flex;gap:10px;flex-shrink:0}.library-stats{display:flex;gap:24px;align-items:center;color:var(--muted);font-size:12px;padding:24px 0 28px}.library-stats>span{display:flex;gap:7px;align-items:center}.library-stats strong{font-weight:500;color:var(--text)}.status-dot{display:inline-block;width:6px;height:6px;background:#8cd9b4;border-radius:50%}.folder-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:28px;align-items:center;min-width:0}.folder-tabs>a{color:var(--muted);padding:12px 0;border-bottom:2px solid transparent;font-size:14px;white-space:nowrap}.folder-tabs>a[aria-current=page]{color:#fff;border-color:#7ea7ff}.folder-tabs>a>span{font-size:11px;margin-left:6px;padding:2px 6px;background:var(--surface);border-radius:5px}.current-folder{display:flex;gap:8px;align-items:center;color:#b6ceff;font-size:13px;min-width:0}.current-folder>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-section{margin-bottom:32px}.folder-section .section-heading{margin-bottom:14px}.folder-section h2{color:var(--text);font-weight:500}.folder-section .section-heading>span{color:var(--dim);font-size:12px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.folder-card{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:0}.folder-card>a{display:grid;grid-template-columns:40px 1fr;-moz-column-gap:12px;column-gap:12px;row-gap:6px;padding:20px 38px 20px 16px}.folder-art{grid-row:span 2;display:grid;place-items:center;color:#9abbff}.folder-card strong{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-card>a>span:last-child{font-size:12px;color:var(--muted)}.folder-card>.project-menu{position:absolute;right:5px;top:7px}.folder-card:hover{border-color:#575762}.folder-create{min-height:88px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--muted);font-size:13px}.folder-create>span{font-size:23px}.folder-create:hover{background:var(--panel);color:#fff}.folder-context{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.folder-context>span{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.folder-context>div{display:flex;gap:4px}.library-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.library-toolbar>input{flex:1;min-width:180px}.library-toolbar>select{width:auto;max-width:180px;font-size:13px}.view-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px}.view-switch button{padding:6px 10px;border-radius:5px;color:var(--muted);font-size:12px}.view-switch button[aria-pressed=true]{color:#fff;background:var(--surface)}.project-results-label{font-size:12px;color:var(--dim);padding:18px 0}.project-collection.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:18px}.project-tile{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0;position:relative}.project-tile:hover{border-color:#54545e}.project-tile-top{display:flex;align-items:center;gap:12px;padding:20px 18px 14px}.project-emblem{width:38px;height:38px;border-radius:9px;background:#2b3549;color:#c4d5f6;display:grid;place-items:center}.project-status{font-size:11px;color:var(--muted);margin-left:auto;display:inline-flex;align-items:center;gap:5px}.project-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#a1a1ad}.project-status.status-running{color:#b7ceff}.project-status.status-running:before{background:#7ba6ff}.project-status.status-error{color:#ffb3b3}.project-status.status-error:before{background:#ff8d8d}.project-menu{position:relative;flex-shrink:0}.project-menu summary{list-style:none;cursor:pointer;padding:7px;color:var(--muted);border-radius:6px;font-size:12px;letter-spacing:1px}.project-menu summary::-webkit-details-marker{display:none}.project-menu summary:hover,.project-menu[open] summary{color:#fff;background:var(--surface)}.project-menu>div{position:absolute;right:0;top:100%;width:176px;z-index:8;border:1px solid var(--line-strong);border-radius:9px;background:#28282c;padding:5px;box-shadow:0 12px 30px #0006}.project-menu button{display:block;width:100%;padding:10px;font-size:13px;text-align:left;border-radius:5px}.project-menu button:hover{background:#37373e}.danger-text{color:#ffb1b1}.project-tile-body{display:block;padding:0 20px}.project-tile-body h2{font-size:16px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}.project-tile-body p{font-size:13px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;overflow-wrap:anywhere}.project-location{padding:16px 20px;display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);min-width:0}.project-location>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-tile>footer{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.project-cost{margin-left:auto}.project-download{padding:6px}.project-open{display:flex;align-items:center;gap:5px;color:#b3ccff;font-size:12px;padding:6px}.project-open:hover{color:#fff}.project-collection.list-view{display:flex;flex-direction:column;gap:10px}.list-view .project-tile{display:grid;grid-template-columns:160px minmax(150px,1fr) 130px 250px;align-items:center}.list-view .project-tile-top{padding:14px 12px}.list-view .project-tile-body{padding:14px}.list-view .project-tile-body h2{margin-bottom:5px;font-size:14px}.list-view .project-tile-body p{min-height:0;-webkit-line-clamp:1;font-size:12px}.list-view .project-location{padding:12px}.list-view .project-tile>footer{border-top:0;padding:14px 12px}.library-empty{padding:60px 24px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:16px;border:1px dashed var(--line);border-radius:12px;background:var(--panel);color:var(--muted)}.library-empty h2{font-size:19px;color:var(--text)}.library-empty p{font-size:14px;line-height:1.7;max-width:390px}.library-notice{display:flex;align-items:center;gap:16px;background:#20302b;border:1px solid #365448;color:#b3e5ce;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:13px}.library-notice button{margin-left:auto;padding:0 5px}.project-skeletons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-skeletons>div{height:200px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.project-skeletons>span{grid-column:1/-1;color:var(--muted)}.project-dialog{background:var(--panel);color:var(--text);border:1px solid var(--line-strong);border-radius:14px;padding:24px;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto}.project-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.project-dialog header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.project-dialog h2{font-size:20px;font-weight:600;flex:1}.project-dialog label{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}.project-dialog p{font-size:14px;line-height:1.7;overflow-wrap:anywhere;margin-bottom:18px}.project-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.btn-danger{background:#9f3038;color:#fff;border-color:#bd434b}.btn-danger:hover{background:#b33941}.sidebar-folder-group{margin-bottom:3px}.sidebar-folder-group summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px;border-radius:7px;color:var(--muted);cursor:pointer;font-size:13px}.sidebar-folder-group summary:before{content:"›";font-size:16px}.sidebar-folder-group[open]>summary:before{transform:rotate(90deg)}.sidebar-folder-group summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-folder-group summary>small{margin-left:auto;color:var(--dim)}.sidebar-folder-group .sidebar-link{margin-left:15px;font-size:12px;border-left:1px solid var(--line);border-radius:0 6px 6px 0;min-height:34px}.sidebar-folder-group .folder-browse{color:#a9c5ff;font-size:11px;min-height:30px}.sidebar-folder-heading{display:flex;justify-content:space-between;align-items:center}.sidebar-folder-heading a{font-size:18px;line-height:1;color:var(--muted)}@media (max-width: 1200px){.library-page main{padding:28px}.list-view .project-tile{grid-template-columns:140px minmax(130px,1fr) 220px}.list-view .project-location{display:none}.library-heading{align-items:flex-start;flex-wrap:wrap}}@media (max-width: 640px){.library-page main{padding:24px 16px 40px}.project-breadcrumb{margin-bottom:24px}.library-heading h1{font-size:28px}.library-header-actions{width:100%}.library-header-actions>.btn{flex:1}.library-stats{gap:18px}.folder-tabs{gap:16px;flex-wrap:wrap}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-card>a{grid-template-columns:1fr;padding:16px 12px}.folder-art{justify-content:start;grid-row:auto;margin-bottom:8px}.folder-card strong{font-size:13px}.folder-section .section-heading>span{display:none}.folder-create{flex-direction:column;font-size:12px}.library-toolbar>input{flex-basis:100%}.library-toolbar>select{flex:1;max-width:none;min-width:0;font-size:12px}.library-toolbar .view-switch{width:100%}.view-switch button{flex:1}.project-collection.grid-view,.list-view .project-tile{grid-template-columns:1fr}.list-view .project-tile-top{padding:14px 16px}.list-view .project-tile-body{padding:0 16px 14px}.list-view .project-tile>footer{border-top:1px solid var(--line)}.folder-context{flex-wrap:wrap}.project-skeletons{grid-template-columns:1fr}.project-dialog{padding:20px}.project-dialog .input{font-size:16px}}.preview-workspace{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--panel)}.preview-workspace:fullscreen{width:100vw;height:100dvh}.preview-navigation{display:flex;align-items:center;gap:5px;padding:7px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.preview-navigation .btn{min-width:32px;min-height:32px;padding:5px}.device-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.device-shortcuts{display:flex;gap:2px}.device-toolbar .input{font-size:12px;min-height:32px;padding:5px 7px}.device-toolbar .device-select{flex:1;min-width:145px;width:auto;max-width:245px}.device-toolbar .preview-zoom{width:65px}.device-toolbar .btn{min-height:32px;padding:4px 8px}.custom-dimensions{display:flex;gap:5px;align-items:center;font-size:12px;color:var(--muted)}.custom-dimensions input{background:var(--surface);border:1px solid var(--line);border-radius:5px;width:66px;padding:5px;color:var(--text)}.device-canvas{flex:1;min-height:0;min-width:0;overflow:auto;padding:16px;background:#151518}.device-canvas.fluid-canvas{padding:0}.device-stage{position:relative;margin:0 auto;flex-shrink:0;box-shadow:0 0 0 1px var(--line);background:#fff}.device-iframe{border:0;display:block;position:absolute;top:0;left:0;transform-origin:top left;background:#fff;max-width:none}.preview-measurements{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);flex-shrink:0}.preview-measurements>span:last-child{text-align:right}.image-picker{display:block!important;padding:0 10px 8px!important;margin:0!important;min-width:0}.image-picker-toolbar{display:flex;align-items:center;gap:8px}.image-picker-toolbar>.btn{font-size:12px!important;padding:5px 7px;min-height:32px}.image-picker-toolbar>span{font-size:10px;color:var(--muted);margin-left:auto}.attachment-error{font-size:12px;color:#ffb2b2;padding:8px 0}.attachment-previews{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.attachment-preview{position:relative;width:82px;min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}.attachment-preview img{width:80px;height:60px;-o-object-fit:cover;object-fit:cover}.attachment-preview>span{display:block;font-size:10px;padding:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted)}.attachment-preview button{position:absolute;right:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#18181be6;color:#fff;font-size:16px}.message-images{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.message-images img{width:100px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.uploaded-image-viewer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:24px;overflow:auto;font-size:12px;color:var(--muted)}.uploaded-image-viewer img{max-width:100%;max-height:80%;-o-object-fit:contain;object-fit:contain}.creation-composer>.image-picker{padding:0!important}@media (max-width: 640px){.device-toolbar{gap:4px;padding:6px}.device-shortcuts{display:none}.device-toolbar .device-select{max-width:none}.preview-measurements{font-size:10px}.image-picker-toolbar>span{font-size:9px}.custom-dimensions{order:4;width:100%;justify-content:center}}.device-stage:has(.device-shell){background:transparent;box-shadow:none}.device-shell{position:relative;transform-origin:top left;box-sizing:border-box}.device-screen{position:relative;overflow:hidden;background:#fff}.device-shell.frame-iphone,.device-shell.frame-android,.device-shell.frame-tablet{background:#17181c;border-radius:48px;box-shadow:inset 0 0 0 2px #747780,inset 0 0 0 5px #303238,0 12px 30px #0007}.frame-iphone .device-screen{border-radius:28px}.frame-android{border-radius:32px!important}.frame-android .device-screen{border-radius:20px}.frame-tablet{border-radius:28px!important}.frame-tablet .device-screen{border-radius:12px}.device-camera{position:absolute;top:14px;left:50%;transform:translate(-50%);width:80px;height:18px;border-radius:20px;background:#050506;box-shadow:inset 0 0 0 1px #292b31;pointer-events:none}.device-camera:after{content:"";position:absolute;width:7px;height:7px;right:10px;top:5px;border-radius:50%;background:#132237;box-shadow:0 0 0 2px #090b0e}.frame-android .device-camera,.frame-tablet .device-camera{width:15px;height:15px}.frame-android .device-camera:after,.frame-tablet .device-camera:after{right:4px;top:4px}.device-home{position:absolute;bottom:19px;left:50%;transform:translate(-50%);width:100px;height:4px;background:#c1c3ca;border-radius:5px;pointer-events:none}.is-landscape .device-camera{top:50%;left:13px;transform:translateY(-50%);width:18px;height:80px}.is-landscape .device-camera:after{right:5px;top:10px}.is-landscape.frame-android .device-camera,.is-landscape.frame-tablet .device-camera{width:15px;height:15px}.is-landscape.frame-android .device-camera:after,.is-landscape.frame-tablet .device-camera:after{right:4px;top:4px}.is-landscape .device-home{left:auto;right:19px;top:50%;bottom:auto;transform:translateY(-50%);width:4px;height:100px}.mobile-panel-icon,.mobile-device-toggle{display:none}@media (max-width:1023px){.app-shell{height:var(--visible-height,100dvh)}.app-shell:has(.workbench) .shell-content{overflow:hidden}.app-shell:has(.workbench) .mobile-shell-bar{position:absolute;top:0;left:0;width:112px;height:56px;z-index:10;border:0;padding:6px 8px}.app-shell:has(.workbench) .mobile-shell-bar>span{display:none}.workspace-header{height:56px;padding-left:116px;flex-shrink:0}.workspace-header input{font-size:16px}.workspace-header .btn{min-width:44px;min-height:44px}.mobile-view-tabs{order:3;flex-shrink:0;background:var(--panel);border-top:1px solid var(--line);border-bottom:0;padding:5px 8px max(5px,env(safe-area-inset-bottom));gap:6px}.mobile-view-tabs button{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:10px;font-size:12px}.mobile-view-tabs button[aria-pressed=true]{background:#2563eb24;color:#a8c4ff;border-color:transparent}.mobile-panel-icon{display:block}.workspace-columns{min-height:0;flex:1}.workspace-main{padding:0}.chat-toolbar{min-height:40px;padding:8px 14px}.chat-messages{padding:14px}.chat-composer textarea{min-height:56px;max-height:130px!important;font-size:16px}.agent-column>div>.border-t{padding:8px}.chat-composer .btn,.mode-switch button{min-height:44px}.image-picker-toolbar{padding:0 8px}.image-picker-toolbar>span{display:none}.workspace-status{min-height:22px;padding:2px 12px;font-size:10px}.workspace-status a{margin-left:auto}.preview-navigation{padding:4px 8px}.preview-navigation .btn{min-width:44px;min-height:44px}.preview-address{display:none}.preview-navigation{justify-content:flex-end}.mobile-device-toggle{display:flex;align-items:center;justify-content:space-between;min-height:44px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 14px}.mobile-device-toggle span{font-size:12px;color:var(--muted)}.preview-workspace:not(.device-tools-open) .device-toolbar{display:none}.device-toolbar{max-height:200px;overflow:auto}.device-toolbar .input,.device-toolbar .btn,.custom-dimensions input{min-height:44px;font-size:16px}.device-toolbar .device-select{max-width:none}.device-shortcuts{display:none}.preview-measurements{min-height:24px}.files-panel .tree-row{min-height:48px;font-size:15px}.files-panel .input,.project-sidebar .input,.library-toolbar input,.library-toolbar select{font-size:16px;min-height:44px}.mobile-drawer{width:min(320px,calc(100vw - 40px))!important;padding-bottom:env(safe-area-inset-bottom)}.sidebar-link,.sidebar-folder-group summary{min-height:44px}.home-builder{padding-top:24px}.home-builder h1{font-size:28px}.recent-grid{grid-template-columns:1fr}.home-content{padding:16px}.library-page{padding:20px 16px}button,a,input,textarea,select{touch-action:manipulation}input,textarea,select{font-size:16px}.editor-tabs .tab button{min-height:44px}}@media (max-width:1023px) and (max-height:540px){.workspace-status,.chat-toolbar{display:none}.mobile-view-tabs button{min-height:44px;flex-direction:row}.mobile-panel-icon{width:17px;height:17px}.chat-composer textarea{min-height:40px;max-height:80px!important}}.language-switcher{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px;min-height:40px;max-width:140px;font:inherit;cursor:pointer;direction:ltr}.project-sidebar>.language-switcher{max-width:100%;width:100%;flex-shrink:0}.project-sidebar.collapsed>.language-switcher{font-size:10px;padding:4px 0}html:is([lang=fa],[lang=ar]) body{font-family:Vazirmatn,Inter,sans-serif}.app-shell,.workspace-columns,.workspace-header,.workspace-content,.preview-workspace{direction:ltr}html[dir=rtl] :is(.home-page,.auth-page,.library-page,.project-sidebar,.chat-toolbar,.chat-composer,.workspace-status,.files-panel,.upcoming-dialog,.project-dialog,.mobile-view-tabs){direction:rtl}html[dir=rtl] :is(.home-page,.auth-page,.library-page,.project-sidebar,.upcoming-dialog,.project-dialog){text-align:right}html[dir=rtl] .upcoming-service{text-align:right}html[dir=rtl] .upcoming-service small{margin-left:0;margin-right:auto}html[dir=rtl] .workspace-header input{direction:rtl;text-align:right}.code-pane,.editor-body,.editor-tabs,.monaco-editor,.files-scroll,.preview-address,pre,code{direction:ltr;text-align:left}.chat-messages [dir=auto]{unicode-bidi:plaintext}.chat-messages .prose-chat{direction:ltr}.chat-messages .prose-chat.rtl{direction:rtl}.project-sidebar{min-height:0;overflow-y:auto}html:is([lang=fa],[lang=ar]) .preview-zoom{width:125px}html:is([lang=fa],[lang=ar]) :is(.sidebar-link,.upcoming-service,.btn){font-size:14px}html:is([lang=fa],[lang=ar]) .project-tile footer{gap:8px}@media (max-width: 1023px){.language-switcher{min-height:44px;font-size:16px}.app-shell:has(.workbench) .mobile-shell-bar>.language-switcher{display:none}html[dir=rtl] .mobile-shell-bar{direction:ltr}}html[lang=zh] body{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}html[lang=ru] .upcoming-service>span:nth-child(2){overflow-wrap:anywhere;min-width:0}html:is([lang=ru],[lang=zh]) .preview-zoom{width:100px}.project-sidebar.collapsed{width:64px;padding:8px;gap:8px;overflow-x:hidden}.collapsed .sidebar-brand{height:84px;gap:4px;flex-shrink:0}.collapsed .sidebar-brand>a{display:grid;place-items:center;width:40px;height:36px}.collapsed .sidebar-toggle{width:44px;height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.collapsed>.sidebar-link{justify-content:center;padding:0;width:48px;min-height:44px;flex-shrink:0}.collapsed .new-project{background:#2563eb22;color:#a8c4ff;border:1px solid #2563eb44}.collapsed .sidebar-projects{border-top:1px solid var(--line);padding-top:8px;scrollbar-width:none}.collapsed .rail-project{justify-content:center;padding:4px;height:44px;margin-bottom:5px;position:relative;border:1px solid transparent}.rail-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--surface);font-size:12px;font-weight:600}.collapsed .rail-project[aria-current=page]{border-color:#6694ff88;background:#2563eb22;box-shadow:inset 3px 0 #6694ff}.rail-more{min-height:32px;display:grid;place-items:center;font-size:12px;color:var(--muted);border-radius:8px}.rail-more:hover{background:var(--surface);color:var(--text)}.collapsed .upcoming-services{display:flex;flex-direction:column;gap:2px;padding-top:8px}.collapsed .upcoming-service{padding:0;min-height:40px;justify-content:center}.rail-language{width:48px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);flex-shrink:0}.rail-language span{font-size:9px;line-height:12px;letter-spacing:.5px}.collapsed .sidebar-account{padding-top:6px;display:flex;justify-content:center;flex-shrink:0}.collapsed .sidebar-account .btn{width:44px;min-height:40px;padding:0}.language-dialog{width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text)}.language-dialog::backdrop{background:#0009}.language-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.language-dialog>button{width:100%;min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;margin-top:5px;border:1px solid transparent;border-radius:9px;font-size:16px}.language-dialog>button:hover{background:var(--surface)}.language-dialog>button[aria-pressed=true]{border-color:#6694ff88;background:#2563eb22;color:#b9d0ff}.project-sidebar-slot{position:relative;flex-shrink:0;height:100%;z-index:40}.project-sidebar-slot>.project-sidebar{height:100%}.project-sidebar-slot>.is-peeking{position:absolute;inset:0 auto 0 0;width:272px;max-width:calc(100vw - 24px);box-shadow:12px 0 36px #0006;border-right:1px solid var(--line);border-radius:0 12px 12px 0;animation:sidebar-reveal .14s ease-out}.mobile-sidebar-slot{display:contents}.sidebar-toggle{display:grid;place-items:center;flex-shrink:0}@keyframes sidebar-reveal{0%{opacity:.8;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.project-sidebar-slot>.is-peeking{animation:none}}