:root{--bg-canvas:#131316;--bg-sidebar:#191a1e;--bg-topnav:#191a1e;--bg-chat-panel:#1e1f24;--bg-workspace:#1e1f24;--bg-file-explorer:#191a1e;--bg-code-editor:#111114;--bg-preview-canvas:#0e0e11;--bg-surface:#26272d;--bg-surface-hover:#2e2f36;--bg-card:#1e1f24;--bg-card-hover:#26272d;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-strong:#ffffff29;--border-accent:#7c6afe57;--border-accent-strong:#7c6afe8c;--scrollbar-thumb:#ffffff29;--scrollbar-thumb-hover:#ffffff42;--text-primary:#f4f4f6;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#6d5df6;--accent-secondary:#4a3fd0;--accent-light:#a79fff;--accent-gradient:linear-gradient(135deg, #6d5df6 0%, #5857ff 55%, #a855f7 100%);--accent-glow:#6d5df629;--accent-glow-strong:#6d5df652;--color-accent:var(--accent-primary);--color-accent-hover:var(--accent-secondary);--color-success:#10b981;--color-success-bg:#10b98114;--color-success-border:#10b98140;--color-success-glow:#10b98133;--color-warning:#f59e0b;--color-warning-bg:#f59e0b14;--color-warning-border:#f59e0b40;--color-error:#ef4444;--color-error-bg:#ef444414;--color-error-border:#ef444440;--color-info:#0ea5e9;--color-info-bg:#0ea5e914;--color-info-border:#0ea5e940;--color-ai:#a79fff;--color-ai-bg:#6d5df61a;--color-ai-border:#6d5df647;--color-neutral:#a1a1aa;--color-neutral-muted:#94a3b8;--color-neutral-bg:#ffffff0a;--color-neutral-border:#ffffff14;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--sidebar-width:240px;--header-height:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-subtle:0 1px 3px #00000047;--shadow-panel:none;--shadow-overlay:0 16px 36px #00000080;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-brand:var(--font-sans);--font-mono:"DM Mono", ui-monospace, monospace;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--macos-bg-window:#0e0f14;--macos-bg-sidebar:#12131a;--macos-bg-toolbar:#14151e;--macos-bg-panel:#101118;--macos-blur:none;--macos-window-border:1px solid #ffffff17;--macos-rim-light:inset 0 1px 0 0 #ffffff1a;--macos-shadow-window:0 24px 60px #0000008c, 0 0 0 1px #ffffff14}.macos-segmented-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border:1px solid #ffffff12;border-radius:7px;align-items:center;padding:2px;display:inline-flex;box-shadow:inset 0 1px 2px #0000004d}.macos-segment-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.macos-segment-item:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.macos-segment-item.active{color:#fff;background:linear-gradient(#ffffff2b,#ffffff1c);font-weight:600;box-shadow:0 1px 3px #00000059,inset 0 .5px #fff3}.macos-toolbar-btn{height:28px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.macos-toolbar-btn:hover:not(:disabled){background:#ffffff17;border-color:#ffffff24}.macos-toolbar-btn:active:not(:disabled){background:#ffffff1f;transform:scale(.97)}svg.lucide{stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.btn-touch{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.btn-touch-sm{min-width:32px;min-height:32px}input:not([type=checkbox]):not([type=radio]):focus-visible,textarea:focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring,#5857ff29);outline:none}.text-h1{font-size:24px;font-weight:700;line-height:1.2}.text-h2{font-size:16px;font-weight:600;line-height:1.3}.text-body{font-size:14px;font-weight:400;line-height:1.5}.text-secondary{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.5}.text-micro{color:var(--text-muted);font-size:12px;font-weight:500}.sidebar-actions,.sidebar-actions-menu-wrapper{opacity:0;transition:opacity .15s}.sidebar-nav-item:hover .sidebar-actions,.sidebar-nav-item:hover .sidebar-actions-menu-wrapper,.sidebar-nav-item:focus-within .sidebar-actions,.sidebar-nav-item:focus-within .sidebar-actions-menu-wrapper{opacity:1}@media (hover:none){.sidebar-actions,.sidebar-actions-menu-wrapper{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{border:none;outline:none;width:100%;min-height:100%;margin:0;padding:0;overflow-x:clip}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;overflow-x:clip}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-corner{background:0 0}input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],input[type=number],input[type=tel],textarea{color:var(--text-primary);background:var(--bg-surface,#26272d);border:1px solid var(--border-medium);box-sizing:border-box;border-radius:9px;outline:none;padding:9px 13px;font-family:inherit;font-size:13.5px;line-height:1.5;transition:border-color .14s,box-shadow .14s,background .14s}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,textarea::placeholder{color:var(--text-muted,#71717a);opacity:.8}input[type=text]:hover:not(:disabled),input[type=email]:hover:not(:disabled),input[type=password]:hover:not(:disabled),input[type=url]:hover:not(:disabled),input[type=search]:hover:not(:disabled),input[type=number]:hover:not(:disabled),input[type=tel]:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-strong)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus,input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=url]:focus-visible,input[type=search]:focus-visible,input[type=number]:focus-visible,input[type=tel]:focus-visible,textarea:focus-visible{outline-offset:0!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--focus-ring,#5857ff2e)!important;outline:none!important}input:disabled,textarea:disabled{opacity:.55;cursor:not-allowed;background:var(--bg-card,#1e1f24)}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none}select option,select optgroup{color:#f3f4f6;background-color:#191a1e;padding:6px 10px}:root[data-theme=light] select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] select option,:root[data-theme=light] select optgroup{color:#1c1c22;background-color:#fff}select optgroup{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:600}h1,h2,h3,h4,.brand-text{font-family:var(--font-brand)}.display-accent{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(115deg,#6d5df6 0%,#c545d8 48%,#ff8a5c 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:500}.app-container{background-color:var(--bg-canvas);outline:none;width:100vw;height:100dvh;display:flex;overflow:hidden;border:none!important;border-top-width:0!important;margin:0!important;padding:0!important}.sidebar-container{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);height:100%;padding:var(--space-4) 0;z-index:10;border-radius:0;flex-direction:column;transition:width .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar-container.collapsed{width:64px}.main-content{background:var(--bg-topnav);outline:none;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden;border:none!important;border-top-width:0!important;margin:0!important;padding:0!important}.top-nav{height:var(--header-height);background:var(--bg-topnav);border:none;border-bottom:1px solid var(--border-subtle);padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);z-index:10;box-shadow:none;border-radius:0;outline:none;margin:0;display:flex}.top-nav-project-tab{min-width:0;max-width:min(56vw,360px)}.top-nav-project-name-button{min-width:0;max-width:clamp(100px,32vw,180px)!important}.top-nav-user-menu{scrollbar-width:thin}.workspace-area{min-width:0;min-height:0;height:calc(100vh - var(--header-height));background:var(--bg-canvas);flex:1;gap:0;padding:0;display:flex;position:relative;overflow:hidden}.chat-panel-container{background:var(--bg-chat-panel);border:none;border-right:1px solid var(--border-subtle);height:100%;box-shadow:none;border-radius:0;flex-direction:column;flex-shrink:0;min-width:0;max-width:100%;transition:width .15s;display:flex;overflow:hidden}.workspace-panel-container{background:var(--bg-workspace);min-width:0;height:100%;box-shadow:none;border:none;border-radius:0;flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-resize-handle{cursor:col-resize;z-index:20;background:0 0;justify-content:center;align-items:center;width:5px;margin:0 -2px;transition:background .15s;display:flex}.panel-resize-handle:hover,.panel-resize-handle.active{background:var(--accent-primary)}.file-explorer-container{background:var(--bg-file-explorer);border-right:1px solid var(--border-subtle);border-radius:0;flex-direction:column;width:220px;height:100%;display:flex}.workspace-tabs{background:#00000059;border:none;border-radius:8px;gap:4px;padding:4px;display:flex}.workspace-tab{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;padding:7px 18px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.workspace-tab:hover{color:var(--text-primary);background:#ffffff0a}.workspace-tab.active{color:#fff;background:linear-gradient(#ffffff1a,#ffffff0f);font-weight:600}.workspace-tab.active:after{content:"";background:var(--accent-light);border-radius:2px;height:2px;position:absolute;bottom:0;left:14%;right:14%}.workspace-tab.active svg{color:var(--accent-light)}.button-primary{color:#09090b;border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;background:#fff;border:1px solid #fff3;align-items:center;gap:7px;padding:7px 15px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0003}.button-primary:hover{background:#f4f4f5;transform:translateY(-.5px);box-shadow:0 2px 6px #0000004d}.button-primary:active{transform:translateY(0)}.button-primary:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff4d}.button-ghost{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.button-ghost:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.button-ghost:hover svg{color:var(--text-primary)}.button-ghost:active{transform:translateY(0)scale(.98)}.button-ghost:disabled{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-muted);opacity:1;cursor:not-allowed}.icon-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.icon-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.sidebar-brand-badge{background:#16161a;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.sidebar-brand-badge:hover{background:#242429}.sidebar-new-btn{width:100%;color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);background:#ffffff0a;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-new-btn:hover{color:#fff;background:#ffffff14}.sidebar-new-btn:hover svg{color:var(--accent-light);transform:rotate(90deg)}.sidebar-new-btn svg{transition:transform .25s,color .2s}.sidebar-nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:5px 8px;font-size:13px;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.sidebar-nav-item.active{color:#fff;background:#ffffff14}.sidebar-nav-item.active:hover{background:#ffffff1c}.sidebar-nav-item:hover svg{color:#fff}.sidebar-nav-item svg{transition:color .15s}.brand-draft-badge{background:var(--color-ai-bg);color:var(--accent-light);border:1px solid var(--color-ai-border);letter-spacing:.03em;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:600}.quick-template-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:8px 12px;transition:background .15s,border-color .15s,transform .15s;display:flex}.quick-template-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translate(3px)}.quick-template-card:hover .template-arrow{transform:translate(3px);opacity:1!important;color:var(--accent-light)!important}.chat-input-wrapper{background:#ffffff07;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative}.chat-input-wrapper:focus-within{background:#ffffff0a;border-color:#7c6afe61;box-shadow:0 0 0 1px #7c6afe26,0 4px 16px #0003}.chat-input{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;font-family:inherit;font-size:13.5px;line-height:1.5}.chat-input::placeholder{color:var(--text-secondary);opacity:1}.chat-send-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #6d5df661}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6d5df67a}.chat-send-btn:active:not(:disabled){transform:translateY(0)}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed;color:var(--text-muted);box-shadow:none;background:#ffffff0f}.chat-bubble-ai{color:var(--text-primary);box-sizing:border-box;width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;font-size:13.5px;line-height:1.65}.file-tree-item{cursor:pointer;color:var(--text-secondary);border-left:2px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;transition:all .15s;display:flex}.file-tree-item:hover{color:var(--text-primary);background:#ffffff0a;transform:translate(2px)}.file-tree-item.active{background:var(--color-ai-bg);border-left:2px solid var(--accent-secondary);color:#f0fdfa;font-weight:500}.file-tree-item.active svg{color:var(--accent-light)}.file-tree-item.folder-item{color:var(--text-secondary);border-left:2px solid #0000;font-weight:500}.file-tree-item.folder-item:hover{color:var(--text-primary)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #6d5df6b3}50%{opacity:.85;transform:scale(1.18);box-shadow:0 0 0 6px #6d5df600}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}.status-badge{border-radius:var(--radius-sm);color:var(--color-neutral);background:#ffffff0a;border:none;align-items:center;gap:8px;min-height:28px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.status-badge.generating{color:var(--accent-light);box-shadow:none;background:#6d5df624;border:none;padding:4px 10px}.status-badge.ready{color:var(--color-success);background:#10b9811a;border:none}.status-badge.error{color:var(--color-error);background:#ef44441a;border:none}.status-text-group{text-align:left;flex-direction:column;line-height:1.2;display:flex}.status-line-top{align-items:center;gap:6px;display:flex}.status-title{color:#fff;font-size:11.5px;font-weight:600}.status-step-pill{color:#cbd5e1;letter-spacing:.02em;background:#ffffff1a;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:500}.status-detail-text{color:var(--text-secondary);font-size:10.5px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.idle{background:var(--color-success)}.status-dot.generating{background:var(--accent-primary);animation:1.6s ease-in-out infinite status-pulse}.status-dot.ready{background:var(--color-success)}.status-dot.error{background:var(--color-error)}.build-pipeline-bar{border-bottom:1px solid var(--border-subtle);background:#0d0f17f2;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.pipeline-stepper{justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 16px;display:flex}.pipeline-step-item{color:var(--text-muted);white-space:nowrap;align-items:center;gap:7px;font-size:11.5px;font-weight:500;transition:all .2s;display:flex}.pipeline-step-item.active{color:#fff;font-weight:600}.pipeline-step-item.done{color:var(--color-success)}.pipeline-connector-line{background:#ffffff14;flex:1;height:1px;margin:0 8px;transition:background .3s}.pipeline-connector-line.active{background:#10b98166}.pipeline-progress-track{background:#ffffff0d;width:100%;height:2px;position:relative;overflow:hidden}.pipeline-progress-fill{background:var(--color-accent);height:100%;transition:width .35s}.browser-chrome{border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#0b0d14;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex;position:relative}.browser-chrome-left{flex-shrink:0;align-items:center;gap:6px;min-width:auto;display:flex}.browser-dots{flex-shrink:0;align-items:center;gap:6px;display:flex}.browser-dot{border-radius:50%;width:9px;height:9px;transition:opacity .2s}.browser-dot.close{background:#ff5f56;box-shadow:inset 0 0 0 .5px #0000004d}.browser-dot.minimize{background:#ffbd2e;box-shadow:inset 0 0 0 .5px #0000004d}.browser-dot.maximize{background:#27c93f;box-shadow:inset 0 0 0 .5px #0000004d}.browser-nav-actions{align-items:center;gap:4px;display:flex}.browser-chrome-center{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.browser-url-pill{width:100%;max-width:340px;height:24px;font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 10px;display:flex;overflow:hidden}.browser-viewport-badge{color:var(--text-muted);background:#ffffff14;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:10px}.browser-chrome-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;margin-right:0;display:flex}.viewport-segmented-control{background:#00000059;border:1px solid #ffffff14;border-radius:7px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex;box-shadow:inset 0 1px 2px #0000004d}.viewport-pill-btn{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:4px 6px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.viewport-pill-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0f}.viewport-pill-btn.active{color:#fff;background:linear-gradient(#ffffff2e,#ffffff1a);font-weight:600;box-shadow:0 1px 3px #00000061,inset 0 .5px #fff3}.browser-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.browser-action-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.browser-action-btn:hover{color:var(--text-primary);background:#ffffff14}.browser-action-btn:disabled{opacity:.3;cursor:not-allowed}.deploy-menu-container{display:inline-flex;position:relative}.deploy-split-btn{background:var(--color-accent);border:none;border-radius:6px;align-items:center;transition:all .15s;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0000004d}.deploy-split-btn:hover{background:var(--color-accent-hover);box-shadow:0 2px 6px #0006}.deploy-main-action{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.deploy-toggle-action{color:#ffffffd9;cursor:pointer;background:#00000026;border:none;border-left:1px solid #ffffff26;justify-content:center;align-items:center;padding:6px 7px;font-family:inherit;transition:background .15s;display:inline-flex}.deploy-toggle-action:hover{color:#fff;background:#0000004d}.deploy-dropdown-menu{border:1px solid var(--border-medium);z-index:1000;background:#14151e;border-radius:8px;width:220px;padding:5px;animation:.15s fadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0009,0 0 16px #6d5df626}.deploy-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:9px;padding:7px 10px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.deploy-menu-item:hover{color:#fff;background:#ffffff12}.deploy-menu-item-subtext{color:var(--text-muted);font-size:10.5px}.deploy-menu-divider{background:var(--border-subtle);height:1px;margin:4px 0}.preview-skeleton-content{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.generating-overlay-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;z-index:10;flex-direction:column;align-items:center;gap:14px;max-width:380px;padding:28px 36px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0009}.generating-spinner-ring{border:2px solid #ffffff14;border-top-color:var(--text-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.generating-progress-bar{background:#ffffff0f;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.generating-progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-light));background-size:200% 100%;border-radius:2px;width:50%;height:100%;animation:1.8s ease-in-out infinite shimmer;position:absolute;top:0;left:0}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#64748b;font-style:italic}.token.punctuation{color:#94a3b8}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#f472b6}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:#34d399}.token.operator,.token.entity,.token.url{color:var(--accent-light)}.token.atrule,.token.attr-value,.token.keyword{color:#c084fc;font-weight:500}.token.function,.token.class-name{color:#60a5fa}.token.regex,.token.important,.token.variable{color:#fb923c}.code-line-row:hover{background:#ffffff0a}.hover-bright:hover{color:var(--text-primary)!important;background:#ffffff14!important}.segmented-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:2px;padding:2px;display:flex;box-shadow:inset 0 1px 2px #0000004d}.segmented-tab{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:5px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.segmented-tab:hover:not(.active){color:var(--text-primary);background:#ffffff0f}.segmented-tab.active{color:#fff;background:linear-gradient(#ffffff2e,#ffffff1a);border:none;font-weight:600;box-shadow:0 1px 3px #00000061,inset 0 .5px #fff3}.segmented-tab.active svg{color:#fff}.viewport-frame-container{background:#08090e;flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;transition:all .2s;display:flex;position:relative;overflow:auto}.viewport-frame-container.desktop{background:radial-gradient(circle,#38bdf808 0%,#0000 70%),radial-gradient(#ffffff0d 1px,#0000 1px) 0 0/24px 24px,#090b10;justify-content:center;align-items:center;padding:0;display:flex}.viewport-frame-container.tablet,.viewport-frame-container.mobile{background:radial-gradient(circle,#ffffff05 0%,#06070a 100%);justify-content:center;align-items:center;padding:24px}.viewport-device-chassis{background:#0f111a;flex-direction:column;width:100%;height:100%;transition:width .25s cubic-bezier(.4,0,.2,1),max-height .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.viewport-device-chassis.desktop{flex:100%;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.viewport-device-chassis.tablet{background:#0f111a;border:1px solid #ffffff26;border-radius:12px;width:768px;max-width:calc(100% - 32px);height:100%;max-height:calc(100% - 32px);box-shadow:0 20px 60px #000000d9}.viewport-device-chassis.mobile{background:#0f111a;border:4px solid #1c1f2b;border-radius:28px;outline:1px solid #ffffff1a;width:375px;max-width:calc(100% - 32px);height:667px;max-height:calc(100% - 32px);box-shadow:0 24px 60px #000000f2}.viewport-device-chassis iframe{min-height:100%;background:#0f111a!important;border:none!important;width:100%!important;height:100%!important;display:block!important}.action-chips-container{scrollbar-width:none;align-items:center;gap:6px;padding:4px 0 8px;display:flex;overflow-x:auto}.action-chips-container::-webkit-scrollbar{display:none}.action-chip{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.action-chip:hover{background:var(--color-ai-bg);border-color:var(--color-ai-border);color:var(--accent-light);transform:translateY(-1px)}.file-change-summary-bar{border-left:2px solid var(--color-success);color:var(--text-primary);background:#10b98114;border-radius:4px;justify-content:space-between;align-items:center;margin:6px 0;padding:8px 12px;font-size:12px;display:flex}button:focus-visible,[role=button]:focus-visible,summary:focus-visible,a.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:0!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--focus-ring,#5857ff2e)!important;outline:none!important}@media (width<=1024px){.sidebar-container{width:64px}}@media (width<=768px){.sidebar-container{z-index:9999;transition:transform .25s cubic-bezier(.4,0,.2,1);top:0;bottom:0;left:-280px;box-shadow:0 0 40px #000c;width:260px!important;height:100vh!important;position:fixed!important}.sidebar-container.mobile-open{transform:translate(280px)}.sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#000000bf;position:fixed;inset:0}.workspace-area.is-mobile{height:calc(100dvh - var(--header-height));flex-direction:column;width:100%;overflow:hidden}.chat-panel-container{border-right:none;max-width:100%;transition:none;width:100%!important;min-width:0!important;height:100%!important}.workspace-panel-container{width:100%!important;height:100%!important}.panel-resize-handle{display:none}:root{--header-height:58px}.top-nav{height:var(--header-height);flex-wrap:wrap;align-content:center;row-gap:6px;padding:6px 10px}.top-nav .segmented-control{flex-basis:100%;order:3;justify-content:center}.top-nav-left-cluster{flex:auto;min-width:0;gap:6px!important}.top-nav-right-cluster{min-width:0;margin-left:auto;gap:6px!important}.top-nav-project-tab{max-width:min(52vw,280px)}.top-nav-project-name-button{max-width:clamp(82px,29vw,140px)!important}.top-nav-user-menu{right:0!important}}@media (width<=480px){.top-nav{padding:6px 8px}.top-nav-project-tab{max-width:min(48vw,220px)}.top-nav-project-name-button{max-width:clamp(72px,26vw,110px)!important}.top-nav-new-project-btn{display:none!important}.browser-chrome{padding:0 12px}.browser-chrome-center{display:none}.browser-chrome{gap:4px;padding:0 8px}}.preview-pane-container{container-type:inline-size}@container (width<=600px){.browser-chrome-center{display:none}}.is-resizing iframe{pointer-events:none!important}@keyframes bh-indeterminate{0%{transform:translate(-100%)}to{transform:translate(385%)}}.bh-indeterminate-bar{will-change:transform;animation:1.2s ease-in-out infinite bh-indeterminate}@keyframes bh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-skeleton-overlay{z-index:20;background:#090a0f;flex-direction:column;animation:.2s pso-fade-in;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes pso-fade-in{0%{opacity:0}to{opacity:1}}.pso-nav{border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.pso-body{flex:1;padding:28px 24px 0;overflow:hidden}.pso-status{color:#ffffff61;border-top:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:7px;padding:10px 16px;font-size:11px;display:flex}.skeleton-block{background:#ffffff12;flex-shrink:0;animation:1.6s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.skeleton-block{opacity:.6;animation:none}.preview-skeleton-overlay{animation:none}}.lucide-spin{animation:1s linear infinite bh-spin}@media (prefers-reduced-motion:reduce){.bh-indeterminate-bar{opacity:.35;animation:none;width:100%!important}.lucide-spin{animation:none}}.segmented-tab:focus-visible,.viewport-pill-btn:focus-visible,.browser-action-btn:focus-visible,.deploy-menu-item:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--accent-light,#a8c7f6);outline-offset:2px}@media (width<=640px){.browser-chrome{scrollbar-width:none;overflow-x:auto}.browser-chrome::-webkit-scrollbar{display:none}.workspace-panel-container{max-width:100vw;overflow-x:hidden}}.minimum-hit-target{justify-content:center;min-width:28px;min-height:28px}.panel-resize-handle:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.message-actions{opacity:0;pointer-events:none}.message-content:hover .message-actions,.message-content:focus-within .message-actions{opacity:1;pointer-events:auto}@media (hover:none){.message-actions{opacity:1;pointer-events:auto}}.chat-edit-notice{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.chat-edit-cancel-button{appearance:none;color:#fecaca;cursor:pointer;background:#ef444429;border:1px solid #ef444473;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1;transition:background .12s,border-color .12s,color .12s}.chat-edit-cancel-button:hover{color:#fee2e2;background:#ef44443d;border-color:#f8717199}.chat-edit-cancel-button:focus-visible{outline-offset:2px;outline:2px solid #f87171b3}.thinking-indicator-card{background:var(--bg-card);width:fit-content;box-shadow:none;color:var(--text-primary);border:1px solid #7c6afe47;border-radius:12px;align-items:center;gap:12px;margin-top:8px;padding:11px 15px;font-size:14px;font-weight:500;display:flex}.thinking-indicator-icon{background:var(--accent-gradient);width:28px;height:28px;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.thinking-indicator-text{letter-spacing:.01em;color:#ecfeff;font-weight:500}.thinking-indicator-time{color:#a79fffe6;font-family:var(--font-mono);background:#7c6afe26;border:1px solid #7c6afe4d;border-radius:999px;margin-left:4px;padding:2px 6px;font-size:11px}.composer-label{color:var(--text-secondary);font-size:13px;font-weight:500}.landing-project-open{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:16px;min-width:0;padding:0;display:flex}.landing-tool-btn:disabled{opacity:.45;cursor:not-allowed}.chat-message{overflow-wrap:anywhere;min-width:0}.chat-input-wrapper{min-width:0}.chat-input-wrapper button,.top-nav button,.workspace-toolbar button,.workspace-panel-container .icon-btn,.workspace-panel-container .segmented-tab{min-height:32px}.chat-input-wrapper .icon-btn{min-width:32px}.runtime-notice{background:var(--bg-card);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;font-size:12px;line-height:1.5;display:flex}.runtime-notice p{flex:1;min-width:180px;margin:0}.runtime-notice button{border:1px solid var(--border-medium);background:var(--bg-surface);min-height:32px;color:var(--text-primary);cursor:pointer;border-radius:6px;flex-shrink:0;padding:6px 10px}.runtime-notice strong{color:var(--text-primary)}@media (width<=768px){.top-nav button,.chat-input-wrapper button,.workspace-toolbar button,.workspace-panel-container .icon-btn,.workspace-panel-container .segmented-tab,.runtime-notice button{min-height:44px}.chat-input-wrapper .icon-btn{min-width:44px}.chat-input-wrapper textarea{font-size:16px!important}.chat-input-wrapper [data-testid=model-status-pill]{display:none!important}.top-nav .segmented-control{min-height:44px}.workspace-toolbar{flex-wrap:wrap;gap:6px!important;padding:6px 12px!important}}.studio-advanced-toggle{min-height:36px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;display:inline-flex}.studio-advanced-toggle:hover{background:var(--bg-card);color:var(--text-primary)}.studio-advanced-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.studio-composer-model{color:var(--text-primary);cursor:pointer;font:inherit;white-space:nowrap;text-overflow:ellipsis;background:#243c4b0f;border:1px solid #243c4b1f;border-radius:7px;align-items:center;gap:5px;max-width:198px;padding:4px 9px;font-size:11.5px;font-weight:500;display:inline-flex;overflow:hidden}.studio-composer-model[aria-expanded=true]{background:var(--color-ai-bg);border-color:var(--border-accent);color:var(--accent-light)}.studio-composer-model:hover{border-color:var(--border-accent)}:root[data-theme=light]{--bg-canvas:#f8fafc;--bg-sidebar:#f1f5f9;--bg-topnav:#fff;--bg-chat-panel:#f8fafc;--bg-workspace:#f1f5f9;--bg-file-explorer:#f1f5f9;--bg-code-editor:#fff;--bg-preview-canvas:#fff;--bg-surface:#f8fafc;--bg-surface-hover:#e2e8f0;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-hover:#e2e8f0;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-strong:#94a3b8;--scrollbar-thumb:#00000047;--scrollbar-thumb-hover:#00000073;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--macos-bg-window:#f8fafc;--macos-bg-sidebar:#f1f5f9;--macos-bg-toolbar:#fff;--macos-bg-panel:#f8fafc;--color-success:#055035;--color-success-bg:#dcfce7;--color-success-border:#86efac;--color-warning:#78350f;--color-warning-bg:#fef3c7;--color-warning-border:#fde047;--color-error:#7f1d1d;--color-error-bg:#fee2e2;--color-error-border:#fca5a5;--color-info:#0c4a6e;--color-info-bg:#e0f2fe;--color-info-border:#7dd3fc}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans.woff2)format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Studio;src:url(/fonts/instrument-sans.woff)format("woff");font-weight:400 500;font-display:swap}@font-face{font-family:Instrument Studio;src:url(/fonts/instrument-sans-bold.woff)format("woff");font-weight:600 800;font-display:swap}@font-face{font-family:DM Studio Mono;src:url(/fonts/dm-mono.woff)format("woff");font-weight:400;font-display:swap}.studio-workspace{--header-height:50px;font-family:var(--font-sans);color:var(--text-primary);color-scheme:inherit}.studio-workspace button,.studio-workspace input,.studio-workspace textarea{font-family:inherit}.studio-workspace button{-webkit-tap-highlight-color:transparent}.studio-workspace button:not(:disabled){cursor:pointer}.studio-workspace :is(button,[tabindex],a):focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.studio-workspace :is(input,textarea):focus-visible{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring,#5857ff29);outline:none}.studio-workspace ::selection{color:var(--text-primary);background:var(--bg-surface-hover)}.studio-workspace ::-webkit-scrollbar{width:6px;height:6px}.studio-workspace ::-webkit-scrollbar-track{background:0 0}.studio-workspace ::-webkit-scrollbar-thumb{background:var(--border-medium);border:1px solid #0000;border-radius:8px}.studio-workspace *{scrollbar-color:var(--border-medium) transparent;scrollbar-width:thin}.studio-workspace .main-content{background:var(--bg-canvas)}.studio-workspace .top-nav{height:var(--header-height);min-height:var(--header-height);z-index:100;background:var(--bg-topnav);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:0;padding:0 12px;display:flex}.studio-workspace .top-nav-workspace{gap:8px;padding:0 10px}.studio-workspace .top-nav-left-cluster{flex-shrink:0;align-items:center;gap:4px;min-width:0;display:flex}.top-nav-center-cluster{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.bolt-tabs{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;align-items:center;gap:0;padding:2px;display:flex}.bolt-tab{height:28px;color:var(--text-muted);white-space:nowrap;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:400;transition:background .1s,color .1s;display:flex}.bolt-tab:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.bolt-tab.active{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-subtle);font-weight:500;box-shadow:0 1px 2px #0000000f}.bolt-tab svg{flex-shrink:0}.bolt-preview-icon-group{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;align-items:center;gap:0;padding:2px;display:flex}.bolt-icon-btn{width:28px;height:28px;color:var(--text-secondary);background:0 0;border:0;border-radius:6px;place-items:center;transition:background .1s,color .1s;display:grid}.bolt-icon-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-surface-hover)}.bolt-icon-btn:disabled{opacity:.45;cursor:not-allowed}.bolt-icon-btn.active{color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.bolt-icon-btn--labeled{width:auto;height:28px;font-size:12px;font-weight:500;font-family:var(--font-sans);box-sizing:border-box;align-items:center;gap:4px;padding:0 8px;display:flex}.bolt-tools-sep{background:var(--border-subtle);flex-shrink:0;width:1px;height:16px;margin:0 1px}.studio-workspace .top-nav-right-cluster{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.bolt-publish-btn{border:1px solid var(--border-medium);background:var(--bg-surface);height:32px;color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:not-allowed;opacity:.6;white-space:nowrap;box-sizing:border-box;border-radius:8px;align-items:center;gap:6px;padding:0 14px;display:flex}.bolt-publish-btn.ready{background:var(--brand-solid);border-color:var(--brand-solid);color:var(--brand-on-solid,#fff);cursor:pointer;opacity:1;box-shadow:0 1px 4px color-mix(in srgb, var(--brand-solid) 35%, transparent);transition:background .12s,box-shadow .12s}.bolt-publish-btn.ready:hover{background:var(--brand-solid-hover);box-shadow:0 3px 10px color-mix(in srgb, var(--brand-solid) 35%, transparent)}.live-url-badge{box-sizing:border-box;background:#22c55e14;border:1px solid #22c55e40;border-radius:8px;align-items:center;gap:0;max-width:220px;height:32px;display:flex;overflow:hidden}.live-url-badge-link{color:#22c55e;white-space:nowrap;align-items:center;gap:5px;min-width:0;height:100%;padding:0 8px 0 10px;font-size:11.5px;font-weight:500;text-decoration:none;transition:background .12s;display:flex;overflow:hidden}.live-url-badge-link:hover{background:#22c55e1a}.live-url-badge-link span{text-overflow:ellipsis;min-width:0;overflow:hidden}.live-url-badge-arrow{opacity:.65;flex-shrink:0}.live-url-badge-copy{color:#22c55e;cursor:pointer;background:0 0;border:none;border-left:1px solid #22c55e33;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:100%;padding:0;transition:background .12s;display:flex}.live-url-badge-copy:hover{background:#22c55e1a}.top-nav-workspace .studio-account-trigger{background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;gap:6px!important;height:28px!important;min-height:28px!important;padding:0 8px!important;transition:background .1s,border-color .1s!important}.top-nav-workspace .studio-account-trigger:hover{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important}.top-nav-workspace .studio-account-name{display:none}.top-nav-workspace .top-nav-new-project-btn{width:28px;min-width:28px;height:28px;border:0!important}.top-nav-workspace .studio-project-actions{background:0 0!important;border:0!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:0!important;display:inline-flex!important}.top-nav-workspace .studio-project-actions>button{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;color:var(--text-secondary)!important;background:0 0!important;border:0!important;border-radius:6px!important;place-items:center!important;padding:0!important;display:grid!important}.top-nav-workspace .studio-project-actions>button:hover{color:var(--text-primary)!important;background:var(--bg-surface)!important}.preview-canvas-toolbar-minimal{background:var(--bg-topnav);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;min-height:auto;padding:5px 12px;display:flex}.preview-zoom-select{border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:5px;padding:2px 6px;font-size:11px}.studio-workspace-brand{color:var(--text-primary);background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:4px 0;display:inline-flex}.studio-workspace-brand>span{letter-spacing:-.8px;font-size:19px;font-weight:600}.studio-nav-divider{background:var(--border-medium);flex-shrink:0;width:1px;height:18px;margin:0 4px;font-size:0}.studio-workspace .top-nav-project-tab{background:0 0;border:0;align-items:center;gap:2px;max-width:300px;display:flex}.studio-workspace .top-nav-project-name-button{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:4px 7px;font-size:13px;font-weight:500;transition:background .12s;display:inline-flex;overflow:hidden;max-width:260px!important}.studio-workspace .top-nav-project-name-button:hover{background:var(--bg-surface)}.top-nav-rename-hint{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .12s}.studio-workspace .top-nav-project-name-button:hover .top-nav-rename-hint{opacity:1}.studio-close-project{width:28px;color:var(--text-muted);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.studio-close-project:hover{color:var(--text-primary);background:var(--bg-surface)}.studio-project-rename{align-items:center;gap:4px;display:flex}.studio-project-rename input{border:1px solid var(--border-medium);background:var(--bg-card);width:150px;min-width:0;color:var(--text-primary);border-radius:6px;padding:6px 8px;font-size:13px;font-weight:500}.studio-project-rename button{color:var(--color-success);background:0 0;border:0;border-radius:5px;padding:5px}.studio-workspace .top-nav-new-project-btn{width:28px;min-width:28px;height:28px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.studio-workspace .top-nav-new-project-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.studio-topbar-status{background:0 0!important;border:0!important;gap:7px!important;font-size:12px!important}.studio-workspace .studio-account-trigger{min-height:32px;background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:8px!important;gap:7px!important;padding:4px 9px!important;transition:background .1s,border-color .1s!important}.studio-workspace .studio-account-trigger:hover{background:var(--bg-surface-hover)!important;border-color:var(--border-medium)!important}.studio-account-avatar{background:var(--brand-solid);width:22px;height:22px;color:var(--brand-on-solid,#fff);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.studio-account-avatar.is-pro{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 0 8px #f59e0b66}.studio-nav-plan-pill{letter-spacing:.05em;border-radius:999px;align-items:center;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.4;display:inline-flex}.studio-nav-plan-pill.is-pro{color:#f59e0b;text-shadow:0 0 6px #f59e0b33;background:#f59e0b26;border:1px solid #f59e0b59}.studio-nav-plan-pill.is-free{background:var(--bg-surface-hover);color:var(--text-muted);border:1px solid var(--border-subtle)}.studio-workspace .top-nav-user-menu{z-index:100;background:var(--bg-card)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--shadow-overlay)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.studio-workspace .deploy-menu-item{color:var(--text-secondary);border-radius:5px;padding:10px 11px;font-size:12px}.studio-workspace .deploy-menu-item:hover{background:var(--bg-surface);color:var(--text-primary)}.studio-workspace .deploy-menu-divider{border-color:var(--border-subtle);background:var(--border-subtle)}.studio-workspace .workspace-area{box-sizing:border-box;background:var(--bg-canvas);flex:1;gap:0;height:100%;min-height:0;max-height:100dvh;padding:12px;display:flex;overflow:hidden}.studio-workspace .chat-panel-container{border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:var(--shadow-panel);box-sizing:border-box;border-radius:12px;height:100%;transition:none;overflow:hidden}.studio-workspace .workspace-panel-container{border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);box-sizing:border-box;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.studio-workspace .panel-resize-handle{opacity:1;width:14px;min-width:14px;color:var(--text-secondary);cursor:col-resize;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.studio-workspace .panel-resize-handle:before{display:none}.studio-workspace .panel-resize-handle>svg{box-sizing:content-box;border:1px solid var(--border-medium);background:var(--bg-surface);opacity:.85;color:var(--text-secondary);border-radius:6px;flex:none;padding:10px 1px}.studio-workspace .panel-resize-handle:hover>svg,.studio-workspace .panel-resize-handle:focus-visible>svg{border-color:var(--accent-primary);background:var(--bg-surface-hover);opacity:1;color:var(--text-primary)}.studio-workspace .panel-resize-handle:hover:before,.studio-workspace .panel-resize-handle.active:before{background:var(--accent-light)}.studio-agent-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:11px 16px;display:flex}.studio-agent-identity{align-items:center;gap:10px;display:flex}.studio-agent-mark{width:30px;height:30px;color:var(--accent-light);background:var(--studio-wash);border-radius:8px;place-items:center;display:grid}.studio-agent-identity h1{font-size:14px;font-family:var(--font-sans);letter-spacing:-.2px;margin:0 0 3px;font-weight:600;line-height:1}.studio-agent-identity p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.2}.studio-agent-header [data-testid=model-status-pill]{gap:6px!important;font-size:12px!important}.studio-message-stream{min-height:0;gap:24px!important;padding:20px 18px!important}.studio-agent-welcome{padding:12px 3px 10px}.studio-eyebrow-label{letter-spacing:1.2px;color:var(--text-muted);font-size:12px}.studio-agent-welcome h2{font-family:var(--font-brand);letter-spacing:-1px;margin:13px 0 14px;font-size:30px;font-weight:400;line-height:1.2}.studio-agent-welcome p{color:var(--text-muted);max-width:295px;margin:0;font-size:13px;line-height:1.75}.studio-workspace .chat-message{gap:10px!important}.studio-message-avatar{justify-content:center;align-items:center;display:flex;background:#3659d914!important;border:1px solid #3659d940!important;border-radius:8px!important;width:28px!important;height:28px!important}.studio-message-avatar svg{width:16px;height:16px;color:var(--accent-primary)}.studio-message-meta{align-items:center;gap:8px;width:100%;min-height:32px;display:flex;color:var(--text-muted)!important;font-size:12px!important}.studio-message-meta time{color:var(--text-secondary);margin-left:auto;font-size:12px}.studio-message-meta button{min-width:36px;min-height:36px}.studio-message-author{color:var(--text-primary);margin-right:auto;font-size:12px;font-weight:500}.studio-workspace .chat-message-user .message-content{border:1px solid var(--border-subtle)!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;border-radius:12px!important;padding:13px 15px!important;font-size:14px!important;line-height:1.7!important}.studio-workspace .ai-message{font-size:14px!important;line-height:1.7!important}.studio-workspace .message-actions{background:var(--bg-card)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--shadow-subtle)!important}.studio-workspace .message-actions button{min-width:36px;min-height:36px}.studio-workspace .file-change-summary-bar{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success);box-shadow:none;border-radius:7px;font-size:12px}.studio-workspace .thinking-indicator-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:none}.studio-workspace .thinking-indicator-icon{background:var(--bg-surface-hover);color:var(--text-primary);box-shadow:none}.studio-workspace .thinking-indicator-icon svg{color:var(--text-primary)}.studio-workspace .thinking-indicator-text{color:var(--text-secondary);-webkit-text-fill-color:currentColor;background:0 0;font-size:12px;animation:none}.studio-workspace .thinking-indicator-time{background:var(--bg-card);border-color:var(--border-subtle);color:var(--text-muted)}.studio-workspace .quick-template-card{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);text-align:left;border-radius:12px;padding:15px 16px;transition:background .15s,border-color .15s}.studio-workspace .quick-template-card:hover{background:var(--bg-surface);border-color:var(--border-medium);transform:none}.studio-workspace .quick-template-card span{line-height:1.7}.studio-workspace .starter-visual-card{border-radius:10px;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}.studio-workspace .starter-visual-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.studio-workspace .starter-visual-card:hover .template-arrow{opacity:1!important}.studio-composer-area{padding:8px 14px 10px!important}.studio-workspace .chat-input-wrapper{transition:border-color .18s,box-shadow .18s;border:1px solid var(--border-medium)!important;background:var(--bg-card)!important;border-radius:12px!important;padding:12px 13px 10px!important;box-shadow:0 3px 12px #243c4b04!important}.studio-workspace .chat-input-wrapper:focus-within{border-color:var(--accent-light)!important;box-shadow:0 0 0 3px var(--focus-ring)!important}.studio-workspace .chat-input{min-height:72px!important;color:var(--text-primary)!important;font-size:15px!important;line-height:1.7!important}.studio-workspace .chat-input::placeholder{color:var(--text-secondary);opacity:1}.studio-composer-toolbar{border-top:1px solid var(--border-subtle);gap:8px;padding-top:10px!important}.studio-workspace [data-testid=model-picker-btn]{min-height:30px;background:var(--bg-card)!important;border:1px solid var(--border-medium)!important;color:var(--text-secondary)!important;max-width:205px!important;padding:5px 8px!important;font-size:12px!important;transition:border-color .14s!important}.studio-workspace [data-testid=model-picker-btn]:disabled{opacity:.65!important;cursor:not-allowed!important;border-color:var(--border-subtle)!important}.studio-model-caption{color:var(--text-muted);font-weight:500;font-size:11.5px!important}.studio-workspace [data-testid=send-prompt-btn],.studio-workspace [data-testid=stop-generation-btn]{min-width:34px;min-height:34px;box-shadow:none!important;color:var(--text-on-accent)!important;background:var(--accent-primary)!important;border-radius:7px!important;transition:transform .14s!important}.studio-workspace [data-testid=send-prompt-btn]:disabled{background:var(--bg-surface)!important;border-color:var(--bg-surface)!important;color:var(--text-muted)!important}.studio-composer-caption{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin:6px 3px 0;font-size:12px;display:flex}.studio-model-picker{background:var(--bg-card)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--shadow-overlay)!important;border-radius:9px!important;width:min(310px,100% - 24px)!important}.studio-model-picker [role=option]{border-radius:6px;min-height:47px;color:var(--text-primary)!important;border:1px solid #0000!important;font-size:12px!important}.studio-model-picker [role=option][aria-selected=true]{background:var(--bg-surface)!important;border-color:var(--border-medium)!important}.studio-model-picker [role=option]:hover{background:var(--bg-surface)!important}.studio-model-picker [role=option]>span>span:last-child{color:var(--text-muted)!important}.studio-workspace .workspace-toolbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 14px;display:flex;position:relative}.studio-workspace-tabs{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:10px;align-items:center;gap:3px;padding:3px;display:flex}.studio-workspace-tabs button{min-height:31px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:6px 11px;font-size:12px;display:flex}.studio-workspace-tabs button.active{color:var(--text-primary);border-color:var(--border-subtle);background:var(--bg-card);box-shadow:0 1px 3px #243c4b05}.studio-workspace-actions{align-items:center;gap:7px;display:flex}.studio-workspace-actions>button,.studio-workspace-actions>div>button{min-height:34px;font-family:var(--font-sans);background:var(--bg-card)!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important;border-radius:6px!important;padding:7px 10px!important;font-size:12px!important}.studio-workspace .studio-publish-button:not(:disabled){color:var(--text-on-accent)!important;background:var(--accent-primary)!important;border-color:var(--accent-primary)!important}.studio-workspace .studio-publish-button:disabled{background:var(--bg-surface)!important;color:var(--text-muted)!important}.studio-workspace-actions>div>div:last-child{box-shadow:var(--shadow-overlay)!important}.studio-workspace-actions>.studio-share-button{border-color:var(--control-border)!important;background:0 0!important}.studio-model-caption{color:var(--text-muted);font-size:10px}.studio-tool-summary{border:1px solid var(--border-medium);width:100%;min-width:0;color:var(--text-secondary);background:var(--bg-surface);border-radius:8px;font-size:13px}.studio-tool-summary summary,.studio-build-progress summary{cursor:pointer;align-items:center;gap:9px;padding:12px;list-style:none;display:flex}.studio-tool-summary summary::-webkit-details-marker{display:none}.studio-build-progress summary::-webkit-details-marker{display:none}.studio-tool-summary summary>svg:last-child,.studio-build-progress summary>svg:last-child{margin-left:auto}.studio-tool-summary[open] summary>svg:last-child,.studio-build-progress[open] summary>svg:last-child{transform:rotate(180deg)}.studio-tool-summary ul{color:var(--text-muted);margin:0;padding:0 18px 12px 40px}.studio-tool-summary li+li{margin-top:5px}.studio-workspace :is(.studio-tool-summary,.studio-build-progress) summary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:6px}.studio-build-progress{border:1px solid var(--border-medium);text-align:left;background:var(--bg-card);width:min(100%,460px);color:var(--text-primary);border-radius:8px;flex-shrink:0;margin-top:22px;font-size:13px}.studio-build-progress.compact{border-width:0 0 1px;border-radius:0;width:auto;margin:0}.studio-build-progress summary{min-height:44px;padding-block:9px}.studio-build-progress summary small{color:var(--text-muted);margin-left:auto;font-size:11px}.studio-build-progress summary>svg:last-child{margin-left:0}.studio-build-progress ul{max-height:156px;margin:0;padding:0 12px 10px;list-style:none;overflow:auto}.studio-build-progress li{border-top:1px solid var(--border-subtle);align-items:center;gap:8px;min-height:31px;font-size:12px;display:flex}.studio-build-progress li svg{color:var(--accent-primary);flex:none}.studio-build-progress li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-build-progress li>small{white-space:nowrap;color:var(--text-muted);margin-left:auto;font-size:11px}.studio-preview-empty:has(.studio-build-progress){justify-content:flex-start;padding:24px;overflow-y:auto}.studio-preview-empty:has(.studio-build-progress) .studio-empty-window{display:none}.studio-preview-empty:has(.studio-build-progress) h2{margin:12px 0;font-size:28px}.studio-preview-empty:has(.studio-build-progress) .studio-preview-empty-note{margin-top:14px}.bh-gen-progress{flex-direction:column;flex-shrink:0;width:100%;display:flex}.bh-gen-progress-rail{background:#243c4b12;flex-shrink:0;width:100%;height:2px;position:relative;overflow:hidden}.bh-gen-progress-fill{background:var(--accent-primary);height:100%;transition:width .4s}.bh-gen-indeterminate{background:var(--accent-primary);width:35%;height:100%;position:absolute;inset:0}.bh-gen-progress-strip{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;height:32px;padding:0 12px;font-size:11.5px;display:flex;overflow:hidden}.bh-gen-progress-label{color:var(--text-secondary);flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.bh-gen-filename{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-mono);font-size:11px;overflow:hidden}@keyframes bh-gen-slide-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bh-gen-filename-anim{animation:.15s bh-gen-slide-in}.bh-gen-progress-flash{color:var(--color-success,#22c55e);flex-shrink:0;align-items:center;gap:8px;display:flex}.bh-gen-flash-item{font-family:var(--font-mono);white-space:nowrap;opacity:.85;align-items:center;gap:3px;font-size:10.5px;animation:.15s bh-gen-slide-in;display:flex}.bh-gen-progress-count{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:11px}.studio-workspace .browser-chrome{background:var(--bg-topnav);border-bottom:1px solid var(--border-subtle);box-shadow:none;gap:9px!important;min-height:48px!important}.studio-workspace .browser-chrome-center{justify-content:flex-start!important}.studio-workspace .browser-url-pill{border:1px solid var(--border-subtle);max-width:100%;min-height:29px;color:var(--text-muted);background:var(--bg-card);font-family:var(--font-sans);box-shadow:none;border-radius:5px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.studio-workspace .browser-url-pill:before,.studio-workspace .browser-url-pill:after{display:none}.studio-preview-refresh,.studio-preview-popout{min-width:28px;min-height:28px;color:var(--text-muted);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.studio-preview-refresh:hover,.studio-preview-popout:hover{background:var(--bg-surface);color:var(--text-primary)}.studio-workspace .viewport-segmented-control{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:none;border-radius:6px;padding:2px}.studio-workspace .viewport-pill-btn{color:var(--text-secondary);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:6px;width:28px;min-width:28px;height:28px;min-height:28px;transition:background .1s,color .1s}.studio-workspace .viewport-pill-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.studio-workspace .viewport-pill-btn.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-medium);box-shadow:none}.studio-workspace .viewport-frame-container{background:var(--bg-canvas);padding:20px}.studio-workspace .viewport-frame-container.desktop{padding:15px}.studio-workspace .viewport-device-chassis.desktop{border:1px solid var(--border-subtle)!important;border-radius:8px!important;box-shadow:0 5px 14px #243c4b06!important}.studio-workspace .viewport-device-chassis.tablet{border:1px solid var(--border-medium);border-radius:10px;box-shadow:0 8px 30px #243c4b15}.studio-workspace .viewport-device-chassis.mobile{border:5px solid var(--border-medium);outline:1px solid var(--border-medium);border-radius:25px;box-shadow:0 8px 30px #243c4b15}.studio-workspace .viewport-device-chassis iframe{background:#fff!important}.studio-workspace .browser-viewport-badge{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border-subtle)}.studio-preview-empty{z-index:2;text-align:center;background:var(--bg-surface);flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex;position:absolute;inset:0}.studio-empty-window{background:var(--bg-card);border:1px solid var(--border-medium);width:170px;height:123px;color:var(--accent-light);border-radius:9px;margin-bottom:35px;transform:rotate(-4deg);box-shadow:0 10px 30px #243c4b06}.studio-empty-window>div{border-bottom:1px solid var(--border-subtle);align-items:center;gap:4px;height:23px;padding:0 9px;display:flex}.studio-empty-window i{background:var(--border-medium);border-radius:50%;width:4px;height:4px}.studio-empty-window>svg{margin:17px auto 6px;display:block}.studio-empty-window>span{letter-spacing:.2px;font-size:12px}.studio-preview-empty h2{letter-spacing:-1.1px;max-width:450px;margin:16px 0;font-size:clamp(25px,2.5vw,37px);font-weight:400;line-height:1.25}.studio-preview-empty>p{max-width:325px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.85}.studio-preview-empty-note{color:var(--accent-light);align-items:center;gap:7px;margin-top:24px;font-size:12px;display:flex}.studio-empty-chat-hint{color:var(--text-muted);align-items:center;gap:7px;margin-top:20px;font-size:13px;display:flex}.studio-empty-chat-hint svg{color:var(--accent-light);flex-shrink:0}.studio-workspace-footer{border-top:1px solid var(--border-subtle);background:var(--bg-topnav);min-height:35px;color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:0 15px;font-size:12px;display:flex}.studio-workspace-footer>span,.studio-workspace-footer>div,.studio-build-meta>span{align-items:center;gap:7px;display:flex}.studio-build-meta>span{border-right:1px solid var(--border-medium);padding-right:13px}.studio-workspace-footer>div{gap:13px}.studio-workspace-footer button{min-height:32px;color:var(--text-muted);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:12px;display:inline-flex}.studio-workspace-footer button[aria-pressed=true]{color:var(--accent-primary)}.studio-workspace .file-explorer-container{background:var(--bg-file-explorer);border-color:var(--border-subtle);flex-shrink:0;width:190px;min-width:145px}.studio-workspace .studio-files-heading{min-height:46px;font-family:var(--font-sans);text-transform:none!important;letter-spacing:0!important;padding:13px 14px!important;font-size:12px!important;font-weight:500!important}.studio-workspace .studio-files-heading>span{color:var(--text-muted)!important;background:var(--bg-canvas)!important}.studio-workspace .file-tree-item{min-height:34px;color:var(--text-muted);background:0 0;border-radius:5px;padding:9px 8px}.studio-workspace .file-tree-item.active{color:var(--accent-primary);background:var(--bg-surface-hover);box-shadow:none;border:0}.studio-workspace .file-tree-item:hover{background:var(--bg-surface)}.studio-workspace .file-tree-item>span{font-size:12px!important}.studio-workspace .file-tree-item svg{flex-shrink:0}.studio-workspace .studio-file-tabs{background:var(--bg-topnav)!important;gap:0!important;min-height:43px!important;padding:0 7px!important}.studio-file-tabs button{padding:13px 12px!important;font-size:12px!important}.studio-workspace .studio-code-toolbar{border-bottom:1px solid var(--border-subtle);min-height:42px;background:var(--bg-card)!important;gap:6px!important;padding:7px 12px!important}.studio-code-toolbar>div:first-child>span:first-child{background:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;color:var(--text-muted)!important;padding:3px 6px!important;font-size:12px!important}.studio-code-toolbar>div:first-child>span:last-child{font-size:12px}.studio-workspace .code-artifact-card,.studio-workspace .diff-edit-artifact-card{background:var(--bg-card)!important;border:1px solid var(--border-medium)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:8px!important;margin:8px 0!important;box-shadow:0 2px 4px #243c4b03!important}.studio-workspace .studio-artifact-header{flex-wrap:wrap;background:var(--bg-surface)!important;row-gap:9px!important;padding:10px!important}.studio-artifact-identity{flex:150px!important}.studio-artifact-identity>div:last-child>span:last-child{white-space:normal;line-height:1.5}.studio-artifact-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-left:auto}.studio-workspace .code-artifact-card button{color:var(--text-secondary)}.studio-workspace .code-artifact-card button:hover{background:var(--bg-surface)!important}.studio-workspace .token.comment,.studio-workspace .token.prolog,.studio-workspace .token.punctuation{color:var(--text-muted)}.studio-workspace .token.tag,.studio-workspace .token.keyword{color:var(--color-code-violet)}.studio-workspace .token.attr-name,.studio-workspace .token.function{color:var(--accent-light)}.studio-workspace .token.string,.studio-workspace .token.attr-value{color:var(--color-success)}.studio-workspace .token.number,.studio-workspace .token.boolean{color:var(--color-warning)}.studio-workspace .token.operator{color:var(--text-muted);background:0 0}.studio-workspace .hover-bright:hover{filter:none;background:var(--bg-surface)}.studio-workspace .button-primary{background:var(--accent-primary);color:var(--text-on-accent);box-shadow:none}.studio-workspace .button-secondary,.studio-workspace .button-ghost,.studio-workspace .btn-secondary{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-strong);box-shadow:none}.studio-workspace .button-secondary:disabled,.studio-workspace .button-ghost:disabled,.studio-workspace .btn-secondary:disabled,.studio-workspace-actions>button:disabled,.studio-workspace-actions>div>button:disabled{opacity:1;color:var(--text-muted)!important;border-color:var(--border-subtle)!important;background:var(--bg-surface)!important}.studio-workspace [role=dialog]{color:var(--text-primary)}.studio-workspace [role=dialog] h3{font-family:var(--font-brand);font-weight:400!important}.studio-workspace [role=dialog] input:not([type=checkbox]){background:var(--bg-surface)!important;border:1px solid var(--border-medium)!important;color:var(--text-primary)!important}.studio-workspace [role=dialog] input:focus-visible{outline:2px solid var(--accent-light)!important}.studio-workspace .runtime-notice{background:var(--bg-surface);font-size:12px}.studio-workspace .runtime-notice button{background:var(--bg-card);font-size:12px}@media (width<=1100px){.studio-workspace .top-nav{padding-left:18px;padding-right:18px}.studio-workspace .workspace-area{padding:10px}.studio-workspace .workspace-toolbar{flex-wrap:wrap;gap:9px;min-height:60px;padding:12px}.studio-workspace-actions{margin-left:auto}.studio-workspace .file-explorer-container{width:150px;min-width:120px}.studio-workspace .viewport-frame-container.desktop{padding:10px}.bolt-url-bar-group{max-width:260px}}@media (width<=900px){.bolt-url-bar-group,.bolt-tab span{display:none}.bolt-tab{padding:5px 8px}.bolt-action-btn span{display:none}.bolt-action-btn{padding:5px 8px}.bolt-publish-btn span{display:none}.bolt-publish-btn{padding:5px 8px}.top-nav-workspace .studio-account-name{display:none}.top-nav-workspace .studio-account-trigger{padding:4px 6px!important}}@media (width<=768px){.studio-workspace{--header-height:52px}.studio-workspace .top-nav{flex-wrap:wrap;align-content:center;gap:5px 10px;padding:8px 16px 5px}.studio-workspace-brand>span{font-size:18px}.studio-workspace-brand svg{width:23px}.studio-workspace .top-nav-left-cluster{gap:8px!important}.studio-nav-divider{margin:0;font-size:18px}.studio-workspace .top-nav-project-name-button{font-size:12px;max-width:min(28vw,180px)!important}.studio-workspace .studio-account-trigger{justify-content:center;width:37px;min-height:37px;padding:5px!important}.studio-account-trigger>svg,.studio-workspace .studio-close-project{display:none}.studio-workspace .studio-mobile-tabs{background:var(--bg-surface);border:1px solid var(--border-subtle);width:auto;min-height:43px;box-shadow:none;border-radius:7px;flex-shrink:0;justify-content:center;margin:9px 9px 0;display:flex;padding:3px!important}.studio-workspace .studio-mobile-tabs button{min-height:36px;color:var(--text-muted);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:5px;flex:1;padding:6px 10px!important}.studio-workspace .studio-mobile-tabs button.active{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-subtle)}.studio-workspace .workspace-area.is-mobile{height:auto;padding:9px}.studio-workspace .chat-panel-container,.studio-workspace .workspace-panel-container{border-radius:10px}.studio-agent-header{min-height:62px;padding:12px 16px}.studio-message-stream{padding:21px 16px!important}.studio-composer-area{padding:6px 12px 12px!important}.studio-workspace .chat-input{min-height:65px!important;font-size:16px!important}.studio-workspace .studio-composer-toolbar button{min-height:44px}.studio-workspace [data-testid=send-prompt-btn],.studio-workspace [data-testid=stop-generation-btn]{min-width:44px;min-height:44px}.studio-workspace .studio-model-picker [role=option]{min-height:48px}.studio-workspace [data-testid=model-picker-btn]{max-width:205px!important}.studio-composer-caption{font-size:12px}.studio-composer-caption>span:last-child{display:none}.studio-workspace .workspace-toolbar{min-height:62px;gap:10px!important;padding:10px 12px!important}.studio-workspace .workspace-toolbar button{min-height:36px}.studio-workspace-tabs{gap:1px;padding:2px}.studio-workspace-tabs button{gap:5px;padding:5px 8px;font-size:12px}.studio-workspace-tabs svg{width:13px}.studio-workspace-actions{gap:5px}.studio-workspace-actions>button,.studio-workspace-actions>div>button{padding:7px 9px!important;font-size:12px!important}.studio-workspace .browser-chrome{min-height:45px!important}.studio-preview-refresh,.studio-preview-popout{min-width:30px;min-height:34px}.studio-workspace .viewport-pill-btn{min-width:30px;min-height:30px}.studio-workspace .file-explorer-container{width:145px;min-width:115px}.studio-workspace .studio-code-toolbar{padding:6px 9px!important}.studio-workspace .studio-code-toolbar>div:first-child>span:first-child{display:none}.studio-workspace .studio-code-toolbar>div:last-child{gap:0!important}.studio-code-toolbar button{min-height:30px!important;padding:5px 7px!important}.studio-workspace .studio-files-heading{padding:13px 10px!important}.studio-workspace .file-tree-item{padding:9px 5px}.studio-workspace .file-tree-item>span{font-size:12px!important}.studio-workspace-footer{min-height:39px}.studio-workspace-footer button{min-height:37px}.studio-preview-empty{padding:24px}.studio-preview-empty h2{font-size:30px}.studio-preview-empty>p{font-size:12px}}@media (width<=420px){.studio-workspace .top-nav{padding-left:12px;padding-right:12px}.studio-workspace-brand>span{display:none}.studio-workspace .top-nav-project-name-button{max-width:49vw!important}.studio-workspace .top-nav-new-project-btn{width:28px;min-width:28px;min-height:30px;display:grid!important}.studio-workspace .workspace-toolbar{flex-wrap:wrap}.studio-workspace-actions{flex:1;justify-content:flex-end}.studio-workspace-tabs button{padding:5px 6px}.studio-workspace-actions>button>span{display:none}.studio-workspace-actions>button{justify-content:center;min-width:34px}.studio-workspace [data-testid=model-picker-btn]{max-width:158px!important}.studio-workspace .file-explorer-container{width:115px;min-width:115px}.studio-workspace .file-explorer-container>div:last-child{padding:5px!important}.studio-workspace .file-explorer-container button{font-size:12px!important}.studio-workspace .file-tree-item{gap:4px}.studio-workspace .file-tree-item svg{width:12px}.studio-workspace .studio-code-toolbar>div:first-child{max-width:140px}.studio-workspace .studio-code-toolbar>div:last-child{justify-content:flex-end;width:100%}.studio-workspace .viewport-frame-container{padding:12px}.studio-workspace .viewport-device-chassis.mobile{max-width:100%}.studio-agent-welcome h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.studio-workspace *,.studio-workspace :before,.studio-workspace :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.studio-workspace .segmented-tab.active svg{color:var(--accent-primary)}.studio-workspace .studio-mobile-tabs button{justify-content:center;transition:none}.studio-message-actions{white-space:normal;justify-content:flex-end;align-items:center;gap:4px;margin:0;display:flex}.studio-message-actions button,.studio-message-tool{min-width:30px;min-height:30px;color:var(--text-secondary);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:5px 7px;font-size:12px;display:inline-flex}.studio-message-actions button:hover,.studio-message-tool:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.studio-message-actions button{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle)}.studio-message-meta{flex-wrap:wrap;row-gap:4px}.studio-message-meta>span:not(.studio-message-author){font-size:11px}.studio-message-author{font-size:13px}.studio-workspace .studio-agent-identity h1{font-size:15px}.studio-agent-identity p{font-size:12px}.studio-agent-welcome p{font-size:15px;line-height:1.65}.studio-workspace .quick-template-card{width:100%}.studio-workspace .quick-template-card span{font-size:13px!important}.studio-workspace .quick-template-card>div>div>span{font-size:14px!important}.studio-workspace .workspace-toolbar button{font-size:13px!important}.studio-workspace-tabs button{min-height:36px}.studio-workspace .browser-url-pill{background:0 0;border:0;justify-content:flex-start;font-size:12px}.studio-workspace .browser-chrome{min-height:46px!important}.studio-workspace .browser-chrome button:disabled{opacity:.45;cursor:default}.studio-workspace .chat-input-wrapper{border-color:var(--control-border)!important;background:var(--bg-card)!important}.studio-workspace [data-testid=model-picker-btn]{min-height:36px;max-width:205px!important}.studio-workspace [data-testid=send-prompt-btn],.studio-workspace [data-testid=stop-generation-btn]{min-width:38px;min-height:38px}.studio-composer-caption{gap:6px;margin-top:9px;font-size:11px}.studio-composer-caption>span:last-child{font-size:10px}.studio-response-error{background:var(--soft-error-bg);border:1px solid var(--soft-error-border);width:100%;color:var(--soft-error-text);border-radius:8px;padding:15px}.studio-response-error>div:first-child{align-items:center;gap:8px;display:flex}.studio-response-error strong{font-size:14px;font-weight:600}.studio-response-error p{color:var(--soft-error-text);margin:8px 0 0;font-size:13px;line-height:1.65}.studio-recovery-actions{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.studio-recovery-actions button{background:var(--bg-card);border:1px solid var(--soft-error-border);min-height:36px;color:var(--soft-error-text);border-radius:5px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:600;display:inline-flex}.studio-recovery-actions button:hover{background:var(--soft-error-bg)}.studio-resume-banner{background:var(--bg-card);border:1px solid var(--border-medium);border-left:3px solid var(--accent);border-radius:8px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #0000000f}.studio-resume-banner-icon{background:var(--accent-soft,#3b82f61f);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.studio-resume-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio-resume-banner-text strong{color:var(--text-primary);font-size:13px;font-weight:600}.studio-resume-banner-text span{color:var(--text-secondary);font-size:12px;line-height:1.5}.studio-resume-banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.studio-resume-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.studio-resume-primary:hover{filter:brightness(1.08)}.studio-resume-dismiss{min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:500}.studio-resume-dismiss:hover{background:var(--bg-hover,#0000000d);color:var(--text-primary)}@media (width<=560px){.studio-resume-banner{flex-wrap:wrap}.studio-resume-banner-actions{width:100%}.studio-resume-primary{flex:1;justify-content:center;min-height:44px}}.studio-preview-empty{background:var(--studio-paper);padding:32px}.studio-empty-window{width:132px;height:98px;color:var(--accent-light);background:var(--bg-card);border-color:var(--border-medium);border-radius:14px;margin-bottom:24px;transform:none;box-shadow:0 6px 16px #19344706}.studio-empty-window>div{border-color:var(--border-subtle)}.studio-empty-window i{background:var(--control-border)}.studio-preview-empty .studio-eyebrow-label{letter-spacing:1.1px;font-size:10px}.studio-preview-empty h2{max-width:460px;font-family:var(--font-brand);margin:14px 0;font-size:clamp(28px,2.6vw,36px)}.studio-preview-empty>p{max-width:365px;font-size:15px;line-height:1.7}.studio-empty-action{background:var(--accent-primary);border:1px solid var(--accent-primary);min-height:44px;color:var(--text-on-accent);border-radius:6px;align-items:center;gap:9px;margin-top:24px;padding:11px 16px;font-size:14px;font-weight:500;display:inline-flex}.studio-empty-action:hover{background:var(--accent-light)}.studio-preview-empty.has-error .studio-empty-window{background:var(--soft-error-bg);border-color:var(--soft-error-border);color:var(--soft-error-text)}.studio-preview-empty.has-error .studio-eyebrow-label{color:var(--soft-error-text)}.premium-error-overlay{background:#fafafa}[data-theme=dark] .premium-error-overlay{background:#0e0e0e}.premium-error-icon-wrapper{color:#ef4444;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex;position:relative}.premium-error-icon-bg{opacity:.8;background:#fee2e2;border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-soft;position:absolute;inset:0}[data-theme=dark] .premium-error-icon-bg{background:#ef444426}@keyframes pulse-soft{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.premium-error-icon-wrapper svg{z-index:1;position:relative}.premium-eyebrow{letter-spacing:1.5px;font-weight:700;color:#ef4444!important}.premium-error-title{color:#111827;letter-spacing:-.5px!important;margin:12px 0 8px!important;font-size:28px!important;font-weight:600!important}[data-theme=dark] .premium-error-title{color:#f9fafb}.premium-error-desc{color:#6b7280!important;max-width:400px!important;margin-bottom:24px!important;font-size:15px!important}[data-theme=dark] .premium-error-desc{color:#9ca3af!important}.premium-action-btn{transition:all .2s;box-shadow:0 4px 12px #ef444440;color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;border-radius:8px!important}.premium-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d;background:#dc2626!important}.premium-action-btn.secondary{box-shadow:none;color:#374151!important;background:#f3f4f6!important;border-color:#e5e7eb!important}[data-theme=dark] .premium-action-btn.secondary{color:#d1d5db!important;background:#1f2937!important;border-color:#374151!important}.premium-action-btn.secondary:hover{background:#e5e7eb!important}[data-theme=dark] .premium-action-btn.secondary:hover{background:#374151!important}.studio-workspace-footer{min-height:38px;font-size:12px}.studio-workspace-footer button{font-size:12px}@media (width<=1100px) and (width>=769px){.studio-composer-caption>span:last-child{display:none}.studio-workspace [data-testid=model-picker-btn]{max-width:165px!important}}@media (width<=768px){.studio-workspace .studio-mobile-tabs button{min-height:40px}.studio-workspace [data-testid=send-prompt-btn],.studio-workspace [data-testid=stop-generation-btn]{min-width:44px;min-height:44px}.studio-message-actions button,.studio-message-tool{min-width:36px;min-height:36px}.studio-recovery-actions button{min-height:44px}.studio-workspace .workspace-toolbar button{min-height:40px}.studio-preview-empty{padding:22px}.studio-preview-empty h2{font-size:28px}.studio-preview-empty>p{font-size:14px}.studio-workspace .file-explorer-container{width:155px;min-width:135px}.studio-workspace .studio-code-toolbar button{min-height:36px!important}.studio-composer-caption{font-size:11px}}@media (width<=420px){.studio-workspace [data-testid=model-picker-btn]{max-width:162px!important;font-size:11px!important}.studio-workspace .workspace-toolbar{gap:6px!important;padding:9px!important}.studio-workspace-actions{gap:4px}.studio-workspace .workspace-toolbar button{padding-left:7px!important;padding-right:7px!important;font-size:12px!important}.studio-workspace .top-nav-new-project-btn{min-width:32px;min-height:36px}.studio-workspace .top-nav-project-name-button{font-size:12px}.studio-workspace .workspace-toolbar .studio-workspace-actions>button{min-width:36px}}@media (height<=650px){.studio-empty-window{display:none}.studio-preview-empty{padding:16px}.studio-preview-empty h2{font-size:26px}}.studio-copy-error{color:var(--soft-error-text);background:var(--soft-error-bg);border-radius:5px;margin:8px 0;padding:8px 10px;font-size:12px;line-height:1.5}.studio-workspace-brand>svg{color:var(--studio-blue)}.studio-workspace .studio-account-trigger{border-color:var(--border-subtle)!important;border-radius:10px!important}.studio-workspace .studio-publish-button,.studio-workspace [data-testid=send-prompt-btn]:not(:disabled),.studio-workspace [data-testid=stop-generation-btn],.studio-workspace .studio-empty-action{background:var(--brand-solid)!important;border-color:var(--brand-solid)!important;color:var(--brand-on-solid)!important;border-radius:9px!important}.studio-workspace .studio-publish-button:hover,.studio-workspace [data-testid=send-prompt-btn]:not(:disabled):hover,.studio-workspace .studio-empty-action:hover{background:var(--brand-solid-hover)!important}.studio-workspace .studio-share-button{border-color:var(--border-medium)!important;border-radius:9px!important}.studio-workspace .chat-input-wrapper{border-color:var(--border-medium)!important}.studio-workspace .chat-input-wrapper:focus-within{border-color:var(--studio-blue)!important}.studio-workspace [data-testid=model-picker-btn]{border-color:var(--border-subtle)!important;border-radius:8px!important}.studio-workspace .studio-agent-welcome{padding-top:24px}.studio-workspace .studio-agent-welcome .studio-eyebrow-label{color:var(--studio-blue);font-size:10px}.studio-workspace .studio-preview-empty h2{font-size:clamp(26px,2.3vw,32px)}.studio-workspace .studio-preview-empty>p{font-size:14px}@media (width<=768px){.studio-workspace .studio-preview-empty h2{font-size:28px}.studio-workspace .studio-agent-welcome{padding-top:8px}}.studio-agent-header-actions{align-items:center;gap:10px;display:flex}.studio-conversation-menu{width:30px;height:32px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.studio-conversation-menu:hover{background:var(--bg-surface);color:var(--text-primary)}.studio-workspace .studio-account-trigger{color:var(--text-secondary);align-items:center;gap:7px;display:flex}.studio-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;overflow:hidden}.studio-workspace .studio-project-actions{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;background:0 0!important;border-color:#0000!important;padding:0!important}.studio-workspace .studio-project-actions:hover{border-radius:6px;background:var(--bg-surface)!important}.studio-workspace-tabs[data-mobile=true]{background:0 0;border:0;padding:0}.studio-mobile-workspace-label{color:var(--text-secondary);margin-right:8px;font-size:12px;font-weight:500}.studio-workspace .chat-message-user>.studio-message-avatar{display:none}.studio-workspace .chat-message-user>div:last-child{width:100%;max-width:100%!important}.studio-workspace .chat-message-ai>.studio-message-avatar{background:0 0!important;border:0!important;margin-top:5px!important}.studio-message-actions{flex:none}.studio-message-meta time{white-space:nowrap}.studio-model-picker-note{border-top:1px solid var(--border-subtle);color:var(--text-muted);margin:4px 5px 0;padding:8px 0 2px;font-size:11px}.studio-composer-toolbar{--composer-action-size:34px;grid-template-columns:minmax(0, 1fr) var(--composer-action-size);align-items:center;gap:8px;min-width:0;display:grid}.studio-composer-options{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.studio-composer-submit{justify-content:center;align-items:center;display:flex}.studio-workspace .studio-generation-button{width:var(--composer-action-size);height:var(--composer-action-size);min-width:var(--composer-action-size);min-height:var(--composer-action-size);flex:none;padding:0}.studio-workspace .studio-composer-options [data-testid=model-picker-btn]{min-width:0;max-width:min(205px,100%)!important}.studio-model-caption{flex:none}.studio-workspace-footer .studio-build-meta{flex:1}.studio-build-meta>span{border:0;margin-right:auto}.studio-workspace .studio-file-tabs button[aria-current=true]{color:var(--text-primary)}@media (width<=768px){.studio-composer-toolbar{--composer-action-size:44px}.studio-agent-header{padding:12px 14px}.studio-agent-header-actions{gap:6px}.studio-agent-identity h1{font-size:12px}.studio-agent-mark{width:30px;height:30px}.studio-workspace .workspace-toolbar{flex-wrap:nowrap;min-height:52px}.studio-workspace .studio-project-actions{width:32px;min-width:32px}.studio-composer-caption{font-size:10px}.studio-workspace .workspace-area.is-mobile{padding:6px}}@media (prefers-reduced-motion:reduce){.studio-workspace *,.studio-workspace :before,.studio-workspace :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar-viewport.viewport-segmented-control{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:none}.wc-preview-status{text-align:center;height:100%;min-height:300px;font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.wc-preview-status h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.wc-preview-status p{color:var(--text-muted);max-width:380px;margin:0;font-size:13px;line-height:1.5}.wc-preview-loading{background:var(--bg-canvas);color:var(--text-muted)}.wc-preview-loading svg{color:var(--accent-light)}.wc-preview-error{background:var(--bg-canvas)}.wc-preview-error svg{color:#ff6b6b}.wc-preview-unsupported{background:var(--bg-canvas)}.wc-preview-unsupported svg{color:var(--text-muted)}.wc-preview-actions{gap:8px;margin-top:8px;display:flex}.wc-preview-actions button{border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:background .1s;display:inline-flex}.wc-preview-actions button:hover{background:var(--bg-surface-hover)}.wc-preview-secondary{opacity:.8}.wc-preview-terminal-link{color:var(--accent-light);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-items:center;gap:5px;margin-top:6px;font-size:12px;text-decoration:underline;display:inline-flex}.wc-preview-hint{opacity:.7;font-size:12px!important}.builder-overlay{z-index:100;color:#f8fafc;background:#080c18;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;overflow:hidden}.builder-overlay--revealing{opacity:0;pointer-events:none;transform:scale(1.02)}.builder-mesh-grid{pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 75%);mask-image:radial-gradient(#000 40%,#0000 75%)}.builder-overlay-bg{z-index:1;background:radial-gradient(circle at 50% 45%,#6366f12e 0%,#0000 60%);animation:7s ease-in-out infinite alternate pulse-bg;position:absolute;inset:-40%}.builder-aurora{pointer-events:none;filter:blur(90px);z-index:1;opacity:.75;border-radius:50%;position:absolute}.builder-aurora-violet{background:radial-gradient(circle,#9333ea6b 0%,#6366f138 50%,#0000 70%);width:540px;height:400px;animation:8s ease-in-out infinite alternate aurora-float-1;top:12%;left:50%;transform:translate(-50%)}.builder-aurora-cyan{background:radial-gradient(circle,#06b6d461 0%,#38bdf833 50%,#0000 70%);width:480px;height:380px;animation:10s ease-in-out infinite alternate aurora-float-2;bottom:8%;right:10%}.builder-aurora-rose{background:radial-gradient(circle,#f43f5e52 0%,#d946ef2e 50%,#0000 70%);width:440px;height:360px;animation:9s ease-in-out infinite alternate aurora-float-3;bottom:10%;left:10%}@keyframes aurora-float-1{0%{opacity:.6;transform:translate(-50%)scale(.95)}to{opacity:.85;transform:translate(-50%,-20px)scale(1.12)}}@keyframes aurora-float-2{0%{opacity:.55;transform:translate(0)scale(.92)}to{opacity:.8;transform:translate(-25px,-20px)scale(1.15)}}@keyframes aurora-float-3{0%{opacity:.5;transform:translate(0)scale(.9)}to{opacity:.75;transform:translate(20px,-25px)scale(1.1)}}@keyframes pulse-bg{0%{opacity:.6;transform:scale(.95)}to{opacity:.9;transform:scale(1.1)}}.builder-overlay-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(32px)saturate(200%);background:radial-gradient(at 50% 0,#1e293bd9 0%,#0d1323e6 100%);border:1px solid #ffffff29;border-radius:26px;flex-direction:column;align-items:center;width:calc(100% - 40px);max-width:540px;padding:34px 34px 30px;animation:.5s cubic-bezier(.16,1,.3,1) card-appear;display:flex;position:relative;box-shadow:0 30px 80px -15px #000000e6,0 0 60px #6366f138,inset 0 1px #ffffff59,inset 0 -1px #00000080}.builder-overlay-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#38bdf8cc,#a855f7cc,#0000);height:1px;position:absolute;top:0;left:20%;right:20%}@keyframes card-appear{0%{opacity:0;transform:scale(.96)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.builder-studio-badge{background:#ffffff0f;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:8px;margin-bottom:18px;padding:4px 12px;display:inline-flex;box-shadow:0 2px 8px #0003}.builder-studio-badge-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #38bdf8}.builder-studio-badge-text{letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;font-size:11px;font-weight:700}.builder-overlay-emblem-wrap{justify-content:center;align-items:center;width:104px;height:104px;margin-bottom:20px;display:flex;position:relative}.builder-emblem-ripple{pointer-events:none;border:1.5px solid #8b5cf680;border-radius:50%;animation:2.8s cubic-bezier(.16,1,.3,1) infinite emblem-ripple;position:absolute;inset:-6px}@keyframes emblem-ripple{0%{opacity:.85;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.builder-overlay-orbit{border:1.5px dashed #38bdf899;border-radius:50%;transition:all .4s;animation:14s linear infinite spin-orbit;position:absolute;inset:0;box-shadow:0 0 20px #38bdf84d}.builder-overlay-orbit.is-done{border-style:solid;border-color:#10b981;animation-duration:24s;box-shadow:0 0 28px #10b9818c}@keyframes spin-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.builder-overlay-icon{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#0284c7 100%);border:1.5px solid #fff6;border-radius:24px;justify-content:center;align-items:center;width:78px;height:78px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 14px 40px #6366f18c,0 0 30px #38bdf866,inset 0 1px 3px #fff9}.builder-overlay-icon--done{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 50%,#06b6d4 100%);border-color:#34d399b3;transform:scale(1.08);box-shadow:0 14px 40px #10b98199,0 0 30px #34d39980,inset 0 1px 3px #fff9}.builder-icon-sparkle{filter:drop-shadow(0 0 10px #ffffffb3);animation:2.6s ease-in-out infinite alternate breathe-sparkle}@keyframes breathe-sparkle{0%{opacity:.9;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}.builder-overlay-title{font-family:var(--font-brand,inherit);letter-spacing:-.025em;text-shadow:0 2px 18px #000c,0 0 24px #ffffff26;margin:0 0 8px;font-size:28px;font-weight:750;color:#fff!important}.builder-overlay-tip{text-shadow:0 1px 6px #0009;max-width:470px;min-height:24px;margin:0 0 24px;font-size:15px;font-weight:450;line-height:1.6;animation:.35s ease-out fade-in-up;color:#cbd5e1!important}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.builder-progress-section{align-items:center;gap:14px;width:100%;margin-bottom:20px;display:flex}.builder-overlay-progress-rail{background:#ffffff17;border:1px solid #ffffff24;border-radius:9999px;flex:1;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.builder-overlay-progress-fill{background:linear-gradient(90deg,#38bdf8 0%,#818cf8 35%,#c084fc 70%,#f43f5e 100%);border-radius:9999px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 20px #818cf8e6,0 0 32px #38bdf880}.builder-progress-spark{filter:blur(1px);background:#fff;border-radius:50%;width:14px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 12px #fff,0 0 22px #38bdf8,0 0 32px #818cf8}.builder-progress-percent{font-family:var(--font-mono,monospace);color:#38bdf8;text-shadow:0 0 14px #38bdf8b3;text-align:right;min-width:44px;font-size:13.5px;font-weight:700}.builder-overlay-indeterminate{background:linear-gradient(90deg,#0000,#38bdf8bf,#0000)}.builder-overlay-ticker{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:22px;display:flex}.builder-ticker-badge{text-overflow:ellipsis;white-space:nowrap;background:#0f172ae0;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:9px;max-width:82%;padding:6.5px 15px;font-size:12.5px;display:inline-flex;overflow:hidden;box-shadow:0 4px 14px #00000059;color:#f1f5f9!important}.builder-ticker-badge.writing{background:#0f172af2;border-color:#38bdf880;box-shadow:0 0 18px #38bdf833}.builder-ticker-badge.writing strong{color:#38bdf8;font-weight:600}.builder-ticker-pulse-dot{background:#38bdf8;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.5s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #38bdf8}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.builder-ticker-badge.count{background:#0f172ad9;border-color:#ffffff24;color:#e2e8f0!important}.builder-ticker-badge.synced{color:#e2e8f0!important}.builder-ticker-badge.init{color:#cbd5e1!important}.builder-overlay-timer,.builder-overlay-elapsed-pill{font-family:var(--font-mono,monospace);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff29;border-radius:9999px;padding:5px 12px;font-size:12px;font-weight:600;color:#cbd5e1!important}.builder-overlay-milestones{grid-template-columns:repeat(2,1fr);gap:11px;width:100%;margin-bottom:22px;display:grid}@media (width<=600px){.builder-overlay-milestones{grid-template-columns:1fr}}.builder-milestone{text-align:left;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;padding:11px 15px;font-size:13px;font-weight:550;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #00000040;color:#cbd5e1!important}.builder-milestone.is-active{background:#0f172af2;transform:translateY(-1px);color:#fff!important}.builder-milestone--scaffold.is-active{border-color:#38bdf8b3;box-shadow:0 0 22px #38bdf84d,inset 0 1px #ffffff26}.builder-milestone--scaffold.is-active .builder-milestone-marker,.builder-milestone--scaffold.is-active .builder-milestone-icon{color:#38bdf8}.builder-milestone--components.is-active{border-color:#a855f7b3;box-shadow:0 0 22px #a855f74d,inset 0 1px #ffffff26}.builder-milestone--components.is-active .builder-milestone-marker,.builder-milestone--components.is-active .builder-milestone-icon{color:#c084fc}.builder-milestone--styles.is-active{border-color:#f43f5eb3;box-shadow:0 0 22px #f43f5e4d,inset 0 1px #ffffff26}.builder-milestone--styles.is-active .builder-milestone-marker,.builder-milestone--styles.is-active .builder-milestone-icon{color:#fb7185}.builder-milestone--verify.is-active{border-color:#10b981b3;box-shadow:0 0 22px #10b9814d,inset 0 1px #ffffff26}.builder-milestone--verify.is-active .builder-milestone-marker,.builder-milestone--verify.is-active .builder-milestone-icon{color:#34d399}.builder-milestone.is-done{background:#10b9811f;border-color:#34d39973;box-shadow:0 0 18px #10b9812e;color:#fff!important}.builder-milestone.is-done .builder-milestone-marker{color:#34d399}.builder-milestone.is-done .builder-milestone-icon{color:#10b981;opacity:1}.builder-milestone-marker{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.builder-milestone-dot{background:#ffffff80;border-radius:50%;width:6px;height:6px}.builder-milestone-icon{opacity:.95;flex-shrink:0}.builder-milestone-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.builder-overlay-dismiss-row{justify-content:center;margin-top:8px;display:flex}.builder-overlay-dismiss-btn,.builder-overlay-escape{appearance:none;letter-spacing:.015em;cursor:pointer;align-items:center;gap:6px;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff4d;color:#fff!important;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0a 100%)!important;border:1px solid #ffffff38!important;border-radius:9999px!important;padding:9px 24px!important;font-size:13px!important;font-weight:600!important}.builder-overlay-dismiss-btn:hover,.builder-overlay-escape:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ffffff2e 0%,#ffffff14 100%)!important;border-color:#fff6!important;box-shadow:0 6px 24px #6366f159,inset 0 1px #ffffff73!important}.builder-overlay-dismiss-btn:active,.builder-overlay-escape:active{transform:translateY(0)}.slash-cmd-menu{z-index:120;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f}.slash-cmd-item{width:100%;min-height:42px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:7px 10px;transition:background 80ms;display:flex}.slash-cmd-item:hover,.slash-cmd-item.active{background:var(--bg-surface-hover)}.slash-cmd-icon{background:var(--bg-surface);width:28px;height:28px;color:var(--text-secondary);border-radius:7px;flex:none;place-items:center;display:grid}.slash-cmd-item.active .slash-cmd-icon{background:color-mix(in srgb, var(--accent-primary) 10%, transparent);color:var(--accent-primary)}.slash-cmd-text{flex-direction:column;gap:1px;min-width:0;display:flex}.slash-cmd-label{color:var(--text-primary);font-size:12.5px;font-weight:600;font-family:var(--font-mono,monospace);letter-spacing:0}.slash-cmd-desc{color:var(--text-muted);font-size:11.5px}.follow-up-chip:hover{color:var(--accent-primary,#3659d9)!important;background:#3659d914!important;border-color:#3659d94d!important}.follow-up-chip:focus-visible{outline:2px solid var(--accent-primary,#3659d9);outline-offset:2px}.recent-prompt-btn:hover{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important}.recent-prompt-btn:focus-visible{outline:2px solid var(--accent-primary,#3659d9);outline-offset:2px}.conflict-banner{border-bottom:1px solid var(--border-subtle);border-left:3px solid var(--border-medium);background:var(--bg-surface);align-items:flex-start;gap:10px;padding:10px 16px 12px;display:flex}.conflict-banner-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.conflict-banner-body{flex-direction:column;gap:3px;min-width:0;display:flex}.conflict-banner-title{color:var(--text-primary);margin:0;font-size:12.5px;font-weight:650}.conflict-banner-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.conflict-banner-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.conflict-btn{font:inherit;cursor:pointer;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600}.conflict-btn--primary{background:var(--accent-primary);color:var(--text-on-accent);border:none}.conflict-btn--primary:hover{opacity:.88}.conflict-btn--secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle)}.conflict-btn--secondary:hover{border-color:var(--border-medium);color:var(--text-primary)}.activity-panel{background:var(--bg-surface);width:100%;height:100%;color:var(--text-primary);flex-direction:column;min-width:0;display:flex}.activity-panel-header{background:var(--bg-topnav);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.activity-panel-clear{color:var(--text-muted);font:11px var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 9px}.activity-panel-clear:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.activity-panel-body{flex-direction:column;flex:1;gap:2px;min-height:0;padding:10px 14px;display:flex;overflow-y:auto}.activity-panel-empty{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:32px 20px;font-size:12px;display:flex}.activity-log-row{border-radius:6px;align-items:baseline;gap:8px;padding:5px 6px;font-size:12px;line-height:1.5;display:flex}.activity-log-row:hover{background:var(--bg-surface-hover)}.activity-log-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.activity-log-row--success .activity-log-dot{background:var(--color-success)}.activity-log-row--error .activity-log-dot{background:var(--color-error)}.activity-log-row--warn .activity-log-dot{background:var(--color-warning)}.activity-log-row--info .activity-log-dot,.activity-log-row--log .activity-log-dot{background:var(--color-info)}.activity-log-text{word-break:break-word;min-width:0;color:var(--text-primary);flex:1}.activity-log-row--error .activity-log-text{color:var(--color-error)}.activity-log-row--success .activity-log-text{color:var(--color-success)}.activity-log-row--warn .activity-log-text{color:var(--color-warning)}.activity-log-time{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:10px}.preview-health-strip--compact{min-height:30px;padding:5px 12px;font-size:11.5px}.preview-health-strip--compact .preview-health-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);flex:1;overflow:hidden}.preview-health-strip--compact button{min-height:26px;padding:3px 8px;font-size:11px}.preview-health-dot{background:var(--color-success);width:7px;height:7px;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-success) 20%, transparent);border-radius:50%;flex-shrink:0;margin-top:1px}.landing-container{--desk-shadow:0 3px 6px #23355304, 0 22px 64px #2335530b;--closing-background:#1b1b1e;--closing-ink:#f5f4f0;--closing-muted:#b9b7ae;--shot-shadow:0 2px 6px #101c300f, 0 32px 90px #101c3026, 0 90px 180px #101c3014;--frame-bar:#f1f3f8;--step-num:#10141814}:root[data-theme=dark] .landing-container{--desk-shadow:0 2px 3px #00000020, 0 24px 70px #00000038;--closing-background:#232326;--closing-ink:#f2f1ec;--closing-muted:#a8a6a0;--shot-shadow:0 2px 6px #00000040, 0 32px 90px #00000059, 0 90px 180px #00000038;--frame-bar:#232323;--step-num:#ffffff17}.landing-container{background-color:var(--landing-bg);width:100%;min-height:100vh;color:var(--studio-ink);font:15px var(--font-sans);-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}.landing-container:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle 900px at 50% -120px, var(--landing-aurora-1) 0%, #5857ff0d 50%, transparent 75%), radial-gradient(circle 750px at 95% 15%, var(--landing-aurora-2) 0%, transparent 65%), radial-gradient(circle 700px at 5% 42%, var(--landing-aurora-3) 0%, transparent 60%), radial-gradient(circle 850px at 85% 75%, var(--landing-aurora-4) 0%, transparent 65%), radial-gradient(circle 700px at 15% 92%, var(--landing-aurora-2) 0%, transparent 60%), radial-gradient(circle at 50% 50%, #5857ff14 .9px, transparent .9px);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,28px 28px;position:fixed;inset:0}:root[data-theme=dark] .landing-container:before{background-image:radial-gradient(circle 900px at 50% -120px, var(--landing-aurora-1) 0%, #7b7aff0f 50%, transparent 75%), radial-gradient(circle 750px at 95% 15%, var(--landing-aurora-2) 0%, transparent 65%), radial-gradient(circle 700px at 5% 42%, var(--landing-aurora-3) 0%, transparent 60%), radial-gradient(circle 850px at 85% 75%, #6366f129 0%, transparent 65%), radial-gradient(circle 700px at 15% 92%, #38bdf824 0%, transparent 60%), radial-gradient(circle at 50% 50%, #ffffff0f .9px, transparent .9px)}.landing-main-content,.landing-footer{z-index:1;position:relative}.landing-container *{box-sizing:border-box}.landing-container :is(button,input,textarea){font-family:inherit}.landing-container button{cursor:pointer}.landing-container a{color:inherit;text-decoration:none}.landing-container :is(button,a){-webkit-tap-highlight-color:transparent}.landing-container :is(button,a,summary,input,[tabindex]):focus-visible{outline:2px solid var(--studio-blue);outline-offset:4px}.landing-container :is(section[id],form[id]){scroll-margin-top:84px}.studio-skip-link{z-index:100;clip-path:inset(50%);background:var(--brand-solid);border-radius:8px;padding:12px 20px;position:fixed;top:8px;left:16px;transform:translateY(-150%);color:var(--brand-on-solid)!important}.studio-skip-link:focus{clip-path:none;transform:translateY(0)}.site-navbar,.landing-header{--site-nav-h:64px;max-width:1240px;min-height:var(--site-nav-h);border:1px solid var(--border-subtle);z-index:120;background:color-mix(in srgb, var(--studio-paper) 85%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);border-radius:999px;justify-content:space-between;align-items:center;gap:20px;margin:12px auto 0;padding:0 24px;transition:min-height .2s,background .2s,box-shadow .2s,border-color .2s,top .2s;display:flex;position:sticky;top:12px;box-shadow:0 4px 20px -2px #0000000d,0 1px 2px #00000005}.site-navbar.site-navbar-condensed{--site-nav-h:56px;background:color-mix(in srgb, var(--studio-paper) 94%, transparent);border-color:var(--border-medium);box-shadow:0 12px 32px -4px #0000001f,0 2px 6px #0000000a}.site-navbar-right,.landing-header-left,.landing-header-right,.landing-auth-buttons{align-items:center;gap:14px;min-width:0;display:flex}.site-brand,.landing-brand-group{color:var(--studio-ink);background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;display:flex}.site-brand-logo,.landing-brand-logo{color:var(--studio-blue);place-items:center;display:grid}.site-brand-text,.landing-brand-text{letter-spacing:-.8px;font-size:20px;font-weight:650}.site-nav,.studio-navigation{color:var(--studio-muted);align-items:center;gap:4px;font-size:13.5px;font-weight:500;display:flex}.site-nav a,.studio-navigation a{border-radius:999px;padding:7px 14px;transition:color .15s,background .15s}.site-nav a:hover,.studio-navigation a:hover{color:var(--studio-ink);background:var(--bg-surface-hover)}.landing-signin-btn{min-height:40px;color:var(--studio-ink);background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:13.5px;font-weight:550;transition:background .15s}.landing-signin-btn:hover{background:var(--bg-surface-hover)}.landing-mobile-menu-btn{border:1px solid var(--border-subtle);background:var(--studio-white);width:40px;height:40px;color:var(--studio-ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:none}.landing-mobile-nav{top:var(--site-nav-h,68px);z-index:200;background:var(--studio-white);border-bottom:1px solid var(--studio-line);position:fixed;left:0;right:0;box-shadow:0 16px 36px #00000024}.landing-mobile-nav nav{flex-direction:column;padding:8px 20px 12px;display:flex}.landing-mobile-nav nav a{color:var(--studio-ink);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 0;font-size:15px;font-weight:550;transition:color .15s;display:flex}.landing-mobile-nav nav a:last-child{border-bottom:none}.landing-mobile-nav nav a:hover{color:var(--studio-blue)}.landing-mobile-nav-footer{border-top:1px solid var(--border-subtle);padding:12px 20px 18px}.landing-container a.landing-mobile-cta{background:var(--brand-solid);width:100%;min-height:44px;color:var(--brand-on-solid);border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.landing-get-started-btn{background:var(--landing-gradient-btn,var(--brand-solid));min-height:42px;color:var(--brand-on-solid);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:9px 18px;font-size:13.5px;font-weight:650;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 4px 14px -2px #5857ff66}.landing-container a.landing-get-started-btn{color:var(--brand-on-solid)}.landing-get-started-btn:hover{background:var(--brand-solid-hover);transform:translateY(-1.5px);box-shadow:0 8px 24px -4px #5857ff8c}.landing-main-content{max-width:1200px;margin:0 auto}.landing-project-breadcrumb{border:1px solid var(--studio-line);background:var(--studio-white);max-width:155px;color:var(--studio-muted);border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:flex}.landing-breadcrumb-dot{background:var(--studio-blue);border-radius:50%;flex:none;width:5px;height:5px}.landing-breadcrumb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-kicker{border:1px solid var(--landing-glass-border,var(--border-color));background:var(--landing-glass-bg,var(--studio-white));color:var(--landing-accent,var(--brand-solid));font-size:var(--landing-text-sm,12px);letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:6px;margin:0 0 16px;padding:5px 14px;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #5857ff0f}.landing-kicker-on-dark{color:var(--closing-muted);background:#ffffff14;border-color:#ffffff26}.landing-container h2{font-family:var(--landing-font-display,var(--font-brand));font-weight:600;font-size:var(--landing-text-3xl,clamp(32px, 3.8vw, 46px));letter-spacing:-1.2px;color:var(--studio-ink);text-wrap:balance;margin:0;line-height:1.14}.landing-section-intro{text-align:center;max-width:680px;margin:0 auto 40px}.landing-section-lede{color:var(--text-secondary);text-wrap:pretty;max-width:580px;margin:18px auto 0;font-size:clamp(15px,1.25vw,17px);line-height:1.7}#how-it-works,#features,#pricing,#questions{scroll-margin-top:96px}.landing-container a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.landing-audience-line{text-align:center;max-width:640px;color:var(--studio-muted);text-wrap:pretty;margin:44px auto 0;font-size:14px;line-height:1.8}.landing-footer{border-top:1px solid var(--studio-line);max-width:1200px;margin:24px auto 0;padding:64px 0 88px}.landing-footer-grid{grid-template-columns:1.6fr repeat(4,1fr);gap:40px;display:grid}.landing-footer-brand-col{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.landing-footer-brand{letter-spacing:-.5px;width:fit-content;color:var(--studio-ink);align-items:center;gap:9px;font-size:18px;font-weight:650;text-decoration:none;display:inline-flex}.landing-footer-tagline{max-width:280px;color:var(--studio-muted);margin:0;font-size:13.5px;line-height:1.7}.landing-footer-top-btn{border:1px solid var(--studio-line);background:var(--studio-white);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:7px 12px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.landing-footer-top-btn:hover{border-color:var(--brand-solid);color:var(--studio-ink)}.landing-footer-col{flex-direction:column;gap:4px;display:flex}.landing-footer-heading{letter-spacing:.07em;text-transform:uppercase;color:var(--studio-ink);margin:0 0 10px;font-size:11px;font-weight:650}.landing-footer-link{width:fit-content;min-height:38px;color:var(--studio-muted);align-items:center;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex}.landing-footer-link:hover{color:var(--studio-blue)}.landing-footer-bottom{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:22px;display:flex}.landing-footer-copy{color:var(--studio-muted);font-size:12.5px}.landing-footer-legal{gap:4px;display:flex}.landing-footer-legal .landing-footer-link{border-radius:6px;min-height:0;padding:6px 10px;font-size:12.5px}.landing-footer-legal .landing-footer-link:hover{background:var(--bg-surface-hover)}.landing-container .modal-card{background:var(--studio-white);border-color:var(--studio-line);color:var(--studio-ink);border-radius:16px}.landing-container .modal-card .text-input{background:var(--studio-white);color:var(--studio-ink);border-color:var(--control-border);font-size:16px}.landing-container .button-primary{background:var(--brand-solid);color:var(--brand-on-solid);border-radius:8px}.landing-container .button-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-medium);border-radius:8px}@media (width<=1280px){.landing-main-content,.landing-footer{margin-left:40px;margin-right:40px}.landing-project-breadcrumb{display:none}}@media (width<=1000px){.site-navbar,.landing-header{padding:0 28px}.landing-main-content,.landing-footer{margin-left:28px;margin-right:28px}.site-navbar-right,.landing-header-right,.landing-auth-buttons{gap:12px}.site-nav,.studio-navigation{gap:0}.site-nav a,.studio-navigation a{padding:7px 10px}.landing-user-menu-email{display:none}.landing-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.landing-footer-brand-col{grid-column:1/-1}.landing-footer-tagline{max-width:420px}}@media (width<=640px){.site-navbar,.landing-header{--site-nav-h:66px;min-height:var(--site-nav-h);gap:12px;padding:0 20px}.site-navbar-right,.landing-header-right,.landing-auth-buttons{gap:10px}.landing-main-content,.landing-footer{margin-left:20px;margin-right:20px}.site-nav,.studio-navigation{display:none}.landing-mobile-menu-btn{display:flex}.site-brand,.landing-brand-group{gap:7px}.site-brand-text,.landing-brand-text{font-size:19px}.site-brand-logo svg,.landing-brand-logo svg{width:25px;height:25px}.landing-signin-btn{display:none}.landing-get-started-btn{gap:7px;min-height:40px;padding:9px 12px;font-size:12px}.landing-get-started-btn svg,.landing-user-menu-email{display:none}.landing-container h2{letter-spacing:-.8px;font-size:30px}.landing-footer{padding:40px 0 32px}.landing-footer-grid{gap:22px}.landing-footer-link{min-height:36px}.landing-footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;margin-top:36px}.landing-dropdown-item{min-height:44px}}@media (width<=380px){.site-navbar,.landing-header{padding:0 14px}.site-navbar-right,.landing-header-right{gap:7px}.site-brand-text,.landing-brand-text{font-size:18px}.site-brand-logo svg,.landing-brand-logo svg{width:22px}.site-brand,.landing-brand-group{gap:5px}.landing-auth-buttons .landing-get-started-btn,.landing-user-menu-chevron{display:none}.landing-main-content,.landing-footer{margin-left:14px;margin-right:14px}.landing-get-started-btn{padding:9px;font-size:11px}.landing-header .studio-theme-toggle{width:32px}}[data-reveal]{opacity:1;transform:none}[data-reveal].will-reveal{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal],[data-reveal].will-reveal{opacity:1;transition:none;transform:none}.landing-container *,.landing-container :before,.landing-container :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.site-navbar .site-nav a,.landing-header .site-nav a,.studio-navigation a{border-radius:0;margin:0 12px;padding:7px 2px;position:relative}.site-navbar .site-nav a:after,.landing-header .site-nav a:after,.studio-navigation a:after{content:"";background:var(--landing-accent,var(--brand-solid));transform-origin:0;border-radius:2px;height:2px;transition:transform .16s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.site-navbar .site-nav a:hover,.landing-header .site-nav a:hover,.studio-navigation a:hover{color:var(--studio-ink);background:0 0}.site-navbar .site-nav a:hover:after,.landing-header .site-nav a:hover:after,.studio-navigation a:hover:after,.site-navbar .site-nav a[aria-current=page]:after,.landing-header .site-nav a[aria-current=page]:after,.studio-navigation a[aria-current=page]:after{transform:scaleX(1)}.site-navbar .site-nav a[aria-current=page],.landing-header .site-nav a[aria-current=page],.studio-navigation a[aria-current=page]{color:var(--studio-ink);font-weight:600}.site-navbar .site-brand,.landing-header .site-brand{transition:opacity .15s}.site-navbar .site-brand:hover,.landing-header .site-brand:hover{opacity:.82}@media (width<=1280px){.site-navbar .site-nav a,.landing-header .site-nav a,.studio-navigation a{margin:0 8px}}.site-navbar{box-shadow:0 4px 20px -2px #0000000a}.site-navbar.site-navbar-condensed{box-shadow:0 10px 30px -4px #00000014,0 1px 2px #0000000a}.landing-user-cluster{align-items:center;gap:12px;display:flex}.navbar-plan-badge{letter-spacing:.06em;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:750;text-decoration:none;transition:transform .14s,box-shadow .14s;display:inline-flex}.navbar-plan-badge.pro{color:#d97706;background:linear-gradient(135deg,#f59e0b2e 0%,#d9770647 100%);border:1px solid #f59e0b73;box-shadow:0 2px 8px #f59e0b26}.dark .navbar-plan-badge.pro{color:#fbbf24;border-color:#fbbf2473}.navbar-plan-badge.pro:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.navbar-plan-sparkle{color:#f59e0b}.navbar-plan-free-group{align-items:center;gap:6px;display:inline-flex}.navbar-plan-badge.free{background:var(--bg-surface-hover,#0000000a);color:var(--text-muted,#71717a);border:1px solid var(--border-subtle,#00000014)}.navbar-upgrade-btn-special{background:linear-gradient(135deg, var(--studio-blue,#2563eb) 0%, #4f46e5 100%);border:1px solid #fff3;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex;box-shadow:0 2px 8px #2563eb40;color:#fff!important}.navbar-upgrade-btn-special:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.landing-user-menu-trigger{border:1px solid var(--border-subtle,#00000014);background:var(--bg-surface,#00000005);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 7px 3px 3px;transition:all .14s;display:inline-flex}.landing-user-menu-trigger:hover{background:var(--bg-surface-hover,#0000000d);border-color:var(--border-medium,#00000029)}.landing-user-menu-trigger.pro-ring{border-color:#f59e0b66;box-shadow:0 0 0 1px #f59e0b33}.landing-user-avatar{background:var(--brand-solid,#18181b);width:26px;height:26px;color:var(--brand-on-solid,#fff);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.landing-user-avatar.pro-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.landing-user-menu-chevron{color:var(--text-muted,#71717a)}.landing-user-menu-anchor{position:relative}.landing-user-dropdown{background:var(--studio-white,#fff);border:1px solid var(--border-medium,#0000001f);z-index:250;border-radius:14px;flex-direction:column;gap:8px;width:270px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px -4px #00000029,0 2px 6px #0000000f}.dark .landing-user-dropdown{background:#18181b;border-color:#27272a;box-shadow:0 16px 36px -4px #00000080,0 2px 6px #0000004d}.landing-user-dropdown-info{border-bottom:1px solid var(--border-subtle,#0000000f);padding:6px 8px 10px}.landing-dropdown-user-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.landing-dropdown-user-row .user-email{color:var(--studio-ink,#09090b);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:600;overflow:hidden}.dark .landing-dropdown-user-row .user-email{color:#f4f4f5}.dropdown-plan-badge{letter-spacing:.05em;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:800}.dropdown-plan-badge.pro{color:#d97706;background:#f59e0b2e;border:1px solid #f59e0b59}.dark .dropdown-plan-badge.pro{color:#fbbf24}.dropdown-plan-badge.free{background:var(--bg-surface-hover,#0000000f);color:var(--text-muted,#71717a);border:1px solid var(--border-subtle,#00000014)}.dropdown-token-meter{background:var(--bg-surface,#00000005);border:1px solid var(--border-subtle,#0000000f);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.dark .dropdown-token-meter{background:#ffffff08;border-color:#ffffff0f}.dropdown-token-header{justify-content:space-between;align-items:center;font-size:11px;display:flex}.token-label{color:var(--studio-ink,#18181b);align-items:center;gap:4px;font-weight:600;display:inline-flex}.dark .token-label{color:#e4e4e7}.token-numbers{font-variant-numeric:tabular-nums;color:var(--text-muted,#71717a);font-size:10px}.dropdown-token-bar-track{background:var(--border-subtle,#00000014);border-radius:999px;width:100%;height:6px;overflow:hidden}.dark .dropdown-token-bar-track{background:#ffffff1a}.dropdown-token-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#6366f1 100%);border-radius:999px;height:100%;transition:width .2s}.dropdown-token-footer{justify-content:space-between;align-items:center;margin-top:2px;font-size:10px;display:flex}.tokens-remaining{color:var(--text-muted,#71717a)}.upgrade-nudge{color:#2563eb;font-weight:700;text-decoration:none}.upgrade-nudge:hover{text-decoration:underline}.landing-user-dropdown-actions{flex-direction:column;gap:2px;display:flex}.landing-user-dropdown-actions a,.landing-user-dropdown-actions button{color:var(--studio-ink,#18181b);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.dark .landing-user-dropdown-actions a,.dark .landing-user-dropdown-actions button{color:#f4f4f5}.landing-user-dropdown-actions a:hover,.landing-user-dropdown-actions button:hover{background:var(--bg-surface-hover,#0000000d)}.dark .landing-user-dropdown-actions a:hover,.dark .landing-user-dropdown-actions button:hover{background:#ffffff0f}.landing-dropdown-signout{color:#ef4444!important}.landing-dropdown-signout:hover{background:#ef444414!important}.landing-hero-redesign{color:var(--studio-ink);padding:clamp(48px,6vw,80px) 0 clamp(40px,5vw,64px);position:relative}.hero-inner{text-align:center;max-width:960px;margin:0 auto}.hero-copy{max-width:720px;margin:0 auto}.hero-kicker{border:1px solid var(--landing-glass-border,var(--border-color));background:var(--landing-glass-bg,var(--studio-white));color:var(--text-secondary);letter-spacing:-.01em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;margin:0 0 16px;padding:5px 15px;font-size:13px;font-weight:600;transition:transform .15s,border-color .15s;display:inline-flex;position:relative;box-shadow:0 2px 12px #5857ff0f}.hero-kicker:hover{border-color:var(--brand-solid);transform:translateY(-1px)}.hero-kicker-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s cubic-bezier(.4,0,.6,1) infinite hero-kicker-pulse;display:inline-block;box-shadow:0 0 8px #10b981}@keyframes hero-kicker-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.landing-hero-redesign h1{color:var(--landing-ink,var(--studio-ink));font:600 var(--landing-text-4xl,clamp(38px, 5.2vw, 64px))/1.06 var(--font-sans);letter-spacing:-.035em;text-wrap:balance;margin:0}.hero-gradient-text{background:linear-gradient(135deg, var(--landing-accent,var(--brand-solid)) 0%, #818cf8 50%, #c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-sub{max-width:580px;color:var(--text-secondary);text-wrap:pretty;margin:18px auto 0;font-size:clamp(15.5px,1.25vw,17.5px);line-height:1.65}.hero-prompt.landing-prompt-box{text-align:left;border:1px solid var(--landing-glass-border,var(--border-medium));background:var(--landing-glass-bg,var(--studio-white));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;width:100%;max-width:680px;margin:32px auto 0;padding:22px 24px 18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}:root:not([data-theme=dark]) .hero-prompt.landing-prompt-box{background:#fff;border-color:#5857ff29;box-shadow:0 2px 4px #0f172a05,0 16px 48px -10px #5857ff1f,inset 0 1px #fff}:root[data-theme=dark] .hero-prompt.landing-prompt-box{background:#10121ceb;border-color:#7b7aff3d;box-shadow:0 4px 24px #00000073,0 24px 64px -12px #7b7aff33,inset 0 1px #ffffff14}.hero-prompt.landing-prompt-box:hover{border-color:var(--brand-solid);box-shadow:0 6px 28px -4px #0f0f100f, 0 24px 60px -10px var(--landing-aurora-1), 0 0 0 1px var(--brand-solid)}.hero-prompt.landing-prompt-box:focus-within{border-color:var(--brand-solid);box-shadow:0 0 0 1px var(--brand-solid), 0 0 0 4px var(--focus-ring), 0 24px 68px -8px var(--landing-aurora-1);transform:translateY(-1px)}.hero-prompt .landing-input-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-prompt .landing-prompt-textarea{resize:none;width:100%;min-width:0;min-height:84px;max-height:200px;color:var(--studio-ink);font:16px/1.6 var(--font-sans);background:0 0;border:0;outline:none;padding:2px 0 14px}.hero-prompt .landing-prompt-textarea::placeholder{color:var(--studio-muted);opacity:.85}.hero-prompt .landing-prompt-actions{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;width:100%;padding-top:14px;display:flex}.hero-prompt .landing-prompt-actions>span{color:var(--studio-muted);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.hero-prompt .landing-prompt-actions>span svg{color:#10b981}.hero-prompt .landing-submit-btn{background:var(--landing-gradient-btn,var(--brand-solid));min-height:44px;color:var(--brand-on-solid);letter-spacing:-.01em;cursor:pointer;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:13.5px;font-weight:650;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px -2px #5857ff66}.hero-prompt .landing-submit-btn:disabled{background:var(--studio-wash);color:var(--studio-muted);box-shadow:none;cursor:not-allowed}.hero-prompt .landing-submit-btn:not(:disabled):hover{background:var(--brand-solid-hover);transform:translateY(-1.5px);box-shadow:0 8px 24px -4px #5857ff8c}.hero-starters{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:680px;margin:20px auto 0;display:flex}.hero-starters-label{color:var(--studio-muted);margin-right:2px;font-size:12.5px;font-weight:600}.hero-starters-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hero-starter-pill{border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--landing-glass-bg,var(--studio-white));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:35px;color:var(--text-secondary);border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;font-weight:550;transition:border-color .15s,color .15s,background .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 3px #00000008}.hero-starter-pill:hover{border-color:var(--brand-solid);color:var(--studio-ink);background:var(--bg-surface-hover);transform:translateY(-1px);box-shadow:0 4px 12px #5857ff1f}@media (width<=640px){.landing-hero-redesign{padding:36px 0 28px}.hero-kicker{padding:4px 12px;font-size:11.5px}.landing-hero-redesign h1{letter-spacing:-1.2px;font-size:clamp(30px,8.4vw,40px)}.hero-sub{font-size:15px}.hero-prompt.landing-prompt-box{border-radius:16px;margin-top:24px;padding:16px}.hero-prompt .landing-prompt-textarea{min-height:72px;font-size:15px}.hero-prompt .landing-submit-btn{min-height:40px;padding:0 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){.hero-prompt,.hero-prompt .landing-submit-btn,.hero-starter-pill{transition:none;transform:none}}.hiw-section{padding:var(--landing-space-section,80px) 0}.hiw-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:48px;display:grid}.hiw-steps{margin:0;padding:0;list-style:none;position:relative}.hiw-line{background:var(--studio-line);border-radius:2px;width:2px;position:absolute;top:24px;bottom:24px;left:23px;overflow:hidden}.hiw-line-fill{background:var(--brand-solid);transform-origin:top;width:100%;height:100%;transition:transform .5s;display:block;transform:scaleY(0)}.hiw-step{gap:28px;padding:28px 0;display:flex;position:relative}.hiw-step:first-child{padding-top:4px}.hiw-step:last-child{padding-bottom:4px}.hiw-step-body>p{color:var(--studio-muted)}.hiw-step.is-active .hiw-step-body>p{color:var(--text-secondary)}.hiw-dot{z-index:1;border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--studio-white);width:48px;height:48px;color:var(--text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .3s,border-color .3s,color .3s,box-shadow .3s,transform .2s;display:inline-flex;position:relative;box-shadow:0 2px 8px #0000000a}.hiw-step:hover .hiw-dot{border-color:var(--brand-solid);transform:scale(1.06)}.hiw-step.is-active .hiw-dot{background:var(--landing-gradient-btn,var(--brand-solid));color:var(--brand-on-solid);border-color:#0000;transform:scale(1.05);box-shadow:0 10px 28px -6px #5857ffa6}.hiw-step.is-done .hiw-dot{background:color-mix(in srgb, var(--brand-solid) 12%, transparent);border-color:var(--brand-solid);color:var(--brand-solid)}.hiw-step-body{min-width:0}.hiw-step-num{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-solid);margin:0 0 8px;font-size:11px;font-weight:700}.hiw-step-body h3{font-family:var(--landing-font-display,inherit);font-size:var(--landing-text-xl,26px);letter-spacing:-.5px;color:var(--landing-ink,var(--studio-ink));margin:0 0 12px;font-weight:600}.hiw-step-body p{color:var(--text-secondary);max-width:44ch;margin:0;font-size:15.5px;line-height:1.75}.hiw-sticky{border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--landing-glass-bg,var(--studio-white));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 24px #0000000f, 0 18px 50px -10px var(--landing-aurora-1);border-radius:24px;padding:32px;position:sticky;top:120px;overflow:hidden}.hiw-sticky-label{letter-spacing:.07em;text-transform:uppercase;color:var(--brand-solid);margin:0 0 18px;font-size:12px;font-weight:700}.hiw-visual-stack{min-height:340px;position:relative}.hiw-visual{opacity:0;visibility:hidden;transition:opacity .4s,transform .4s,visibility .4s;position:absolute;inset:0;transform:translateY(12px)}.hiw-visual.is-active{opacity:1;visibility:visible;position:relative;transform:none}.hiw-card{flex-direction:column;gap:14px;display:flex}.hiw-visual-label{letter-spacing:-.3px;color:var(--studio-ink);margin:0;font-size:17px;font-weight:650}.hiw-prompt{border:1px solid var(--studio-line);background:var(--studio-paper);color:var(--studio-ink);border-radius:14px;align-items:center;gap:10px;padding:16px 18px;font-size:14.5px;display:flex}.hiw-plan{flex-direction:column;gap:8px;display:flex}.hiw-plan span{background:color-mix(in srgb, var(--brand-solid) 8%, transparent);color:var(--studio-ink);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:550;display:flex}.hiw-plan svg{color:var(--brand-solid)}.hiw-chat{border-radius:16px;max-width:320px;padding:12px 16px;font-size:13.5px;line-height:1.55}.hiw-chat-user{background:var(--brand-solid);color:var(--brand-on-solid);border-bottom-right-radius:4px;margin-left:auto}.hiw-chat-ai{background:var(--studio-paper);border:1px solid var(--studio-line);color:var(--studio-ink);border-bottom-left-radius:4px;align-items:center;gap:8px;display:flex}.hiw-mini-page{border:1px solid var(--studio-line);background:var(--studio-paper);border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.hiw-mini-item{background:var(--studio-white);border:1px solid var(--border-subtle);color:var(--studio-ink);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.hiw-mini-item strong{color:var(--brand-solid);font-weight:700}.hiw-mini-row.hiw-mini-new{color:#10b981;background:#10b9811f;border:1px solid #10b9813d;border-radius:8px;align-items:center;gap:8px;height:auto;padding:10px 14px;font-size:12.5px;font-weight:650;display:flex}.hiw-checks{flex-direction:column;gap:8px;display:flex}.hiw-checks span{color:var(--studio-ink);align-items:center;gap:10px;font-size:14px;font-weight:550;display:flex}.hiw-checks svg{color:var(--brand-solid)}.hiw-url{border:1px solid var(--studio-line);background:var(--studio-paper);color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:16px;display:flex}.hiw-url strong{color:var(--brand-solid)}@media (width<=900px){.hiw-layout{grid-template-columns:1fr;gap:40px}.hiw-sticky{position:static}.hiw-visual-stack{min-height:0}.hiw-step{padding:32px 0}}@media (width<=560px){.hiw-section{padding:48px 0}.hiw-line{left:19px}.hiw-dot{width:40px;height:40px}.hiw-step{gap:20px}.hiw-step-body h3{font-size:21px}}@media (prefers-reduced-motion:reduce){.hiw-line-fill,.hiw-step,.hiw-dot,.hiw-visual{transition:none}.hiw-visual{transform:none}}.bento-section{padding:var(--landing-space-section,80px) 0}.bento-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.bento-tile{border:1px solid var(--landing-glass-border,var(--studio-line));border-radius:var(--landing-radius-xl,22px);background:var(--landing-glass-bg,var(--studio-white));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:1;flex-direction:column;gap:12px;min-height:310px;padding:28px;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;transform:none;box-shadow:0 4px 20px #0000000a}:root:not([data-theme=dark]) .bento-tile{background:var(--landing-glass-bg,#ffffffe6);box-shadow:0 1px 3px #0f172a08,0 12px 32px -6px #5857ff14,inset 0 1px #fff}:root[data-theme=dark] .bento-tile{background:#12141eb3;box-shadow:0 1px 3px #0000004d,0 14px 36px -6px #00000080,inset 0 1px #ffffff14}[data-reveal].will-reveal .bento-tile{opacity:0;transition-delay:calc(var(--tile-i,0) * 80ms);transform:translateY(20px)}[data-reveal].is-visible .bento-tile{opacity:1;transform:none}.bento-tile:hover{border-color:var(--brand-solid);box-shadow:0 18px 48px -10px var(--landing-aurora-1), 0 0 0 1px var(--brand-solid);transform:translateY(-2px)}.bento-tile.span-4{grid-column:span 4}.bento-tile.span-2{grid-column:span 2}.bento-tile.span-6{grid-column:span 6;min-height:0}.bento-tile:before{content:"";border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--brand-solid) 16%, transparent), transparent 65%);opacity:0;pointer-events:none;z-index:0;transition:opacity .2s;position:absolute;inset:0}.bento-tile:hover:before,.bento-tile:focus-within:before{opacity:1}.bento-tile-top{justify-content:space-between;align-items:center;display:flex}.bento-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-solid);font-size:11px;font-weight:700}.bento-icon{color:var(--text-secondary)}.bento-tile h3{font-family:var(--landing-font-display,inherit);font-size:var(--landing-text-xl,21px);letter-spacing:-.4px;color:var(--landing-ink,var(--studio-ink));margin:0;font-weight:400}.bento-tile p{color:var(--text-secondary);max-width:46ch;margin:0;font-size:14px;line-height:1.7}.bento-visual{z-index:1;margin-top:auto;padding-top:16px;position:relative}.bv-prompt-bar{border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--studio-paper);color:var(--studio-ink);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex;box-shadow:0 1px 3px #00000008}.bv-prompt-dot{background:var(--brand-solid);width:7px;height:7px;box-shadow:0 0 8px var(--brand-solid);border-radius:50%;flex:none}.bv-prompt-text{text-overflow:ellipsis;white-space:nowrap;font-style:italic;font-weight:500;overflow:hidden}.bv-pipeline-badges{flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;display:flex}.bv-pill{background:color-mix(in srgb, var(--brand-solid) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand-solid) 20%, transparent);color:var(--brand-solid);border-radius:6px;align-items:center;gap:5px;padding:3.5px 8.5px;font-size:11px;font-weight:650;display:inline-flex}.bv-browser{border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--studio-paper);border-radius:12px;max-width:320px;overflow:hidden;box-shadow:0 4px 14px #0000000a}.bv-bar{border-bottom:1px solid var(--border-subtle);background:var(--studio-wash);justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.bv-dots{gap:4px;display:inline-flex}.bv-dots i{background:var(--border-medium);border-radius:50%;width:7px;height:7px}.bv-dots i:first-child{background:#f26d6d}.bv-dots i:nth-child(2){background:#f5b84c}.bv-dots i:nth-child(3){background:#5fce7d}.bv-bar-status{color:#10b981;align-items:center;gap:5px;font-size:10px;font-weight:650;display:inline-flex}.bv-live-indicator{background:#10b981;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite bv-pulse;box-shadow:0 0 6px #10b981}@keyframes bv-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.bv-page-realistic{flex-direction:column;gap:10px;padding:12px;display:flex}.bv-mini-stat{flex-direction:column;gap:2px;display:flex}.bv-mini-stat span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:550}.bv-mini-stat strong{letter-spacing:-.4px;color:var(--studio-ink);font-size:17px;font-weight:700}.bv-mini-action-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.bv-mini-pill{background:var(--brand-solid);color:#fff;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:650}.bv-mini-time{color:var(--studio-muted);font-size:10.5px;font-weight:600}.bento-visual-chat{flex-direction:column;gap:8px;display:flex}.bv-chat{border-radius:12px;max-width:290px;padding:9px 12px;font-size:12px;line-height:1.5}.bv-chat-user{background:var(--brand-solid);color:var(--brand-on-solid);border-bottom-right-radius:3px;margin-left:auto;font-weight:550}.bv-chat-ai{background:var(--studio-paper);border:1px solid var(--landing-glass-border,var(--studio-line));color:var(--studio-ink);border-bottom-left-radius:3px;align-items:flex-start;gap:7px;font-size:11.5px;display:flex}.bv-chat-ai svg{color:#10b981;flex:none;margin-top:2px}.bento-visual-db{flex-direction:column;gap:6px;display:flex}.bv-db-meta{color:var(--studio-muted);justify-content:space-between;align-items:center;padding:0 2px;font-size:10.5px;font-weight:650;display:flex}.bv-db-latency{color:#10b981;font-family:inherit}.bv-db{border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--studio-paper);border-radius:10px;max-width:320px;font-size:11.5px;overflow:hidden}.bv-db-row{background:var(--studio-white);color:var(--studio-ink);border-top:1px solid var(--border-subtle);grid-template-columns:1.4fr 1fr 1fr;align-items:center;padding:7px 10px;display:grid}.bv-db-row:first-child{border-top:0}.bv-db-head{background:var(--studio-wash);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:10px;font-weight:700}.bv-tag-paid{color:#10b981;background:#10b98124;border-radius:4px;width:fit-content;padding:1px 5px;font-size:9.5px;font-weight:650;display:inline-block}.bv-tag-pending{color:#f59e0b;background:#f59e0b24;border-radius:4px;width:fit-content;padding:1px 5px;font-size:9.5px;font-weight:650;display:inline-block}.bv-signin{border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--studio-paper);border-radius:12px;flex-direction:column;gap:8px;max-width:290px;padding:12px;display:flex}.bv-google-btn{border:1px solid var(--border-medium);background:var(--studio-white);color:var(--studio-ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;box-shadow:0 1px 2px #0000000a}.bv-auth-badge{color:var(--studio-muted);justify-content:center;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:flex}.bv-auth-badge svg{color:#10b981}.bento-visual-wide{align-items:center;width:100%;display:flex}.bv-edge-network{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.bv-url{border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--studio-paper);color:var(--studio-muted);border-radius:999px;align-items:center;gap:7px;padding:10px 18px;font-size:14.5px;display:inline-flex}.bv-lock-icon{color:#10b981}.bv-url-subdomain{color:var(--studio-ink);font-weight:700}.bv-url-domain{color:var(--brand-solid);font-weight:600}.bv-url-badge{color:#10b981;background:#10b98124;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700}.bv-edge-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bv-edge-pills span{background:var(--studio-wash);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600}@media (width<=900px){.bento-tile.span-4,.bento-tile.span-2{grid-column:span 3}.bento-tile.span-6{grid-column:span 6}}@media (width<=560px){.bento-section{padding:48px 0}.bento-grid{grid-template-columns:1fr}.bento-tile.span-4,.bento-tile.span-2,.bento-tile.span-6{grid-column:span 1}.bento-tile{min-height:0}}@media (prefers-reduced-motion:reduce){.bento-tile:before{transition:none}.bv-caret{animation:none}}.trust-section{padding:var(--landing-space-section,80px) 0}.trust-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.trust-benefit{border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--landing-glass-bg,var(--studio-white));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;flex-direction:column;gap:14px;padding:30px 26px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 4px 18px #0000000a}.trust-benefit:hover{border-color:var(--brand-solid);box-shadow:0 14px 36px -8px var(--landing-aurora-1);transform:translateY(-2px)}.trust-benefit-icon{background:color-mix(in srgb, var(--brand-solid) 12%, transparent);width:48px;height:48px;color:var(--brand-solid);border-radius:14px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 8px #5857ff1f}.trust-benefit h3{font-family:var(--landing-font-display,inherit);font-size:var(--landing-text-lg,19px);letter-spacing:-.3px;color:var(--landing-ink,var(--studio-ink));margin:0;font-weight:650}.trust-benefit p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.75}.trust-testimonial-slot{border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--landing-glass-bg,var(--studio-white));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:12px;margin-top:36px;padding:36px 32px;display:flex;box-shadow:0 4px 20px #00000008}.trust-transparency-pill{background:color-mix(in srgb, var(--brand-solid) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand-solid) 20%, transparent);color:var(--brand-solid);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.trust-testimonial-lead{color:var(--studio-ink);margin:0;font-size:16px;font-weight:650}.trust-testimonial-desc{max-width:56ch;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.7}@media (width<=900px){.trust-benefits{grid-template-columns:1fr}}@media (width<=560px){.trust-section{padding:48px 0}.trust-testimonial-slot{padding:26px 20px}}.trust-commitment-list{text-align:left;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.trust-commitment-list li{color:var(--landing-text-muted,#64748b);padding-left:26px;font-size:14px;line-height:1.5;position:relative}.trust-commitment-list li:before{content:"";border-left:2px solid var(--landing-accent,#176c85);border-bottom:2px solid var(--landing-accent,#176c85);width:14px;height:8px;position:absolute;top:4px;left:0;transform:rotate(-45deg)}.landing-pricing-section{max-width:1200px;margin:0 auto;padding:100px 24px;position:relative}.landing-pricing-header{text-align:center;max-width:680px;margin:0 auto 56px}.landing-pricing-kicker{text-transform:uppercase;letter-spacing:.1em;color:#7c6afe;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.landing-pricing-title{color:var(--text-primary,#fff);letter-spacing:-.025em;margin:0 0 16px;font-size:38px;font-weight:750;line-height:1.15}.landing-pricing-subtitle{color:var(--text-muted,#9494a4);margin:0;font-size:16px;line-height:1.6}.landing-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;margin-bottom:40px;display:grid}.landing-pricing-card{background:var(--bg-surface,#1e1f24);border:1px solid var(--border-medium,#ffffff14);border-radius:16px;flex-direction:column;padding:32px 28px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.landing-pricing-card:hover{border-color:var(--border-strong,#ffffff29);transform:translateY(-2px)}.landing-pricing-card.is-featured{background:linear-gradient(180deg, #7c6afe14 0%, var(--bg-surface,#1e1f24) 40%);border-color:#7c6afe80;box-shadow:0 12px 36px -12px #7c6afe40}.landing-pricing-badge{color:#fff;letter-spacing:.03em;white-space:nowrap;background:linear-gradient(135deg,#7c6afe 0%,#5857ff 100%);border-radius:999px;align-items:center;gap:5px;padding:4px 14px;font-size:11.5px;font-weight:700;display:inline-flex;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #7c6afe59}.landing-pricing-card-head{margin-bottom:24px}.landing-pricing-plan-name{color:var(--text-primary,#fff);margin:0 0 6px;font-size:20px;font-weight:700}.landing-pricing-plan-desc{color:var(--text-muted,#9494a4);min-height:40px;margin:0;font-size:13.5px;line-height:1.45}.landing-pricing-price-wrap{border-bottom:1px solid var(--border-subtle,#ffffff0f);margin:20px 0 24px;padding-bottom:24px}.landing-pricing-price-row{align-items:baseline;gap:6px;display:flex}.landing-pricing-amount{color:var(--text-primary,#fff);letter-spacing:-.03em;font-size:42px;font-weight:800;line-height:1}.landing-pricing-period{color:var(--text-muted,#9494a4);font-size:14px;font-weight:500}.landing-pricing-billing-detail{color:var(--text-secondary,#b4b4c4);align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:flex}.landing-pricing-highlight-offer{color:#a78bfa;font-weight:600}.landing-pricing-features{flex-direction:column;flex:1;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.landing-pricing-feature-item{color:var(--text-primary,#e2e8f0);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.landing-pricing-check{color:#10b981;flex-shrink:0;margin-top:2px}.landing-pricing-card.is-featured .landing-pricing-check{color:#a78bfa}.landing-pricing-btn{cursor:pointer;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:650;text-decoration:none;transition:all .16s;display:inline-flex}.landing-pricing-btn-secondary{border:1px solid var(--border-medium,#ffffff1f);color:var(--text-primary,#fff);background:#ffffff0d}.landing-pricing-btn-secondary:hover{border-color:var(--border-strong,#ffffff38);background:#ffffff17}.landing-pricing-btn-primary{color:#fff;background:linear-gradient(135deg,#7c6afe 0%,#5857ff 100%);border:1px solid #ffffff26;box-shadow:0 4px 16px #7c6afe4d}.landing-pricing-btn-primary:hover{background:linear-gradient(135deg,#8a78ff 0%,#6665ff 100%);transform:translateY(-1px);box-shadow:0 6px 20px #7c6afe73}.landing-pricing-footer{text-align:center;border:1px solid var(--border-subtle,#ffffff0f);background:#ffffff05;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.landing-pricing-trust-row{color:var(--text-muted,#9494a4);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;font-size:13px;display:flex}.landing-pricing-trust-item{align-items:center;gap:6px;display:inline-flex}.landing-pricing-full-link{color:#7c6afe;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;transition:color .14s;display:inline-flex}.landing-pricing-full-link:hover{color:#9d8fff;text-decoration:underline}.landing-cycle-toggle-wrap{justify-content:center;align-items:center;margin:28px 0 0;display:flex}.landing-pricing-cycle-toggle{border:1px solid var(--border-medium,#ffffff1f);background:#ffffff0d;border-radius:9999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.landing-cycle-btn{color:var(--text-muted,#9494a4);cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:550;transition:all .16s;display:flex}.landing-cycle-btn:hover{color:#fff}.landing-cycle-btn.active{color:#fff;background:#7c6afe;font-weight:650;box-shadow:0 2px 8px #7c6afe59}.landing-discount-pill{color:#10b981;background:#10b98126;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.landing-cycle-btn.active .landing-discount-pill{color:#fff;background:#ffffff40}.landing-compare-table-wrap{background:var(--bg-surface,#1e1f24);border:1px solid var(--border-medium,#ffffff1a);border-radius:16px;max-width:960px;margin:0 auto 36px;padding:24px;animation:.2s ease-out modalPop;overflow-x:auto;box-shadow:0 12px 32px #0003}.landing-compare-table{border-collapse:collapse;width:100%;color:var(--text-primary,#fff);font-size:13.5px}.landing-compare-table th,.landing-compare-table td{text-align:left;border-bottom:1px solid var(--border-subtle,#ffffff0f);padding:12px 16px}.landing-compare-table th{color:var(--text-muted,#9494a4);text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;font-size:12px;font-weight:700}.landing-compare-table tr:last-child td{border-bottom:none}.landing-checkout-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.landing-checkout-modal-box{text-align:center;background:#18191d;border:1px solid #ffffff24;border-radius:20px;width:100%;max-width:440px;padding:36px 32px;animation:.2s ease-out modalPop;box-shadow:0 24px 64px #00000080}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.landing-checkout-modal-spinner{border:3px solid #7c6afe33;border-top-color:#7c6afe;border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}.landing-checkout-modal-title{color:#fff;margin:0 0 10px;font-size:19px;font-weight:700}.landing-checkout-modal-text{color:#9494a4;margin:0 0 24px;font-size:14px;line-height:1.5}.landing-checkout-modal-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:background .15s}.landing-checkout-modal-close-btn:hover{background:#ffffff24}@media (width<=980px){.landing-pricing-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto 40px}.landing-pricing-card.is-featured{order:-1}}.faq-section{padding:var(--landing-space-section,80px) 0;grid-template-columns:1fr 1.3fr;gap:48px;display:grid}.faq-intro{align-self:start;position:sticky;top:120px}.studio-faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{border:1px solid var(--landing-glass-border,var(--studio-line));background:var(--landing-glass-bg,var(--studio-white));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:0 22px;transition:border-color .2s,box-shadow .2s,transform .15s}.faq-item:hover{border-color:color-mix(in srgb, var(--brand-solid) 35%, var(--landing-border));box-shadow:0 4px 16px #0000000a}.faq-item[open]{border-color:var(--brand-solid);box-shadow:0 8px 24px -4px var(--landing-aurora-1)}.faq-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:18px 0;list-style:none;display:flex}.faq-summary::-webkit-details-marker{display:none}.faq-summary h3{font-family:var(--landing-font-body,inherit);font-size:var(--landing-text-base,15px);color:var(--landing-ink,var(--studio-ink));margin:0;font-weight:600;transition:color .15s}.faq-summary:hover h3{color:var(--brand-solid)}.faq-icon{color:var(--text-secondary);flex:none;transition:transform .2s,color .2s}.faq-item[open] .faq-icon{color:var(--brand-solid);transform:rotate(45deg)}.faq-item>p{color:var(--text-secondary);max-width:95%;margin:0 0 20px;font-size:14px;line-height:1.8}@media (width<=900px){.faq-section{grid-template-columns:1fr;gap:36px}.faq-intro{position:static}}@media (width<=560px){.faq-section{padding:48px 0}}@media (prefers-reduced-motion:reduce){.faq-icon{transition:none}}.final-cta-section{padding:var(--landing-space-section,80px) 0}.final-cta-card{color:#fff;background:radial-gradient(120% 160% at 10% 0,#5857ffa6 0%,#0000 60%),radial-gradient(100% 120% at 90% 100%,#a855f766 0%,#0000 55%),linear-gradient(135deg,#090a10 0%,#111328 50%,#181938 100%);border:1px solid #ffffff24;border-radius:28px;padding:clamp(48px,7vw,96px) clamp(28px,6vw,88px);position:relative;overflow:hidden;box-shadow:0 24px 64px -12px #0000008c,0 0 0 1px #ffffff1a,inset 0 1px #fff3}.final-cta-mark{aspect-ratio:1;object-fit:contain;opacity:.55;filter:drop-shadow(0 0 48px #818cf8a6);pointer-events:none;width:clamp(200px,26vw,380px);height:auto;position:absolute;top:50%;right:clamp(16px,5vw,72px);transform:translateY(-50%)}.final-cta-content{max-width:580px;position:relative}.final-cta-content h2{color:#fff;font-family:var(--landing-font-display,var(--font-brand));font-size:var(--landing-text-3xl,clamp(34px, 4.4vw, 54px));letter-spacing:-1.6px;text-wrap:balance;margin:0;font-weight:600;line-height:1.08}.final-cta-content>p:last-of-type{color:#ffffffe0;margin:20px 0 0;font-size:17px;line-height:1.7}.landing-container a.final-cta-button{color:#0f0f12;background:#fff;border-radius:14px;align-items:center;gap:10px;min-height:54px;margin-top:32px;padding:15px 30px;font-size:15.5px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 28px -6px #0006}.final-cta-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px -8px #ffffff59}.final-cta-card :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #fff}@media (width<=700px){.final-cta-mark{opacity:.32;width:220px;right:-40px}}@media (width<=560px){.final-cta-section{padding:48px 0}}@media (prefers-reduced-motion:reduce){.final-cta-button{transition:none}.final-cta-button:hover{transform:none}}.landing-container{--landing-bg:#f8fafc;--landing-bg-alt:#f1f5f9;--landing-surface:#fff;--landing-surface-hover:#fcfdff;--landing-ink:#0f172a;--landing-ink-secondary:#475569;--landing-ink-muted:#64748b;--landing-accent:#5857ff;--landing-accent-hover:#4338ca;--landing-accent-light:#5857ff17;--landing-accent-on:#fff;--landing-highlight:#f1f5fd;--landing-highlight-warm:#f5f3ff;--landing-border:#94a3b838;--landing-border-strong:#94a3b859;--landing-shadow-sm:0 1px 3px #0f172a0a;--landing-shadow-md:0 4px 16px #0f172a0d, 0 1px 3px #0f172a08;--landing-shadow-lg:0 12px 40px #5857ff14, 0 2px 8px #0f172a08;--landing-shadow-xl:0 24px 64px -12px #5857ff1f, 0 4px 14px #0f172a0a;--landing-card-glow:0 0 0 1px #5857ff24, 0 12px 36px -6px #5857ff1f;--landing-aurora-1:#5857ff38;--landing-aurora-2:#38bdf82e;--landing-aurora-3:#a855f724;--landing-aurora-4:#6366f124;--landing-aurora-5:#ec48991a;--landing-glass-bg:#ffffffe0;--landing-glass-border:#5857ff24;--landing-gradient-btn:linear-gradient(135deg, #5857ff 0%, #4338ca 100%);--landing-gradient-hero:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #a855f7 100%);--landing-font-display:var(--font-sans);--landing-font-body:var(--font-sans);--landing-text-xs:clamp(11px, .75vw, 12px);--landing-text-sm:clamp(12.5px, .85vw, 13.5px);--landing-text-base:clamp(14px, 1vw, 15px);--landing-text-md:clamp(15px, 1.1vw, 16.5px);--landing-text-lg:clamp(17px, 1.3vw, 19px);--landing-text-xl:clamp(22px, 2vw, 26px);--landing-text-2xl:clamp(28px, 2.8vw, 36px);--landing-text-3xl:clamp(34px, 3.6vw, 48px);--landing-text-4xl:clamp(40px, 4.8vw, 62px);--landing-space-1:4px;--landing-space-2:8px;--landing-space-3:12px;--landing-space-4:16px;--landing-space-5:20px;--landing-space-6:24px;--landing-space-8:32px;--landing-space-10:40px;--landing-space-12:48px;--landing-space-16:64px;--landing-space-20:80px;--landing-space-24:96px;--landing-space-28:112px;--landing-space-32:128px;--landing-space-section:clamp(64px, 8vw, 120px);--landing-radius-sm:8px;--landing-radius-md:12px;--landing-radius-lg:16px;--landing-radius-xl:20px;--landing-radius-full:999px;--landing-grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");--studio-paper:var(--landing-bg);--studio-ink:var(--landing-ink);--studio-muted:var(--landing-ink-muted);--studio-white:var(--landing-surface);--studio-line:var(--landing-border);--studio-wash:var(--landing-highlight);--brand-solid:var(--landing-accent);--brand-solid-hover:var(--landing-accent-hover);--brand-on-solid:var(--landing-accent-on);--focus-ring:#5857ff2e;--text-secondary:var(--landing-ink-secondary)}:root[data-theme=dark] .landing-container{--landing-bg:#090a0f;--landing-bg-alt:#0e1017;--landing-surface:#13151f;--landing-surface-hover:#1b1e2d;--landing-ink:#f2f3f8;--landing-ink-secondary:#9fa4bc;--landing-ink-muted:#656a82;--landing-accent:#7b7aff;--landing-accent-hover:#9b9aff;--landing-accent-light:#7b7aff24;--landing-accent-on:#fff;--landing-highlight:#171926;--landing-highlight-warm:#141622;--landing-border:#ffffff14;--landing-border-strong:#ffffff24;--landing-shadow-sm:0 1px 2px #0000004d;--landing-shadow-md:0 4px 16px #00000059, 0 1px 3px #0003;--landing-shadow-lg:0 12px 48px #00000073, 0 2px 6px #0003;--landing-shadow-xl:0 24px 80px #0009, 0 4px 12px #0000004d;--landing-card-glow:0 0 0 1px #7b7aff47, 0 12px 40px -8px #000000b3;--landing-aurora-1:#7b7aff38;--landing-aurora-2:#6366f129;--landing-aurora-3:#38bdf81f;--landing-glass-bg:#13151fbf;--landing-glass-border:#7b7aff3d;--landing-gradient-btn:linear-gradient(135deg, #7b7aff 0%, #5857ff 100%);--landing-gradient-hero:linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);--studio-paper:var(--landing-bg);--studio-ink:var(--landing-ink);--studio-muted:var(--landing-ink-muted);--studio-white:var(--landing-surface);--studio-line:var(--landing-border);--studio-wash:var(--landing-highlight);--brand-solid:var(--landing-accent);--brand-solid-hover:var(--landing-accent-hover);--brand-on-solid:var(--landing-accent-on);--focus-ring:#7b7aff47;--text-secondary:var(--landing-ink-secondary)}.public-breadcrumb{color:var(--studio-muted);align-items:center;gap:9px;padding-top:34px;font-size:12px;display:flex}.public-breadcrumb a:hover{color:var(--studio-blue)}.public-intro{max-width:850px;padding:48px 0 52px}.public-intro h1,.public-not-found h1{font-family:var(--font-brand);letter-spacing:-2px;text-wrap:balance;margin:15px 0 24px;font-size:clamp(36px,4.5vw,58px);font-weight:400;line-height:1.12}.public-intro .public-summary{max-width:730px;color:var(--studio-muted);margin:0;font-size:18px;line-height:1.8}.public-content-meta{color:var(--studio-muted);flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:12px;line-height:1.8;display:flex}.public-content-meta a{text-underline-offset:3px;text-decoration:underline}.public-body{border-top:1px solid var(--studio-line);grid-template-columns:240px minmax(0,720px);justify-content:space-between;gap:64px;padding-top:38px;display:grid}.public-contents{align-self:start;position:sticky;top:28px}.public-contents nav{gap:3px;display:grid}.public-contents nav>p{color:var(--studio-ink);margin:0 0 12px;font-size:12px;font-weight:600}.public-contents nav>a{color:var(--studio-muted);padding:9px 0;font-size:13px;line-height:1.6;display:block}.public-contents nav>a:hover{color:var(--studio-blue)}.public-start{align-items:center;gap:12px;margin-top:20px;padding:12px 0;font-size:13px;font-weight:600;display:inline-flex;color:var(--studio-blue)!important}.public-article section{padding-bottom:42px;scroll-margin-top:30px}.public-page .public-article h2{font-family:var(--font-sans);letter-spacing:-.6px;text-wrap:pretty;margin:0 0 18px;font-size:25px;font-weight:600;line-height:1.35}.public-article p,.public-article li{color:var(--text-secondary);font-size:16px;line-height:1.85}.public-article p{margin:0 0 16px}.public-article ul{margin:20px 0 0;padding-left:21px}.public-article li{margin-bottom:10px;padding-left:5px}.public-example-figure{margin:28px 0}.public-example-figure img{border:1px solid var(--studio-line);border-radius:14px;width:100%;max-width:390px;height:auto;display:block}.public-example-figure figcaption{max-width:540px;color:var(--studio-muted);margin-top:12px;font-size:13px;line-height:1.7}.public-references{border-top:1px solid var(--studio-line);margin-top:24px;padding-top:16px}.public-references>p{color:var(--studio-muted);margin:0;font-size:12px;font-weight:600}.public-references ul{margin:4px 0 0;padding:0;list-style:none}.public-references li{margin:0;padding:0}.public-references a{min-height:44px;color:var(--studio-blue);text-underline-offset:3px;align-items:center;gap:8px;font-size:13px;text-decoration:underline;display:inline-flex}.public-references svg{flex:none}.public-prompt-example{background:var(--studio-white);border:1px solid var(--border-medium);border-radius:14px;margin-top:25px;padding:25px}.public-prompt-example>span{color:var(--studio-blue);font:11px var(--font-mono)}.public-prompt-example blockquote{color:var(--text-primary);margin:16px 0;font-size:15px;line-height:1.85}.public-prompt-example a{color:var(--studio-blue);align-items:center;gap:12px;min-height:40px;font-size:13px;font-weight:600;display:inline-flex}.public-related{border-top:1px solid var(--studio-line);padding:36px 0 60px}.public-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.public-related a{background:var(--studio-white);border:1px solid var(--studio-line);border-radius:12px;flex-direction:column;gap:14px;padding:23px;transition:border-color .15s;display:flex;position:relative}.public-related a:hover{border-color:var(--studio-blue)}.public-related a>span{color:var(--studio-muted);padding-right:22px;font-size:11px}.public-related a>strong{font-size:16px;font-weight:500;line-height:1.6}.public-related a>svg{color:var(--studio-blue);position:absolute;top:22px;right:20px}.public-not-found{max-width:700px;min-height:65vh;padding:80px 0}.public-not-found>p:not(.studio-section-label){color:var(--studio-muted);margin-bottom:25px;font-size:16px;line-height:1.8}.public-not-found>a:last-child{color:var(--studio-blue);margin-top:20px;font-size:14px;display:block}.studio-resource-section{border-top:1px solid var(--studio-line);padding:52px 0 65px}.studio-resource-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;display:grid}.studio-resource-links>a{background:var(--studio-white);border:1px solid var(--studio-line);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:90px;padding:20px;font-size:14px;line-height:1.6;display:flex}.studio-resource-links>a:hover{border-color:var(--studio-blue)}.studio-resource-links svg{color:var(--studio-blue);flex:none}.landing-footer,.landing-footer-nav{flex-wrap:wrap}@media (width<=900px){.public-body{grid-template-columns:190px minmax(0,1fr);gap:32px}.public-related>div,.studio-resource-links{gap:12px}}@media (width<=640px){.public-breadcrumb{padding-top:24px}.public-intro{padding:34px 0}.public-intro h1{letter-spacing:-1.3px}.public-intro .public-summary{font-size:16px}.public-body{grid-template-columns:1fr;gap:32px;padding-top:26px}.public-contents{border-bottom:1px solid var(--studio-line);padding-bottom:18px;position:static}.public-contents nav>a{min-height:44px}.public-start{margin-top:8px}.public-page .public-article h2{font-size:24px}.public-article p,.public-article li{font-size:15px}.public-prompt-example{padding:20px}.public-related>div,.studio-resource-links{grid-template-columns:1fr}.public-related{padding-bottom:40px}.public-not-found{padding:50px 0}.studio-resource-section{padding:34px 0 45px}.studio-resource-links>a{min-height:76px}}.login-screen{z-index:99999;color:var(--text-primary);background:var(--studio-paper);font-family:var(--font-sans);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.login-screen.is-modal{background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.studio-auth-card{background:var(--studio-white);border:1px solid var(--border-subtle);width:100%;max-width:460px;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-overlay);border-radius:22px;padding:36px 40px;position:relative;overflow-y:auto}.studio-auth-topline,.studio-auth-brand,.studio-auth-controls{align-items:center;display:flex}.studio-auth-topline{justify-content:space-between;gap:16px}.studio-auth-brand{letter-spacing:-.7px;gap:9px;font-size:20px;font-weight:600}.studio-auth-topline-actions{align-items:center;gap:8px;display:flex}.studio-auth-close{width:36px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.studio-auth-close:hover{background:var(--bg-surface)}.studio-auth-heading{margin:26px 0 22px}.studio-auth-heading h1{font-family:var(--font-sans);letter-spacing:-.6px;margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.2}.studio-auth-heading p{color:var(--text-muted);margin:0;font-size:14px}.studio-auth-tabs{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:24px;padding:3px;display:flex}.studio-auth-tabs button{min-height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:1;font-size:14px}.studio-auth-tabs button[aria-selected=true]{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-medium);box-shadow:var(--shadow-subtle);font-weight:600}.studio-google-button{border:1px solid var(--border-medium);background:var(--studio-white);width:100%;min-height:48px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-bottom:4px;padding:10px 16px;font-size:15px;font-weight:500;transition:background .14s,box-shadow .14s;display:flex}.studio-google-button:hover{background:var(--bg-surface);box-shadow:0 2px 8px #0000000f}.studio-auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.studio-auth-divider:before,.studio-auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.studio-auth-form{flex-direction:column;gap:16px;display:flex}.studio-auth-form label{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:13px;font-weight:500;display:flex}.studio-auth-form input{border:1px solid var(--border-medium);background:var(--studio-white);width:100%;min-height:46px;color:var(--text-primary);border-radius:10px;outline:none;padding:11px 12px;font-size:16px}.studio-auth-form input::placeholder{color:var(--text-muted)}.studio-auth-form input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.studio-auth-labelrow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.studio-auth-textlink{color:var(--studio-blue);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:2px 0;font-size:13px;font-weight:500}.studio-auth-textlink:hover{text-decoration:underline}.studio-auth-passwordwrap{display:block;position:relative}.studio-auth-passwordwrap input{padding-right:46px}.studio-auth-peek{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.studio-auth-peek:hover{background:var(--bg-surface);color:var(--text-primary)}.studio-auth-resend{justify-content:center;display:flex}.studio-auth-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);border-radius:7px;padding:11px 12px;font-size:13px;line-height:1.6}.studio-auth-submit{background:var(--brand-solid);width:100%;min-height:48px;color:var(--brand-on-solid);letter-spacing:-.2px;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:16px;padding:11px 16px;font-size:15px;font-weight:600;transition:background .14s,box-shadow .14s;display:flex}.studio-auth-submit:hover{background:var(--brand-solid-hover);box-shadow:0 4px 12px var(--focus-ring)}.studio-auth-legal-note{color:var(--text-muted);text-align:center;margin:12px 0 0;font-size:11.5px;line-height:1.5}.studio-auth-legal-note a{color:var(--accent-light,#7c6afe);text-underline-offset:2px;text-decoration:underline}.login-screen button:disabled{opacity:.65;cursor:wait}.login-screen button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}@media (width<=480px){.login-screen{padding:12px}.studio-auth-card{border-radius:16px;max-height:calc(100dvh - 24px);padding:24px 22px}.studio-auth-heading{margin-top:22px}.studio-auth-heading h1{font-size:26px}}.studio-auth-brand>svg{color:var(--studio-blue)}.studio-auth-form input:focus{border-color:var(--studio-blue)}:root{--bg-canvas:#f0f2f7;--bg-sidebar:#f8f9fc;--bg-topnav:#fff;--bg-chat-panel:#fff;--bg-workspace:#fff;--bg-file-explorer:#f8f9fc;--bg-code-editor:#fff;--bg-preview-canvas:#ededf9;--bg-panel:#fff;--bg-surface:#f4f5f9;--bg-surface-hover:#edf0f8;--bg-card:#fff;--bg-card-hover:#fafbfe;--bg-hover:#edf0f8;--border-color:#e0e4ed;--border-subtle:#e7eaf1;--border-medium:#c7cddb;--border-strong:#aab4c6;--border-accent:#5857ff40;--border-accent-strong:#5857ff;--text-primary:#202631;--text-secondary:#4c5568;--text-muted:#626d80;--text-on-accent:#fff;--accent-primary:#5857ff;--accent-secondary:#3a39c0;--accent-light:#8887ff;--accent-gradient:#5857ff;--accent-glow:transparent;--accent-glow-strong:transparent;--brand-primary:#5857ff;--color-accent:#5857ff;--color-accent-hover:#3a39c0;--color-success:#114a2f;--color-success-bg:#edf8f1;--color-success-border:#c3e3d0;--color-success-glow:transparent;--color-warning:#543b0c;--color-warning-bg:#fff7e6;--color-warning-border:#ebd7ac;--color-error:#7d1828;--color-error-bg:#fff0f2;--color-error-border:#f0c7cf;--color-info:#5857ff;--color-info-bg:#5857ff14;--color-info-border:#5857ff40;--color-ai:#5857ff;--color-ai-bg:#5857ff14;--color-ai-border:#5857ff40;--color-neutral:#626d80;--color-neutral-muted:#626d80;--color-neutral-bg:#f4f5f9;--color-neutral-border:#e0e4ed;--color-code-violet:#7a6393;--shadow-subtle:0 2px 5px #1b244008;--shadow-panel:0 4px 18px #1b244006;--shadow-overlay:0 20px 70px #1b24401f;--radius-asym-card:12px;--radius-asym-sm:8px;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-brand:var(--font-sans);--font-mono:"DM Studio Mono", Consolas, monospace;--studio-paper:#f8f9fc;--studio-white:#fff;--studio-ink:#202631;--studio-blue:#5857ff;--studio-muted:#626d80;--studio-line:#e0e4ed;--studio-wash:#edf0f8;--brand-solid:#5857ff;--brand-solid-hover:#3a39c0;--brand-on-solid:#fff;--focus-ring:#5857ff26;--landing-accent:var(--studio-blue);--control-border:#b4bdce;--overlay:#11182770;--soft-error-bg:#fff8f2;--soft-error-border:#ddc5ad;--soft-error-text:#714728;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--focus-ring:#5857ff2e;--studio-paper:#0c0c0e;--studio-white:#171719;--studio-ink:#eaeaee;--studio-blue:#7b7aff;--studio-muted:#9494a4;--studio-line:#1e1e21;--studio-wash:#1e1e21;--control-border:#3a3a48;--bg-canvas:#0c0c0e;--bg-sidebar:#111113;--bg-topnav:#111113;--bg-chat-panel:#111113;--bg-workspace:#0c0c0e;--bg-file-explorer:#111113;--bg-code-editor:#0a0a0c;--bg-preview-canvas:#0c0c0e;--bg-panel:#171719;--bg-surface:#171719;--bg-surface-hover:#1e1e21;--bg-card:#171719;--bg-card-hover:#1e1e21;--bg-hover:#1e1e21;--shadow-subtle:0 1px 2px #0009;--shadow-panel:0 4px 16px #00000080;--shadow-overlay:0 20px 60px #000000b3;--border-color:#1e1e21;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-strong:#ffffff29;--border-accent:#5857ff4d;--border-accent-strong:#7b7aff;--text-primary:#eaeaee;--text-secondary:#9494a4;--text-muted:#5a5a6e;--text-on-accent:#fff;--accent-primary:#7b7aff;--accent-secondary:#9b9aff;--accent-light:#9b9aff;--accent-gradient:#7b7aff;--brand-primary:#7b7aff;--brand-solid:#7b7aff;--brand-solid-hover:#9b9aff;--brand-on-solid:#fff;--color-accent:#7b7aff;--color-accent-hover:#9b9aff;--color-success:#8cc9b0;--color-success-bg:#1c302c;--color-success-border:#365c4f;--color-warning:#e2bf83;--color-warning-bg:#342e24;--color-warning-border:#6e5940;--color-error:#eea9ac;--color-error-bg:#37262e;--color-error-border:#75505b;--color-info:#7b7aff;--color-info-bg:#5857ff1a;--color-info-border:#5857ff4d;--color-ai:#7b7aff;--color-ai-bg:#5857ff1a;--color-ai-border:#5857ff40;--color-neutral:#9494a4;--color-neutral-muted:#9494a4;--color-neutral-bg:#171719;--color-neutral-border:#1e1e21;--color-code-violet:#c5b4e6;--soft-error-bg:#342d29;--soft-error-border:#76614c;--soft-error-text:#e6c7a3;--overlay:#0b0b0bcc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{background:var(--studio-paper);color:var(--text-primary)}body,button,input,textarea,select{font-family:var(--font-sans)}.studio-theme-toggle{background:var(--studio-white);width:40px;height:40px;color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.studio-theme-toggle:hover{background:var(--bg-surface);border-color:var(--accent-light)}.studio-theme-toggle:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}select{color-scheme:inherit}select option,select optgroup{background:var(--bg-card);color:var(--text-primary)}.studio-session-loading{z-index:9999;background:var(--studio-paper);color:var(--studio-blue);place-items:center;animation:.4s cubic-bezier(.22,1,.36,1) both loading-entrance;display:grid;position:fixed;inset:0}@keyframes loading-entrance{0%{opacity:0}to{opacity:1}}.studio-session-loading:before{content:"";pointer-events:none;background:radial-gradient(50% 40% at 20% 10%,#5857ff1f,#0000 60%),radial-gradient(45% 35% at 80% 15%,#5857ff1a,#0000 60%),radial-gradient(55% 45% at 70% 85%,#5857ff14,#0000 65%);animation:10s ease-in-out infinite alternate loading-aurora;position:absolute;inset:0}@keyframes loading-aurora{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(.98)}}.studio-session-loading>div{flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.studio-session-loading .loading-logo-ring{border-radius:50%;place-items:center;width:72px;height:72px;animation:2.4s cubic-bezier(.4,0,.2,1) infinite loading-logo-breathe;display:grid;position:relative}.studio-session-loading .loading-logo-ring:before{content:"";border:2px solid #0000;border-top-color:var(--studio-blue);border-right-color:#5857ff4d;border-radius:50%;animation:1.4s linear infinite loading-ring-spin;position:absolute;inset:-3px}.studio-session-loading .loading-logo-ring:after{content:"";background:radial-gradient(circle,#5857ff1f 0%,#0000 70%);border-radius:50%;animation:2.4s ease-in-out infinite loading-glow-pulse;position:absolute;inset:0}@keyframes loading-logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes loading-ring-spin{to{transform:rotate(360deg)}}@keyframes loading-glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.studio-session-loading .loading-text{letter-spacing:.01em;color:var(--text-secondary,var(--studio-muted));margin-top:20px;font-size:13.5px;font-weight:550;animation:.6s cubic-bezier(.22,1,.36,1) .2s both loading-text-fade}@keyframes loading-text-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.studio-session-loading .loading-bar{background:var(--border-subtle,#5857ff26);border-radius:2px;width:120px;height:3px;margin-top:16px;animation:.6s cubic-bezier(.22,1,.36,1) .35s both loading-text-fade;overflow:hidden}.studio-session-loading .loading-bar:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--studio-blue), #5857ffcc);width:40%;height:100%;animation:1.6s cubic-bezier(.4,0,.2,1) infinite loading-bar-slide;display:block}@keyframes loading-bar-slide{0%{transform:translate(-100%)}50%{transform:translate(200%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.studio-session-loading,.studio-session-loading:before,.studio-session-loading .loading-logo-ring,.studio-session-loading .loading-logo-ring:before,.studio-session-loading .loading-logo-ring:after,.studio-session-loading .loading-text,.studio-session-loading .loading-bar,.studio-session-loading .loading-bar:after{animation:none}.studio-session-loading .loading-text,.studio-session-loading .loading-bar{opacity:1;transform:none}}.modal-backdrop{z-index:80;background:var(--overlay);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-primary);border-radius:16px;padding:24px}@media (width<=560px){.studio-theme-toggle{width:36px;height:40px}.studio-workspace .top-nav-project-name-button{max-width:38vw!important}}.account-page{background:var(--studio-page,var(--bg-primary));min-height:100dvh;color:var(--text-primary);place-items:center;padding:clamp(24px,6vw,72px) 20px;display:grid}.account-card{border:1px solid var(--border-medium);background:var(--studio-white);border-radius:22px;width:100%;max-width:520px;padding:clamp(24px,5vw,42px)}.account-card header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;display:flex}.account-card header a{color:inherit;align-items:center;gap:12px;font-size:20px;text-decoration:none;display:flex}.account-card h1{font-family:var(--font-sans);letter-spacing:-1px;margin:12px 0;font-size:clamp(28px,5vw,38px)}.account-card p,.account-form p{color:var(--text-secondary);font-size:14px;line-height:1.65}.account-form{text-align:left;gap:20px;margin:28px 0;display:grid}.account-form label{gap:9px;font-size:14px;font-weight:600;display:grid}.account-form input,.account-form textarea{box-sizing:border-box;border:1px solid var(--border-medium);background:var(--bg-secondary);width:100%;min-width:0;color:var(--text-primary);font:inherit;border-radius:9px;padding:13px 15px}.account-form input:focus,.account-form textarea:focus{outline:2px solid var(--studio-blue);outline-offset:2px}.account-form textarea{resize:vertical}.account-form button{justify-self:start;min-height:44px}.account-form button:disabled{opacity:.6;cursor:wait}.account-links{flex-wrap:wrap;gap:16px;font-size:13px;line-height:1.5;display:flex}.account-links a,.account-form a{color:var(--studio-blue)}.account-notice{background:var(--studio-wash);border:1px solid var(--border-medium);border-radius:10px;margin:24px 0;padding:18px;line-height:1.6}.account-error{color:var(--status-error,#be3348)!important}.contact-form{max-width:640px}.contact-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.gallery-intro{text-align:center;max-width:720px;margin:0 auto 40px}.gallery-grid-section{max-width:1080px;margin:0 auto;padding-bottom:64px}.gallery-search{align-items:center;max-width:480px;margin:0 auto 28px;display:flex;position:relative}.gallery-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.gallery-search-input{border:1px solid var(--border-medium);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 36px;font-size:14px;transition:border-color .15s}.gallery-search-input:focus{border-color:var(--accent-primary)}.gallery-search-spin{color:var(--text-muted);animation:.9s linear infinite gallery-rotate;position:absolute;right:12px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.gallery-card-preview{border-radius:12px 12px 0 0;width:calc(100% + 48px);margin:-24px -24px 16px;position:relative;overflow:hidden}.gallery-card-preview-bg{justify-content:center;align-items:center;width:100%;height:100%;min-height:180px;display:flex}.gallery-card-preview-initial{color:#ffffffeb;text-shadow:0 2px 12px #00000040;-webkit-user-select:none;user-select:none;font-size:52px;font-weight:700}.gallery-card-preview-frame{pointer-events:none;transform-origin:0 0;opacity:0;border:none;transition:opacity .4s;position:absolute;top:0;left:0}.gallery-card-preview-frame.is-ready{opacity:1}.gallery-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:16px;flex-direction:column;gap:10px;padding:24px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.gallery-card:hover{border-color:var(--border-accent-strong);box-shadow:0 12px 32px #2026311f, 0 0 0 3px color-mix(in srgb, var(--brand-solid) 12%, transparent);transform:translateY(-3px)}.gallery-card h2{color:var(--text-primary);margin:0;font-size:19px;line-height:1.3}.gallery-card-description{color:var(--text-secondary);flex:1;margin:0;font-size:14px;line-height:1.55}.gallery-card-meta{color:var(--text-muted);margin:0;font-size:13px}.gallery-card-error{color:var(--color-error);margin:0;font-size:13px}.gallery-card-actions{gap:10px;margin-top:6px;display:flex}.gallery-open,.gallery-remix{min-height:40px;font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.gallery-open{border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-primary)}.gallery-remix{background:var(--accent-primary);color:var(--text-on-accent);border:0}.gallery-remix:disabled{opacity:.6;cursor:wait}.gallery-empty{text-align:center;color:var(--text-secondary);border:1px dashed var(--border-medium);border-radius:16px;padding:48px 24px}.gallery-spin{animation:.9s linear infinite gallery-rotate}@keyframes gallery-rotate{to{transform:rotate(360deg)}}.gallery-body{grid-template-columns:minmax(0,720px);justify-content:center;padding-bottom:20px}.gallery-page .public-article h2{font-family:var(--font-sans);letter-spacing:-.6px;text-wrap:pretty;margin:0 0 18px;font-size:25px;font-weight:600;line-height:1.35}@media (width<=640px){.gallery-grid{grid-template-columns:1fr}.gallery-card-actions{flex-direction:column}.gallery-open,.gallery-remix{justify-content:center}}