.project-home{display:flex;flex-direction:column;min-height:100vh;background:var(--surface-0)}.project-home-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-1)}.project-home-logo{font-size:1.1rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}.project-home-header-right{display:flex;align-items:center;gap:.75rem}.project-home-user{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.project-home-signout{font-size:.75rem;font-weight:600;color:var(--text-tertiary);background:none;border:1px solid var(--border-default);border-radius:6px;padding:.25rem .6rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans)}.project-home-signout:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-2)}.project-home-profile-wrap{position:relative}.project-home-gear{background:none;border:none;cursor:pointer;padding:.25rem;opacity:.5;transition:opacity var(--duration-fast) var(--ease-out);line-height:1}.project-home-gear:hover{opacity:1}.project-home-profile-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);padding:.375rem;z-index:100;animation:fadeIn .15s ease-out}.project-home-profile-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--text-secondary);background:none;border:none;border-radius:7px;cursor:pointer;text-decoration:none;transition:all var(--duration-fast) var(--ease-out);text-align:left}.project-home-profile-item:hover{background:var(--surface-2);color:var(--text-primary)}.project-home-body{flex:1;display:flex;justify-content:center;padding:2.5rem 1.5rem 3rem;overflow-y:auto}.project-home-content{max-width:820px;width:100%;animation:fadeInUp .5s ease-out both}.project-home-section{margin-bottom:2.5rem}.project-home-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.35rem}.project-home-section-sub{font-size:.85rem;color:var(--text-tertiary);margin-bottom:1.25rem}.project-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.project-type-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;padding:1.5rem;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:14px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);text-align:left;font-family:var(--font-sans);position:relative;overflow:hidden}.project-type-tile:hover:not(.project-type-tile--disabled){border-color:rgba(108,95,242,.35);transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.12)}.project-type-tile:hover:not(.project-type-tile--disabled) .project-type-tile-icon{transform:scale(1.1)}.project-type-tile--disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.project-type-tile-icon{font-size:2.25rem;transition:transform var(--duration-base) var(--ease-out)}.project-type-tile-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.project-type-tile-tech{font-size:.68rem;font-weight:500;color:var(--text-tertiary);font-family:var(--font-mono);opacity:.8}.project-type-tile-desc{font-size:.8rem;color:var(--text-tertiary);line-height:1.55}.project-type-tile-badge{position:absolute;top:.75rem;right:.75rem;font-size:.6rem;font-weight:700;padding:.15rem .5rem;border-radius:100px;background:var(--surface-2);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.project-filter-bar{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.25rem;flex-wrap:wrap}.project-filter-group{display:flex;align-items:center;gap:.375rem}.project-filter-label{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-right:.25rem}.project-filter-pill{font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.25rem .65rem;border:1px solid var(--border-default);border-radius:100px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-transform:capitalize;white-space:nowrap}.project-filter-pill:hover{border-color:rgba(108,95,242,.3);color:var(--text-primary)}.project-filter-pill.active{background:rgba(108,95,242,.1);border-color:rgba(108,95,242,.3);color:var(--color-primary-500);font-weight:600}.project-filter-select{font-family:var(--font-sans);font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;outline:none}.project-filter-select:focus{border-color:rgba(108,95,242,.4)}.project-filter-toggle{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-tertiary);cursor:pointer;user-select:none;white-space:nowrap}.project-filter-toggle input{accent-color:var(--color-primary-500);width:14px;height:14px;cursor:pointer}.project-type-empty{grid-column:1/-1;text-align:center;padding:2rem;color:var(--text-tertiary);font-size:.85rem}.project-type-empty button{background:none;border:none;color:var(--color-primary-500);cursor:pointer;font-weight:600;text-decoration:underline;margin-left:.25rem;font-family:var(--font-sans);font-size:.85rem}.project-cards{display:flex;flex-direction:column;gap:.75rem}.project-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);font-family:var(--font-sans);gap:1rem}.project-card:hover{border-color:rgba(108,95,242,.3);box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.project-card-left{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.project-card-name{font-size:.95rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-tertiary);flex-wrap:wrap}.project-card-url{font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.project-status-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:100px;white-space:nowrap}.project-status-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.project-status-live{color:var(--color-success-bright);background:rgba(16,185,129,.1)}.project-status-ready{color:var(--color-primary-500);background:rgba(108,95,242,.08)}.project-status-building{color:var(--color-warning);background:rgba(245,158,11,.08)}.project-status-offline{color:var(--text-tertiary);background:var(--surface-2)}.project-card-arrow{font-size:1rem;color:var(--text-tertiary);transition:transform var(--duration-base) var(--ease-out)}.project-card:hover .project-card-arrow{transform:translateX(3px);color:var(--text-secondary)}.project-home-empty{text-align:center;padding:2rem;color:var(--text-tertiary);font-size:.85rem}@media (max-width:720px){.project-type-grid{grid-template-columns:1fr}.project-filter-bar{gap:.75rem}}@media (min-width:721px) and (max-width:960px){.project-type-grid{grid-template-columns:repeat(2,1fr)}}.template-picker-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface-0);padding:2rem}.template-picker{max-width:720px;width:100%;animation:fadeInUp .5s ease-out both}.template-picker-header{text-align:center;margin-bottom:2.5rem}.template-picker-title{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.5rem}.template-picker-sub{font-size:.95rem;color:var(--text-tertiary)}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.template-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);text-align:left;font-family:var(--font-sans)}.template-card:hover{border-color:rgba(108,95,242,.3);transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.template-card-icon{font-size:2rem}.template-card-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.template-card-desc{font-size:.8rem;color:var(--text-tertiary);line-height:1.5}@media (max-width:560px){.template-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ide-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--surface-0)}.ide-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;height:40px;border-bottom:1px solid var(--border-subtle);background:var(--surface-1);flex-shrink:0;gap:.5rem}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.25rem}.toolbar-center{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.toolbar-toggle{display:flex;align-items:center;gap:.25rem;font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.25rem .5rem;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.toolbar-toggle:hover{background:var(--surface-2);color:var(--text-secondary)}.toolbar-toggle.active{background:rgba(108,95,242,.08);color:var(--color-primary-500);border-color:rgba(108,95,242,.15)}.toolbar-url{font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-mono);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a.toolbar-url:hover{color:var(--color-primary-500)}.toolbar-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;padding:.15rem .55rem;border-radius:100px}.toolbar-status-ready{color:var(--color-success-bright);background:rgba(16,185,129,.08)}.toolbar-status-building{color:var(--color-warning);background:rgba(245,158,11,.08);animation:pulse-status 1.5s ease infinite}.toolbar-status-deploying{color:var(--color-primary-500);background:rgba(108,95,242,.08);animation:pulse-status 1.5s ease infinite}.toolbar-status-live{color:var(--color-success-bright);background:rgba(16,185,129,.12);font-weight:700}.toolbar-status-live .toolbar-status-dot{box-shadow:0 0 6px rgba(16,185,129,.5)}.toolbar-status-error{color:var(--color-error);background:rgba(239,68,68,.08)}.toolbar-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.toolbar-btn{display:flex;align-items:center;gap:.3rem;font-family:var(--font-sans);font-size:.7rem;font-weight:600;padding:.25rem .6rem;border-radius:6px;border:1px solid;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar-btn-primary{background:var(--color-primary-500);color:white;border-color:transparent}.toolbar-btn-primary:hover:not(:disabled){background:var(--color-primary-600);transform:translateY(-1px)}.toolbar-btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border-default)}.toolbar-btn-outline:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.toolbar-btn-techy{background:rgba(16,185,129,.06);color:var(--color-success-bright);border-color:rgba(16,185,129,.2)}.toolbar-btn-techy.active{background:var(--color-success-bright);color:white;border-color:var(--color-success-bright)}.toolbar-theme-btn{background:none;border:none;cursor:pointer;padding:.2rem;opacity:.5;transition:opacity var(--duration-fast) var(--ease-out);line-height:1}.toolbar-theme-btn:hover{opacity:1}.ide-panels{flex:1}.ide-panels,.pane{display:flex;overflow:hidden}.pane{flex-direction:column;min-width:0}.pane-files{min-width:180px;max-width:360px;background:var(--surface-1);border-right:1px solid var(--border-subtle)}.pane-spec{flex:1;min-width:200px}.pane-chat{min-width:260px;max-width:480px;border-left:1px solid var(--border-subtle)}.pane-resizer{width:4px;cursor:col-resize;background:transparent;transition:background var(--duration-fast) var(--ease-out);flex-shrink:0;position:relative}.pane-resizer.active,.pane-resizer:hover{background:rgba(108,95,242,.3)}.pane-resizer:after{content:"";position:absolute;inset:-2px}.pane-header{justify-content:space-between;padding:0 .75rem;height:40px;border-bottom:1px solid var(--border-subtle);background:var(--surface-raised);flex-shrink:0}.pane-header,.pane-header-left,.pane-header-right{display:flex;align-items:center;gap:.5rem}.pane-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.375rem}.pane-title-icon{font-size:.9rem}.pane-tab{display:flex;align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;color:var(--text-tertiary);padding:.25rem .5rem;border-radius:6px}.pane-tab.active{color:var(--text-primary);background:var(--surface-2)}.pane-tab-icon{font-size:.85rem;flex-shrink:0}.pane-tab-dirty{width:6px;height:6px;border-radius:50%;background:var(--color-warning);flex-shrink:0}.pane-badge{font-size:.65rem;padding:.125rem .5rem;background:rgba(108,95,242,.08);color:var(--color-primary-500);border-radius:100px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.pane-view-btn{font-family:var(--font-sans);font-size:.7rem;font-weight:500;padding:.15rem .5rem;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.pane-view-btn:hover{background:var(--surface-2);color:var(--text-secondary)}.pane-view-btn.active{background:rgba(108,95,242,.08);color:var(--color-primary-500);border-color:rgba(108,95,242,.15)}.project-name-btn{display:flex;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:.25rem .375rem;border-radius:6px;transition:background var(--duration-fast) var(--ease-out);width:100%}.project-name-btn:hover{background:var(--surface-2)}.project-name-text{font-size:.85rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-name-edit{font-size:.7rem;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.project-name-btn:hover .project-name-edit{opacity:.6}.project-name-input{width:100%;font-size:.85rem;font-weight:700;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-0);border:1px solid var(--color-primary-500);border-radius:6px;padding:.25rem .5rem;outline:none;box-shadow:0 0 0 3px rgba(108,95,242,.15)}.pane-section-label{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem .25rem;font-size:.65rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.file-tree-add-btn{font-size:.85rem;background:none;border:none;cursor:pointer;opacity:.4;transition:opacity var(--duration-fast) var(--ease-out);padding:0 .25rem;line-height:1}.file-tree-add-btn:hover{opacity:1}.file-tree{flex:1;overflow-y:auto;padding:.25rem 0}.file-tree,.file-tree div{display:flex;flex-direction:column}.file-tree-item{flex-direction:row!important;align-items:center;gap:.375rem;padding:.3rem .75rem;background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:.8rem;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);text-align:left;flex-shrink:0;position:relative}.file-tree-item,button.file-tree-item{display:flex!important;width:100%!important}.file-tree-item:hover{background:var(--surface-2);color:var(--text-primary)}.file-tree-item.selected{background:rgba(108,95,242,.1);color:var(--text-primary)}.file-tree-chevron{font-size:.7rem;color:var(--text-tertiary);width:12px;text-align:center}.file-tree-icon{font-size:.85rem;flex-shrink:0}.file-tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-tree-delete{font-size:.75rem;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:0 .25rem;position:absolute;right:.5rem}.file-tree-item:hover .file-tree-delete{opacity:.5}.file-tree-delete:hover{opacity:1!important;color:var(--color-error)}.file-tree-new-input{width:calc(100% - 1.5rem);font-size:.8rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-0);border:1px solid var(--color-primary-500);border-radius:4px;padding:.2rem .4rem;margin:.15rem .75rem;outline:none}.pane-user-footer{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-top:1px solid var(--border-subtle);background:var(--surface-1)}.user-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:white;font-size:.7rem;font-weight:700}.user-name{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.user-settings-btn{font-size:.85rem;text-decoration:none;flex-shrink:0;opacity:.5;transition:opacity var(--duration-fast) var(--ease-out);background:none;border:none;cursor:pointer}.user-settings-btn:hover{opacity:1}.pane-body{flex:1;overflow-y:auto}.spec-body{display:flex}.file-content{flex:1;padding:1rem 1.25rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:var(--surface-0);margin:0}.file-content code{font-family:inherit}.spec-empty-state{margin:auto;text-align:center;max-width:320px;animation:fadeIn .6s ease-out}.spec-empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.spec-empty-state h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.spec-empty-state p{font-size:.85rem;color:var(--text-tertiary);line-height:1.6}.chat-body,.chat-empty-state{display:flex;flex-direction:column}.chat-empty-state{align-items:center;justify-content:center;flex:1;padding:2rem 1.5rem;text-align:center;animation:fadeIn .6s ease-out}.chat-empty-icon{font-size:2rem;margin-bottom:.75rem}.chat-empty-state h3{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.chat-empty-state p{font-size:.8rem;color:var(--text-tertiary);line-height:1.5;margin-bottom:1rem}.chat-suggestions{display:flex;flex-direction:column;gap:.5rem;width:100%}.chat-suggestion{font-family:var(--font-sans);font-size:.8rem;color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:8px;padding:.625rem .875rem;text-align:left;transition:all var(--duration-fast) var(--ease-out)}.chat-suggestion:disabled{opacity:.5;cursor:not-allowed}.chat-messages{padding:1rem}.chat-input-area{position:relative;padding:.75rem;border-top:1px solid var(--border-subtle);background:var(--surface-raised)}.chat-credit-preview{font-size:.7rem;color:var(--text-tertiary);text-align:right;padding:2px 4px 0}.chat-attach-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.chat-attach-btn:hover:not(:disabled){color:var(--text-primary);background:var(--surface-raised)}.chat-attach-btn.active{color:var(--color-primary-500);border-color:var(--color-primary-500)}.chat-attach-btn:disabled{opacity:.4;cursor:not-allowed}.chat-attach-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.chat-attach-popover{position:absolute;left:.75rem;right:.75rem;bottom:calc(100% - .5rem);max-height:50vh;overflow:auto;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.18)}.chat-attach-popover,.chat-input-wrapper{background:var(--surface-0);border:1px solid var(--border-default);border-radius:10px}.chat-input-wrapper{display:flex;align-items:flex-end;gap:.5rem;padding:.375rem .5rem;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.chat-input-wrapper:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(108,95,242,.1)}.chat-input{flex:1;font-family:var(--font-sans);font-size:.85rem;color:var(--text-primary);background:transparent;border:none;outline:none;resize:none;min-height:24px;max-height:200px;line-height:1.5;padding:.25rem 0}.chat-input::placeholder{color:var(--text-tertiary)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:white;cursor:pointer;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px rgba(108,95,242,.3)}.chat-send-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.md-viewer{position:relative;flex:1;overflow-y:auto;padding:1.5rem 2rem}.md-rendered{font-family:var(--font-sans);font-size:.85rem;line-height:1.8;color:var(--text-primary)}.md-rendered h1{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.md-rendered h2{font-size:1.15rem;font-weight:600;margin:1.5rem 0 .5rem}.md-rendered h3{font-size:1rem;font-weight:600;margin:1.25rem 0 .4rem}.md-rendered p{margin:.5rem 0}.md-rendered ol,.md-rendered ul{padding-left:1.5rem;margin:.5rem 0}.md-rendered li{margin:.25rem 0}.md-rendered blockquote{border-left:3px solid var(--color-primary-500);padding:.5rem 1rem;margin:.75rem 0;background:rgba(108,95,242,.04);color:var(--text-secondary);border-radius:0 6px 6px 0}.md-rendered code{font-family:var(--font-mono);font-size:.8rem;background:var(--surface-2);padding:.1rem .35rem;border-radius:4px}.md-rendered pre{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem;overflow-x:auto;margin:.75rem 0}.md-rendered pre code{background:none;padding:0}.md-rendered em{color:var(--text-tertiary)}.md-rendered input[type=checkbox]{margin-right:.4rem;accent-color:var(--color-primary-500)}.md-rendered ::selection{background:rgba(108,95,242,.2)}.comment-popover{position:absolute;z-index:100;width:280px;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);padding:.75rem;animation:fadeIn .15s ease-out}.comment-popover-selection{font-size:.75rem;color:var(--text-tertiary);font-style:italic;margin-bottom:.5rem;line-height:1.4;word-break:break-word}.comment-popover-input{width:100%;font-family:var(--font-sans);font-size:.8rem;color:var(--text-primary);background:var(--surface-0);border:1px solid var(--border-default);border-radius:6px;padding:.5rem;resize:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.comment-popover-input:focus{border-color:var(--color-primary-500)}.comment-popover-actions{display:flex;justify-content:flex-end;gap:.375rem;margin-top:.5rem}.comment-popover-cancel,.comment-popover-submit{font-family:var(--font-sans);font-size:.75rem;font-weight:600;padding:.3rem .6rem;border-radius:6px;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.comment-popover-cancel{background:transparent;color:var(--text-tertiary)}.comment-popover-cancel:hover{color:var(--text-primary)}.comment-popover-submit{background:var(--color-primary-500);color:white}.comment-popover-submit:hover:not(:disabled){background:var(--color-primary-600)}.comment-popover-submit:disabled{opacity:.4;cursor:not-allowed}.comment-sidebar{position:absolute;top:0;right:0;width:220px;height:100%;background:var(--surface-1);border-left:1px solid var(--border-subtle);padding:.75rem;overflow-y:auto}.comment-sidebar-title{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.comment-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:8px;padding:.625rem;margin-bottom:.5rem;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.comment-card:hover{border-color:var(--border-strong)}.comment-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.comment-status-badge{font-size:.6rem;font-weight:600;padding:.1rem .35rem;border-radius:4px}.comment-status-pending{background:rgba(245,158,11,.1);color:var(--color-warning)}.comment-status-applied{background:rgba(16,185,129,.1);color:var(--color-success-bright)}.comment-delete-btn{font-size:.85rem;background:none;border:none;cursor:pointer;color:var(--text-tertiary);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);line-height:1;padding:0}.comment-card:hover .comment-delete-btn{opacity:.5}.comment-delete-btn:hover{opacity:1!important;color:var(--color-error)}.comment-card-selection{font-size:.7rem;color:var(--text-tertiary);font-style:italic;margin-bottom:.25rem}.comment-card-text{font-size:.8rem;color:var(--text-primary);line-height:1.4}.comment-card-time{font-size:.65rem;color:var(--text-tertiary);margin-top:.25rem}.prd-option-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .25rem}.prd-option-hint{flex-basis:100%;font-size:.72rem;color:var(--text-tertiary);margin-bottom:.1rem;display:flex;align-items:center;gap:.3rem}.prd-option-pill{font-family:var(--font-sans);font-size:.78rem;font-weight:500;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:999px;padding:.35rem .8rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.prd-option-pill:hover{border-color:var(--color-primary-500);background:rgba(108,95,242,.06)}.prd-option-pill.selected{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;font-weight:600}.prd-option-pill.selected:before{content:"✓ "}.code-editor{display:flex;flex:1;overflow:hidden;background:var(--surface-0);font-family:var(--font-mono);font-size:.8rem;line-height:1.7}.ce-line-numbers{padding:1rem 0;width:48px;text-align:right;background:var(--surface-1);border-right:1px solid var(--border-subtle);overflow:hidden;user-select:none;flex-shrink:0}.ce-line-num{padding:0 .75rem 0 0;color:var(--text-tertiary);font-size:.75rem;height:calc(.8rem * 1.7);display:flex;align-items:center;justify-content:flex-end}.ce-textarea{flex:1;padding:1rem 1.25rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.7;color:var(--text-primary);background:transparent;border:none;outline:none;resize:none;white-space:pre;overflow:auto;tab-size:2}.ce-textarea::placeholder{color:var(--text-tertiary)}.live-preview-container{flex:1;display:flex;flex-direction:column;background:white}.lp-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;height:32px;background:var(--surface-1);border-bottom:1px solid var(--border-subtle);gap:.5rem;flex-shrink:0}.lp-toolbar-left,.lp-toolbar-right{display:flex;align-items:center;gap:.25rem}.lp-device-btn{font-size:.8rem;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;padding:.15rem .35rem;transition:all var(--duration-fast) var(--ease-out)}.lp-device-btn:hover{background:var(--surface-2)}.lp-device-btn.active{background:rgba(108,95,242,.08);border-color:rgba(108,95,242,.15)}.lp-url-bar{flex:1;text-align:center}.lp-url{font-size:.65rem;font-family:var(--font-mono);color:var(--text-tertiary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.lp-url:hover{color:var(--color-primary-500)}.lp-url-inactive{opacity:.4}.lp-action-btn{font-size:.75rem;background:none;border:none;cursor:pointer;padding:.15rem .3rem;opacity:.5;transition:opacity var(--duration-fast) var(--ease-out)}.lp-action-btn:hover{opacity:1}.lp-stop-btn:hover{color:var(--color-error)}.lp-stop-btn:disabled{opacity:.3;cursor:not-allowed}.lp-frame-wrapper{flex:1;display:flex;position:relative;overflow:auto}.lp-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.8);z-index:5}.lp-spinner{width:24px;height:24px;border:3px solid var(--border-default);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .6s linear infinite}.live-preview-iframe{height:100%;border:none;flex-shrink:0}.lp-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-dimmer,#666);background:var(--bg-secondary,#1a1a24)}.lp-preview-btn{padding:.6rem 1.5rem;border-radius:10px;border:none;background:var(--color-primary-500);color:white;font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.lp-preview-btn:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:0 6px 24px rgba(108,95,242,.4)}.lp-preview-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.lp-build-logs{width:100%;height:100%;overflow-y:auto;padding:.75rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.8;background:var(--terminal-bg)}.lp-build-log{padding:0 .5rem;white-space:pre-wrap;word-break:break-word}.lp-build-log-info{color:var(--terminal-text)}.lp-build-log-success{color:var(--terminal-success)}.lp-build-log-error{color:var(--terminal-error)}.lp-build-log-warning{color:var(--terminal-warning)}.lp-build-log-dim{color:var(--terminal-dim)}.lp-url-timer{color:var(--terminal-warning);font-weight:500}.terminal-viewer{display:flex;flex-direction:column;flex:1;background:var(--terminal-bg);border-radius:0;overflow:hidden}.terminal-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;height:32px;background:var(--terminal-toolbar-bg);border-bottom:1px solid var(--terminal-border);flex-shrink:0}.terminal-title{font-size:.75rem;font-weight:600;color:var(--terminal-muted);display:flex;align-items:center;gap:.5rem}.terminal-dot{width:7px;height:7px;border-radius:50%;background:var(--terminal-success);box-shadow:0 0 6px rgba(63,185,80,.4)}.terminal-actions{display:flex;align-items:center;gap:.5rem}.terminal-autoscroll{font-size:.7rem;color:var(--terminal-muted);display:flex;align-items:center;gap:.35rem;cursor:pointer}.terminal-autoscroll input{accent-color:var(--color-primary-500);width:12px;height:12px}.terminal-clear-btn{font-size:.75rem;background:none;border:none;cursor:pointer;color:var(--terminal-muted);padding:.1rem .3rem;border-radius:4px;transition:all var(--duration-fast) var(--ease-out);line-height:1}.terminal-clear-btn:hover{background:rgba(255,255,255,.06);color:var(--terminal-text)}.terminal-body{flex:1;overflow-y:auto;padding:.75rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.6}.terminal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--terminal-muted);gap:.5rem}.terminal-empty-icon{font-size:1.5rem}.terminal-empty p{font-size:.8rem}.terminal-line{display:flex;gap:.75rem}.terminal-ts{color:var(--terminal-timestamp);flex-shrink:0;font-size:.7rem}.terminal-text{word-break:break-word}.terminal-line-info .terminal-text{color:var(--terminal-text)}.terminal-line-success .terminal-text{color:var(--terminal-success)}.terminal-line-error .terminal-text{color:var(--terminal-error)}.terminal-line-warning .terminal-text{color:var(--terminal-warning)}.terminal-line-dim .terminal-text{color:var(--terminal-dim)}.terminal-cursor-line{padding:.25rem 0}.terminal-cursor{display:inline-block;width:8px;height:14px;background:var(--color-primary-500);animation:blink-cursor 1s step-end infinite;border-radius:1px}.terminal-retry-btn{font-size:.7rem;font-weight:600;background:rgba(108,95,242,.1);border:1px solid rgba(108,95,242,.2);cursor:pointer;color:var(--color-primary-500);padding:.15rem .5rem;border-radius:4px;transition:all var(--duration-fast) var(--ease-out)}.terminal-retry-btn:hover{background:rgba(108,95,242,.2)}.terminal-error-summary{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.5rem;background:rgba(248,81,73,.08);border:1px solid rgba(248,81,73,.15);border-radius:6px;font-size:.75rem;color:var(--terminal-error)}.terminal-retry-inline{font-size:.75rem;font-weight:600;background:none;border:none;color:var(--color-primary-500);cursor:pointer;text-decoration:underline;padding:0}.terminal-retry-inline:hover{color:#8b7ff7}.terminal-panel{height:220px;flex-shrink:0;border-top:1px solid var(--terminal-border);display:flex;overflow:hidden;animation:slideUpPanel .2s ease-out}@keyframes slideUpPanel{0%{height:0;opacity:0}to{height:220px;opacity:1}}.toolbar-btn-danger{background:rgba(239,68,68,.06);color:var(--color-error);border-color:rgba(239,68,68,.2)}.toolbar-btn-danger:hover:not(:disabled){background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3)}.lp-separator{width:1px;height:16px;background:var(--border-subtle);margin:0 .15rem}.lp-mode-btn{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.lp-mode-btn:hover{background:var(--surface-2);color:var(--text-secondary)}.lp-mode-btn.active{background:rgba(108,95,242,.08);color:var(--color-primary-500);border-color:rgba(108,95,242,.15)}.lp-url-live{color:var(--color-success-bright)!important;font-weight:600}.version-history-panel{display:flex;flex-direction:column;width:320px;min-width:280px;max-width:380px;border-left:1px solid var(--border-subtle);background:var(--surface-1);flex-shrink:0;overflow:hidden;animation:slideInRight .2s ease-out}.version-history-header{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;height:40px;border-bottom:1px solid var(--border-subtle);background:var(--surface-raised);flex-shrink:0}.version-history-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.375rem;margin:0}.version-history-title-icon{font-size:.9rem}.version-history-refresh{font-size:1rem;background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:.2rem;border-radius:4px;transition:all var(--duration-fast) var(--ease-out);line-height:1}.version-history-refresh:hover{background:var(--surface-2);color:var(--text-primary)}.version-history-body{flex:1;overflow-y:auto;padding:.75rem}.version-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-tertiary);gap:.5rem}.version-history-empty-icon{font-size:2rem}.version-history-empty p{font-size:.8rem;margin:0}.version-history-empty-hint{font-size:.7rem!important;color:var(--text-tertiary)}.version-history-spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .6s linear infinite;margin-bottom:.5rem}.version-history-timeline{display:flex;flex-direction:column}.version-entry{display:flex;gap:.625rem}.version-entry-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:16px;padding-top:.35rem}.version-entry-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:2px solid var(--surface-1)}.version-entry-dot-user{background:var(--color-primary-500);box-shadow:0 0 0 2px rgba(108,95,242,.2)}.version-entry-dot-ai{background:var(--color-warning);box-shadow:0 0 0 2px rgba(245,158,11,.2)}.version-entry-dot-system{background:var(--terminal-muted);box-shadow:0 0 0 2px rgba(139,148,158,.2)}.version-entry-line{width:2px;flex:1;background:var(--border-subtle);margin:.25rem 0;min-height:1rem}.version-entry-content{flex:1;padding-bottom:1rem;min-width:0}.version-entry-header{display:flex;align-items:flex-start;gap:.375rem}.version-entry-icon{font-size:.85rem;flex-shrink:0;line-height:1.3}.version-entry-desc{font-size:.8rem;font-weight:500;color:var(--text-primary);line-height:1.3;word-break:break-word}.version-entry-meta{font-size:.7rem;margin-top:.2rem}.version-entry-files,.version-entry-meta{color:var(--text-tertiary)}.version-entry-actions{display:flex;gap:.375rem;margin-top:.375rem}.version-entry-btn{font-family:var(--font-sans);font-size:.7rem;font-weight:500;padding:.2rem .5rem;border:1px solid var(--border-default);border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.version-entry-btn:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong)}.version-entry-btn-restore{border-color:rgba(108,95,242,.25);color:var(--color-primary-500)}.version-entry-btn-restore:hover{background:rgba(108,95,242,.08);border-color:rgba(108,95,242,.4)}.version-entry-btn:disabled{opacity:.4;cursor:not-allowed}.version-diff{margin-top:.5rem;border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:var(--surface-0)}.version-diff-empty,.version-diff-loading{font-size:.75rem;color:var(--text-tertiary);padding:.75rem;text-align:center}.version-diff-file{border-bottom:1px solid var(--border-subtle)}.version-diff-file:last-child{border-bottom:none}.version-diff-file-header{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;font-family:var(--font-mono)}.version-diff-status{font-weight:700;width:14px;text-align:center}.version-diff-added{color:var(--terminal-success);background:rgba(63,185,80,.06)}.version-diff-modified{color:var(--terminal-warning);background:rgba(210,153,34,.06)}.version-diff-deleted{color:var(--terminal-error);background:rgba(248,81,73,.06)}.version-diff-content{display:flex;max-height:200px;overflow:auto;border-top:1px solid var(--border-subtle)}.version-diff-after,.version-diff-before{flex:1;padding:.5rem;font-family:var(--font-mono);font-size:.7rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word;overflow:auto}.version-diff-before{background:rgba(248,81,73,.04);color:var(--text-secondary);border-right:1px solid var(--border-subtle)}.version-diff-after{background:rgba(63,185,80,.04);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.5}}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);display:inline-block;flex-shrink:0}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.icon-spin{animation:none}}.agent-plan-step-icon,.file-tree-icon,.pane-tab-icon,.project-home-logo-icon{display:inline-flex;align-items:center;justify-content:center}.chat-messages{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;overflow-y:auto;flex:1}.chat-message{padding:.6rem .85rem;border-radius:12px;font-size:.85rem;line-height:1.5;max-width:88%;animation:fadeIn .2s ease;word-wrap:break-word}.chat-message-user{align-self:flex-end;background:var(--accent-primary,var(--color-primary-500));color:var(--color-neutral-0);border-bottom-right-radius:4px}.chat-message-assistant{align-self:flex-start;background:var(--bg-surface,var(--surface-2));color:var(--text-primary,var(--color-neutral-900));border-bottom-left-radius:4px}[data-theme=dark] .chat-message-assistant{background:rgba(255,255,255,.06);color:var(--text-primary,var(--color-neutral-50))}.chat-retry-btn,.chat-see-details-btn{display:flex;align-items:center;gap:.3rem;width:fit-content;margin-top:.5rem;font-family:var(--font-sans);font-size:.78rem;font-weight:600;padding:.35rem .75rem;border-radius:8px;border:1px solid rgba(108,95,242,.25);background:rgba(108,95,242,.08);color:var(--color-primary-500);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.chat-retry-btn:hover:not(:disabled),.chat-see-details-btn:hover:not(:disabled){background:rgba(108,95,242,.16);border-color:rgba(108,95,242,.4);transform:translateY(-1px)}.chat-retry-btn:disabled{opacity:.4;cursor:not-allowed}.chat-undo-btn{display:flex;align-items:center;gap:.3rem;width:fit-content;margin-top:.5rem;font-family:var(--font-sans);font-size:.78rem;font-weight:600;padding:.35rem .75rem;border-radius:8px;border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.08);color:var(--color-warning);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.chat-undo-btn:hover:not(:disabled){background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.5);transform:translateY(-1px)}.chat-undo-btn:disabled{opacity:.4;cursor:not-allowed}.chat-message-streaming{position:relative}.chat-typing-cursor{display:inline-block;width:2px;height:1em;background:var(--accent-primary,var(--color-primary-500));margin-left:2px;vertical-align:text-bottom;animation:blink-cursor .8s step-end infinite}.chat-thinking{display:flex;align-items:center;gap:.625rem}.thinking-blocks{display:flex;align-items:flex-end;gap:3px;height:20px}.thinking-block{width:4px;border-radius:2px;background:var(--color-primary-500);animation:thinking-build 1.2s ease-in-out infinite}.thinking-block:first-child{animation-delay:0s}.thinking-block:nth-child(2){animation-delay:.15s}.thinking-block:nth-child(3){animation-delay:.3s}.thinking-block:nth-child(4){animation-delay:.45s}.thinking-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);animation:thinking-pulse 2s ease-in-out infinite}@keyframes thinking-build{0%,to{height:4px;opacity:.4}50%{height:18px;opacity:1}}@keyframes thinking-pulse{0%,to{opacity:.5}50%{opacity:1}}.chat-suggestion{cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.chat-suggestion:hover{background:var(--accent-primary,var(--color-primary-500))!important;color:var(--color-neutral-0)!important;transform:translateY(-1px)}.chat-suggestion:active{transform:translateY(0)}.agent-mode-toggle{display:flex;gap:2px;background:var(--surface-2);border-radius:6px;padding:2px}.agent-mode-btn{font-family:var(--font-sans);font-size:.72rem;font-weight:600;padding:.2rem .6rem;border:none;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.agent-mode-btn:hover{color:var(--text-secondary)}.agent-mode-btn.active{background:var(--surface-raised);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,.08)}.agent-plan-panel{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.agent-plan-step{display:flex;align-items:flex-start;gap:.35rem;padding:.25rem 0;font-size:.78rem;line-height:1.4;transition:opacity var(--duration-fast) var(--ease-out)}.agent-plan-step-icon{flex-shrink:0;font-size:.75rem;line-height:1.4}.agent-plan-step-num{flex-shrink:0;font-weight:700;color:var(--text-tertiary);min-width:1rem}.agent-plan-step-desc{color:var(--text-secondary)}.agent-plan-step-completed .agent-plan-step-desc{color:var(--text-tertiary);text-decoration:line-through;text-decoration-color:rgba(16,185,129,.4)}.agent-plan-step-running .agent-plan-step-desc{color:var(--text-primary);font-weight:600}.agent-plan-step-running{animation:pulse-status 1.5s ease infinite}.agent-plan-step-failed .agent-plan-step-desc{color:var(--color-error)}.agent-plan-step-pending{opacity:.5}.agent-cancel-btn{font-family:var(--font-sans);font-size:.72rem;font-weight:600;padding:.3rem .6rem;margin-top:.25rem;border:1px solid rgba(239,68,68,.2);border-radius:6px;background:rgba(239,68,68,.06);color:var(--color-error);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);align-self:flex-start}.agent-cancel-btn:hover{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3)}.chat-send-btn-agent{background:linear-gradient(135deg,var(--color-success-bright),var(--color-success-bright-strong))}.chat-send-btn-agent:hover:not(:disabled){box-shadow:0 2px 8px rgba(16,185,129,.3)}.cost-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;border-radius:100px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.15);font-size:.65rem;font-weight:600;font-family:var(--font-mono);animation:fadeIn .3s ease-out;white-space:nowrap;cursor:default;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.cost-badge:hover{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.25)}.cost-badge-cost{color:var(--color-success-bright)}.cost-badge-sep{color:var(--text-tertiary);opacity:.5}.cost-badge-hours{color:var(--text-secondary);font-family:var(--font-sans)}[data-theme=dark] .cost-badge{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.12)}[data-theme=dark] .cost-badge:hover{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}.token-meter{display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .6rem;border-radius:100px;background:rgba(108,95,242,.06);border:1px solid rgba(108,95,242,.12);animation:fadeIn .3s ease-out;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.token-meter:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.token-meter:hover{background:rgba(108,95,242,.1);border-color:rgba(108,95,242,.2)}.token-meter-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.token-bar{width:4px;border-radius:1.5px;transition:all var(--duration-slow) var(--ease-out)}.token-bar:first-child{height:4px}.token-bar:nth-child(2){height:6px}.token-bar:nth-child(3){height:8px}.token-bar:nth-child(4){height:10px}.token-bar:nth-child(5){height:12px}.token-bar-filled{background:var(--color-success-bright)}.token-bar-empty{background:var(--border-subtle);opacity:.4}.token-bar-warning.token-bar-filled{background:var(--color-warning)}.token-bar-critical.token-bar-filled{background:var(--color-error);animation:token-pulse 1.5s ease infinite}.token-meter-hours{font-weight:500;color:var(--text-secondary)}.token-meter-hours,.token-meter-label{font-size:.65rem;font-family:var(--font-sans);white-space:nowrap}.token-meter-label{font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}@keyframes token-pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=dark] .token-meter{background:rgba(108,95,242,.08);border-color:rgba(108,95,242,.15)}[data-theme=dark] .token-meter:hover{background:rgba(108,95,242,.14);border-color:rgba(108,95,242,.25)}.comment-tip-overlay{position:absolute;top:0;left:0;right:0;z-index:50;padding:.75rem;animation:comment-tip-slide .4s ease-out}.comment-tip{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--surface-raised);border:1px solid rgba(108,95,242,.25);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15),0 0 0 1px rgba(108,95,242,.08);backdrop-filter:blur(12px)}.comment-tip-icon{font-size:1.25rem;flex-shrink:0;line-height:1.3}.comment-tip-body{flex:1;min-width:0}.comment-tip-title{font-size:.85rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.comment-tip-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .5rem}.comment-tip-dismiss{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--text-tertiary);cursor:pointer;user-select:none}.comment-tip-dismiss input{accent-color:var(--color-primary-500);width:13px;height:13px;cursor:pointer}.comment-tip-close{background:none;border:none;color:var(--text-tertiary);font-size:.9rem;cursor:pointer;padding:.15rem;line-height:1;border-radius:4px;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.comment-tip-close:hover{background:var(--surface-2);color:var(--text-primary)}@keyframes comment-tip-slide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);animation:modal-fade .2s ease-out}.modal-box{background:var(--surface-1,var(--color-neutral-50));border:1px solid var(--border-default);border-radius:16px;padding:2rem;max-width:480px;width:90%;box-shadow:0 24px 64px rgba(0,0,0,.5),0 0 0 1px rgba(108,95,242,.1);animation:modal-pop .25s ease-out}.modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.modal-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.modal-subtitle{font-size:.8rem;color:var(--text-tertiary);margin:.15rem 0 0}.modal-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-2,var(--color-neutral-100));color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);outline:none;transition:border-color var(--duration-fast) var(--ease-out);box-sizing:border-box}.modal-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(108,95,242,.15)}.modal-input::placeholder{color:var(--text-tertiary)}.modal-dns-preview{margin-top:.75rem;padding:.6rem .85rem;background:rgba(108,95,242,.06);border:1px solid rgba(108,95,242,.15);border-radius:8px;display:flex;flex-direction:column;gap:.2rem}.modal-dns-label{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.modal-dns-url{font-size:.82rem;color:var(--color-primary-500);font-family:var(--font-mono,monospace);word-break:break-all}.modal-hint{font-size:.78rem;color:var(--text-tertiary);margin:.75rem 0 0;line-height:1.5}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-questions-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;padding-top:.625rem;border-top:1px solid rgba(0,0,0,.06)}[data-theme=dark] .chat-questions-list{border-top-color:rgba(255,255,255,.08)}.chat-question-item{display:flex;flex-direction:column;gap:.375rem}.chat-question-text{font-size:.82rem;font-weight:500;color:var(--text-primary);line-height:1.5}.chat-question-options{display:flex;flex-wrap:wrap;gap:.4rem;padding-left:.75rem;margin-top:.25rem}.chat-question-option{font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.4rem .75rem;border:1px solid rgba(108,95,242,.25);border-radius:100px;background:rgba(108,95,242,.06);color:var(--color-primary-500);cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:normal;line-height:1.4;text-align:left;max-width:100%}.chat-question-option.selected{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-neutral-0);font-weight:700;box-shadow:0 2px 10px rgba(108,95,242,.4);transform:translateY(-1px)}.chat-question-option.something-else{border-style:dashed;opacity:.7}.chat-question-option.something-else:hover:not(:disabled){opacity:1}.chat-answers-bar{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(108,95,242,.1)}.chat-send-answers-btn{font-family:var(--font-sans);font-size:.8rem;font-weight:600;padding:.45rem 1.2rem;border-radius:100px;border:none;background:var(--color-primary-500);color:white;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.chat-send-answers-btn:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:0 4px 14px rgba(108,95,242,.35)}.chat-answers-count{font-size:.75rem;color:var(--text-tertiary)}.chat-something-else-input{font-family:var(--font-sans);font-size:.75rem;padding:.35rem .65rem;border:1px dashed rgba(108,95,242,.3);border-radius:8px;background:rgba(108,95,242,.04);color:var(--text-primary);outline:none;width:100%;margin-top:.25rem}.chat-something-else-input:focus{border-color:var(--color-primary-500);background:rgba(108,95,242,.08)}.chat-question-option:hover:not(:disabled){background:rgba(108,95,242,.14);border-color:rgba(108,95,242,.4);transform:translateY(-1px);box-shadow:0 2px 6px rgba(108,95,242,.15)}.chat-question-option:active:not(:disabled){transform:translateY(0)}.chat-question-option:disabled{opacity:.35;cursor:default;background:var(--surface-2);border-color:var(--border-default);color:var(--text-tertiary)}[data-theme=dark] .chat-question-option{background:rgba(108,95,242,.08);border-color:rgba(108,95,242,.2)}[data-theme=dark] .chat-question-option:hover:not(:disabled){background:rgba(108,95,242,.18);border-color:rgba(108,95,242,.35)}[data-theme=dark] .chat-question-option.selected{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-neutral-0)}.preparing-strip{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;background:var(--surface-1);border-bottom:1px solid var(--border-default);font-size:.85rem;flex-shrink:0}.preparing-strip .icon-spin{color:var(--color-primary-500);flex-shrink:0}.preparing-strip-title{font-weight:600;color:var(--text-primary)}.preparing-strip-failed,.preparing-strip-hint{color:var(--text-secondary)}.preparing-strip-failed{margin-right:auto}.assumption-chips{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-1);flex-shrink:0}.assumption-chips-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.5rem}.assumption-chips-list{display:flex;flex-direction:column;gap:.4rem}.assumption-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:8px;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.assumption-chip-text{flex:1;min-width:0}.assumption-chip-action{flex-shrink:0;font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--color-primary-500);background:none;border:none;cursor:pointer;padding:.1rem .3rem}.assumption-chip-action:hover{text-decoration:underline}.assumption-chip-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:.15rem;border-radius:4px;transition:color var(--duration-fast) var(--ease-out)}.assumption-chip-dismiss:hover{color:var(--text-primary)}.assumption-chip-stash{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:.15rem;border-radius:4px;transition:color var(--duration-fast) var(--ease-out)}.assumption-chip-stash:hover{color:var(--text-primary)}.assumption-chip--dismissed{opacity:.55}.assumption-stash{margin-top:.45rem}.assumption-stash-toggle{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-sans);font-size:.72rem;font-weight:600;color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:.2rem .1rem}.assumption-stash-toggle:hover{color:var(--text-secondary)}.assumption-stash-list{margin-top:.4rem}.under-hood{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border-default);background:var(--surface-1);overflow:hidden;animation:slideUpPanel .2s ease-out}.under-hood-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.under-hood-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.under-hood-close{display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:.2rem;border-radius:4px}.under-hood-close:hover{color:var(--text-primary)}.under-hood-body{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.under-hood-section{background:var(--surface-raised)}.under-hood-section .ui-panel__body,.under-hood-section .ui-panel__header{padding:.75rem}.under-hood-empty{font-size:.8rem;color:var(--text-tertiary);margin:0}.under-hood-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.under-hood-feed-line{font-size:.8rem;line-height:1.4;color:var(--text-secondary);padding-left:.6rem;border-left:2px solid var(--border-subtle)}.under-hood-feed-line--success{border-left-color:var(--color-success-500,#16a34a);color:var(--text-primary)}.under-hood-feed-line--warn{border-left-color:var(--color-warning-500,#d97706)}.under-hood-parts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.under-hood-part{font-size:.82rem;color:var(--text-secondary)}.under-hood-footer{flex-shrink:0;border-top:1px solid var(--border-subtle);padding:.75rem}.under-hood-engineer{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .7rem;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;text-align:left;color:var(--text-secondary)}.under-hood-engineer.active{border-color:var(--color-primary-500);color:var(--text-primary)}.under-hood-engineer-text{display:flex;flex-direction:column;flex:1;min-width:0;gap:.1rem}.under-hood-engineer-label{font-size:.82rem;font-weight:600;color:var(--text-primary);line-height:1.2}.under-hood-engineer-hint{font-size:.72rem;color:var(--text-tertiary);line-height:1.1}.under-hood-engineer-switch{flex-shrink:0;width:32px;height:18px;border-radius:9px;background:var(--border-default);position:relative;transition:background var(--duration-fast) var(--ease-out)}.under-hood-engineer-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--surface-0);transition:transform var(--duration-fast) var(--ease-out)}.under-hood-engineer-switch.on{background:var(--color-primary-500)}.under-hood-engineer-switch.on:after{transform:translateX(14px)}.domains-add-row{display:flex;gap:.5rem;margin-bottom:1rem}.domains-input{flex:1;font-size:.85rem;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-default);color:var(--text-primary)}.domains-btn,.domains-input{background:var(--surface-1);font-family:var(--font-sans)}.domains-btn{font-size:.75rem;font-weight:600;padding:.4rem .75rem;border-radius:7px;border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.domains-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-strong)}.domains-btn:disabled{opacity:.5;cursor:default}.domains-btn-primary{background:#6c5ff2}.domains-btn-primary,.domains-btn-primary:hover:not(:disabled){border-color:#6c5ff2;color:#fff}.domains-btn-danger{color:#ef4444;border-color:rgba(239,68,68,.35)}.domains-row{display:flex;align-items:center;gap:.5rem;padding:.6rem .25rem;border-bottom:1px solid var(--border-subtle)}.domains-name{flex:1;font-size:.85rem;font-weight:600;color:var(--text-primary);font-family:monospace;overflow-wrap:anywhere}.domains-chip{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .5rem;border-radius:100px;white-space:nowrap}.domains-chip-active{background:rgba(16,185,129,.12);color:#10b981}.domains-chip-pending{background:rgba(245,158,11,.12);color:#f59e0b}.domains-notice{font-size:.78rem;color:#f59e0b;margin:.5rem 0;line-height:1.5}.domains-hint{font-size:.75rem;color:var(--text-tertiary);margin:.5rem 0 0;line-height:1.5}.domains-upsell{text-align:center;padding:1rem .5rem}.domains-upsell h3{font-size:.95rem;color:var(--text-primary);margin:0 0 .5rem}.domains-upsell p{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin:0}.domains-instructions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.domains-instructions h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 .5rem}.domains-record{display:flex;gap:.5rem;font-size:.78rem;color:var(--text-secondary);padding:.35rem 0;line-height:1.5}.domains-record,.shared-project-card{align-items:center;justify-content:space-between}.shared-project-card{padding:1rem 1.25rem;text-decoration:none;color:inherit}.shared-project-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);border:1px solid var(--border-default);border-radius:100px;padding:.1rem .5rem}.share-modal-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-default)}.share-section-title{font-size:.85rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.share-section-sub{font-size:.78rem;color:var(--text-tertiary);margin:0 0 .75rem}.share-token-reveal{background:var(--surface-0);border:1px solid var(--border-default);border-radius:8px;padding:.75rem;margin:.75rem 0}.share-token-label{display:block;font-size:.72rem;font-weight:700;color:var(--text-secondary);margin-bottom:.4rem}.share-token-url{font-family:var(--font-mono,monospace);font-size:.75rem;word-break:break-all;color:var(--text-primary);display:block;margin-bottom:.5rem;user-select:all}.share-warning{font-size:.75rem;color:#f59e0b;margin:.5rem 0 0}.share-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem 0;font-size:.8rem;color:var(--text-secondary);border-bottom:1px solid var(--border-default)}.share-row:last-child{border-bottom:none}.share-row-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-row-hash{font-family:var(--font-mono,monospace);font-size:.72rem;color:var(--text-tertiary)}.share-row-revoked .share-row-main{text-decoration:line-through;opacity:.5}.share-row-action{background:none;border:none;color:#ef4444;font-size:.75rem;font-weight:600;cursor:pointer;padding:.2rem .4rem}.share-add-row{display:flex;gap:.5rem;margin-top:.5rem;align-items:flex-start}.share-add-row .modal-input{flex:1;margin:0}.share-empty{font-size:.78rem;color:var(--text-tertiary);padding:.4rem 0;margin:.25rem 0 0}.share-error{font-size:.78rem;color:#ef4444;margin:.75rem 0 0}.connect-modal{max-width:560px}.connect-close{margin-left:auto;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:6px}.connect-close:hover{color:var(--text-primary);background:var(--surface-2)}.connect-services{display:flex;flex-direction:column;gap:.75rem;max-height:60vh;overflow-y:auto}.connect-service{border:1px solid var(--border-default);border-radius:10px;padding:.75rem .9rem}.connect-service-row{display:flex;align-items:center;gap:.6rem}.connect-service-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.connect-service-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.connect-service-blurb{font-size:.72rem;color:var(--text-tertiary)}.connect-badge{font-size:.68rem;padding:.15rem .5rem;border-radius:100px;background:var(--surface-2);color:var(--text-tertiary);white-space:nowrap}.connect-badge.on{background:rgba(34,197,94,.12);color:#22c55e}.connect-btn-secondary{font-size:.72rem;padding:.3rem .65rem;border-radius:8px;border:1px solid var(--border-default);background:transparent;color:var(--text-primary);cursor:pointer;white-space:nowrap}.connect-btn-secondary:hover{border-color:var(--color-primary-500)}.connect-btn-primary{font-size:.75rem;font-weight:600;padding:.4rem .9rem;border-radius:8px;border:none;background:var(--color-primary-500);color:#fff;cursor:pointer}.connect-btn-primary:disabled,.connect-btn-secondary:disabled{opacity:.5;cursor:default}.connect-masked{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.connect-masked-item{font-size:.7rem;font-family:var(--font-mono,monospace);color:var(--text-tertiary);background:var(--surface-2);padding:.15rem .45rem;border-radius:6px}.connect-form{margin-top:.75rem;display:flex;flex-direction:column;gap:.6rem}.connect-form .modal-hint{margin:0}.connect-form .modal-hint a{color:var(--color-primary-500)}.connect-field{display:flex;flex-direction:column;gap:.25rem}.connect-field-label{font-size:.72rem;font-weight:600;color:var(--text-primary)}.connect-paste{font-family:var(--font-mono,monospace);font-size:.75rem;resize:vertical}.connect-status{font-size:.75rem;margin:.25rem 0 0}.connect-status.ok{color:#22c55e}.connect-status.error{color:#ef4444}.connect-setup{margin-top:.75rem;padding:.75rem;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-2)}.connect-setup-title{font-size:.78rem;font-weight:600;margin:0 0 .5rem}.connect-setup-step{font-size:.75rem;color:var(--text-secondary);margin:.25rem 0;line-height:1.5}.connect-setup-row{display:flex;gap:.5rem;align-items:center;margin:.4rem 0}.connect-setup-file{font-family:monospace}.connect-setup-copy,.connect-setup-file{font-size:.72rem;color:var(--text-primary)}.connect-setup-copy{padding:.25rem .6rem;border-radius:6px;border:1px solid var(--border-default);background:var(--surface-raised);cursor:pointer}.connect-setup-copy:hover{border-color:var(--text-secondary)}.connect-setup-link{display:inline-block;font-size:.75rem;margin-top:.4rem}.connect-setup-empty{font-size:.75rem;color:var(--text-tertiary);font-style:italic;margin-top:.75rem}.connect-recipes{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-default)}.connect-recipes-title{font-size:.82rem;font-weight:600;margin:0 0 .15rem}.connect-recipes-subtitle{font-size:.72rem;color:var(--text-tertiary);margin:0 0 .6rem}.connect-recipe{display:flex;gap:.6rem;align-items:flex-start;padding:.4rem 0;cursor:pointer}.connect-recipe input{margin-top:.2rem}.connect-recipe-disabled{opacity:.55;cursor:not-allowed}.connect-recipe-text{display:flex;flex-direction:column;gap:.1rem}.connect-recipe-label{font-size:.78rem;font-weight:500}.connect-recipe-hint{font-size:.72rem;color:var(--text-tertiary)}.connect-recipe-error{font-size:.72rem;color:#ef4444;margin:.4rem 0 0}.tryit-guide-toggle{position:absolute;top:.75rem;left:.75rem;z-index:5;display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.78rem;font-weight:600;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:100px;box-shadow:0 4px 14px rgba(0,0,0,.14);cursor:pointer;transition:border-color .15s,background .15s}.tryit-guide-toggle:hover{border-color:var(--color-primary-500);background:var(--surface-1)}.tryit-guide-overlay{position:absolute;top:.75rem;left:.75rem;z-index:6;width:360px;max-width:calc(100% - 1.5rem);max-height:calc(100% - 1.5rem);display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.22);overflow:hidden;animation:slideUpPanel .18s ease-out}.tryit-guide-overlay .ui-panel{border:none;background:transparent;min-height:0}.tryit-guide-close{display:inline-flex;align-items:center;justify-content:center;padding:.2rem;color:var(--text-tertiary);background:transparent;border:none;border-radius:6px;cursor:pointer}.tryit-guide-close:hover{color:var(--text-primary);background:var(--surface-2)}.tryit-guide-nudge{margin:0 0 .75rem;padding:.7rem .8rem;border:1px solid var(--color-primary-500);border-radius:10px;background:rgba(108,95,242,.08)}.tryit-guide-nudge-title{font-size:.82rem;font-weight:700;color:var(--text-primary);margin:0 0 .2rem}.tryit-guide-nudge-desc{font-size:.75rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.35}.tryit-guide-nudge-dismiss{font-size:.72rem;font-weight:600;color:var(--color-primary-500);background:transparent;border:none;padding:0;cursor:pointer}.journey-header{display:flex;align-items:center;gap:0;padding:.625rem 1rem;background:var(--surface-1);border-bottom:1px solid var(--border-default);overflow-x:auto;scrollbar-width:none}.journey-header::-webkit-scrollbar{display:none}.journey-stage-wrapper{display:flex;align-items:center;flex-shrink:0}.journey-connector{width:24px;height:2px;background:var(--border-default);transition:background var(--duration-slow) var(--ease-out)}.journey-connector--done{background:var(--color-primary-500)}.journey-connector--future{background:var(--border-default)}.journey-stage{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:999px;border:1.5px solid transparent;background:transparent;color:var(--text-tertiary);font-size:.75rem;font-weight:500;white-space:nowrap;transition:all var(--duration-base) var(--ease-out)}.journey-stage--current{background:var(--color-primary-50);border-color:var(--color-primary-200);font-weight:600}.journey-stage--current .journey-stage-label{background:linear-gradient(90deg,var(--color-primary-600),var(--color-primary-400));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-primary-700)}[data-theme=dark] .journey-stage--current{background:hsl(250,40%,18%);border-color:hsl(250,40%,30%)}[data-theme=dark] .journey-stage--current .journey-stage-label{background:none;-webkit-text-fill-color:var(--color-primary-300);color:var(--color-primary-300)}.journey-stage--done{color:var(--color-primary-500)}.journey-stage--future{opacity:.5}.journey-stage-icon{display:flex;align-items:center;line-height:1}.journey-stage-label{line-height:1}.journey-refine-loop{display:flex;align-items:center;margin:0 .375rem;color:var(--color-primary-500)}.phase-progress{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;height:100%;overflow-y:auto}.phase-progress-header{display:flex;align-items:center;justify-content:space-between}.phase-progress-title{display:flex;align-items:center;gap:.5rem}.phase-progress-title h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.phase-progress-icon{font-size:1.25rem;display:inline-flex;align-items:center;line-height:1}.phase-progress-actions{display:flex;align-items:center;gap:.5rem}.phase-progress-techy-btn{padding:.25rem .75rem;border-radius:999px;border:1px solid var(--border-default);background:var(--surface-2);color:var(--text-secondary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.phase-progress-techy-btn:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}.phase-progress-techy-btn.active{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-600)}[data-theme=dark] .phase-progress-techy-btn.active{background:hsl(250,40%,18%);color:var(--color-primary-300)}.phase-progress-cancel-btn{padding:.25rem .75rem;border-radius:999px;border:1px solid hsl(0,60%,70%);background:transparent;color:hsl(0,60%,55%);font-size:.7rem;font-weight:500;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.phase-progress-cancel-btn:hover{background:hsl(0,60%,95%)}.phase-progress-bar-label{position:absolute;right:0;top:12px;font-size:.65rem;color:var(--text-tertiary);font-weight:500}.phase-progress-feedback{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;background:var(--color-primary-50);color:var(--color-primary-700);font-size:.8rem;font-style:italic;animation:fadeInSlide .3s ease}[data-theme=dark] .phase-progress-feedback{background:hsl(250,40%,15%);color:var(--color-primary-300)}.phase-progress-feedback-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary-500);animation:pulse 1.5s infinite}.phase-progress-steps{display:flex;flex-direction:column;gap:0;padding:.25rem 0}.phase-progress-step{display:flex;gap:.75rem;padding:.75rem 0;transition:opacity var(--duration-base) var(--ease-out)}.phase-progress-step.pending{opacity:.5}.phase-progress-step.current{opacity:1}.phase-progress-step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:28px}.phase-progress-step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border:2px solid var(--border-default);background:var(--surface-0);color:var(--text-tertiary);transition:all var(--duration-slow) var(--ease-out);flex-shrink:0}.phase-progress-step-circle.running{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-600);box-shadow:0 0 0 4px hsl(250 60% 60%/.15);animation:pulseRing 2s infinite}[data-theme=dark] .phase-progress-step-circle.running{background:hsl(250,40%,20%);box-shadow:0 0 0 4px hsl(250 60% 60%/.1)}.phase-progress-step-circle.completed{border-color:hsl(145,60%,45%);background:hsl(145,60%,45%);color:white}.phase-progress-step-circle.failed{border-color:hsl(0,60%,55%);background:hsl(0,90%,95%);color:hsl(0,60%,55%)}.phase-progress-step-number{font-size:.7rem;font-weight:600}.phase-progress-step-line{width:2px;flex:1;min-height:12px;background:var(--border-default);transition:background var(--duration-slow) var(--ease-out)}.phase-progress-step-line.completed{background:hsl(145,60%,45%)}.phase-progress-step-content{flex:1;padding-top:.25rem}.phase-progress-step-title{font-size:.85rem;color:var(--text-primary);font-weight:500;line-height:1.4}.phase-progress-step.current .phase-progress-step-title{font-weight:600}.phase-progress-step-files{margin-top:.25rem;transition:all var(--duration-base) var(--ease-out)}.phase-progress-step-files-count{font-size:.7rem;color:hsl(145,50%,40%);font-weight:500}.phase-progress-step-files-list{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem;animation:fadeInSlide .2s ease}.phase-progress-step-file{font-size:.65rem;padding:.125rem .375rem;border-radius:4px;background:var(--surface-2);color:var(--text-secondary);font-family:var(--font-mono)}.phase-progress-step-error{margin-top:.25rem;font-size:.75rem;color:hsl(0,60%,55%);background:hsl(0,80%,97%);padding:.375rem .5rem;border-radius:6px;border:1px solid hsl(0,60%,90%)}.phase-progress-spinner{width:14px;height:14px;border:2px solid var(--color-primary-200);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin .8s linear infinite}.phase-progress-retry{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;background:hsl(0,80%,97%);border:1px solid hsl(0,60%,90%)}.phase-progress-retry-hint{font-size:.75rem;color:var(--text-secondary)}.phase-progress-done{padding:.75rem;border-radius:10px;background:hsl(145,60%,96%);border:1px solid hsl(145,50%,85%);text-align:center}.phase-progress-done-text{font-size:.85rem;color:hsl(145,40%,30%);font-weight:500}.test-checklist{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;height:100%;overflow-y:auto}.test-checklist-header{display:flex;align-items:center;justify-content:space-between}.test-checklist-title{display:flex;align-items:center;gap:.5rem}.test-checklist-title h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.test-checklist-icon{font-size:1.25rem}.test-checklist-progress{display:flex;align-items:center;gap:.5rem}.test-checklist-progress-label{font-size:.7rem;color:var(--text-tertiary);font-weight:500}.test-checklist-intro{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.test-checklist-items{display:flex;flex-direction:column;gap:.25rem}.test-checklist-section-header{font-size:.75rem;font-weight:600;color:var(--text-secondary);padding:.625rem 0 .25rem;letter-spacing:.01em}.test-checklist-section-header:first-child{padding-top:0}.test-checklist-item{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem .75rem;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-0);transition:all var(--duration-base) var(--ease-out);flex-wrap:wrap}.test-checklist-item:hover{border-color:var(--border-default);background:var(--surface-1)}.test-checklist-item.checked{opacity:.7}.test-checklist-item.has-issue{border-color:hsl(0,60%,80%);background:hsl(0,80%,98%)}[data-theme=dark] .test-checklist-item.has-issue{background:hsl(0,30%,14%);border-color:hsl(0,40%,30%)}.test-checklist-checkbox{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;margin-top:1px;color:hsl(145,60%,40%)}.test-checklist-checkbox-empty{width:18px;height:18px;border-radius:4px;border:2px solid var(--border-default);transition:border-color var(--duration-base) var(--ease-out)}.test-checklist-checkbox:hover .test-checklist-checkbox-empty{border-color:var(--color-primary-400)}.test-checklist-item-text{flex:1;font-size:.8rem;color:var(--text-primary);line-height:1.5}.test-checklist-item-text.checked{text-decoration:line-through;color:var(--text-tertiary)}.test-checklist-item-actions{flex-shrink:0}.test-checklist-flag-btn{padding:.125rem .375rem;border:none;background:transparent;cursor:pointer;font-size:.75rem;opacity:.3;transition:opacity var(--duration-base) var(--ease-out)}.test-checklist-item:hover .test-checklist-flag-btn{opacity:1}.test-checklist-issue-badge{font-size:.65rem;padding:.125rem .375rem;border-radius:4px;background:hsl(0,80%,95%);color:hsl(0,60%,50%);font-weight:500}.test-checklist-issue-input{width:100%;margin-top:.375rem;padding-left:calc(22px + .625rem)}.test-checklist-issue-textarea{width:100%;padding:.5rem;border-radius:8px;border:1px solid var(--border-default);background:var(--surface-0);color:var(--text-primary);font-family:var(--font-sans);font-size:.8rem;resize:none}.test-checklist-issue-textarea:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px hsl(250 60% 60%/.1)}.test-checklist-issue-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.375rem}.test-checklist-issue-cancel,.test-checklist-issue-submit{padding:.25rem .75rem;border-radius:6px;border:none;font-size:.75rem;font-weight:500;cursor:pointer}.test-checklist-issue-cancel{background:var(--surface-2);color:var(--text-secondary)}.test-checklist-issue-submit{background:hsl(0,60%,55%);color:white}.test-checklist-issue-submit:disabled{opacity:.5;cursor:not-allowed}.test-checklist-empty{padding:2rem;text-align:center}.test-checklist-empty p{font-size:.85rem;color:var(--text-tertiary)}.test-checklist-footer{display:flex;justify-content:center;padding-top:.5rem}.sidebar-github-row{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-bottom:1px solid var(--border-subtle)}.sidebar-github-btn{display:flex;align-items:center;gap:.375rem;flex:1;padding:.3rem .5rem;border-radius:6px;border:1px solid var(--border-default);background:var(--surface-0);color:var(--text-secondary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-github-btn:hover{border-color:var(--color-primary-400);color:var(--text-primary)}.sidebar-github-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-github-icon{font-size:.8rem;flex-shrink:0}.sidebar-github-badge{margin-left:auto;flex-shrink:0;padding:.05rem .3rem;border-radius:999px;background:var(--color-primary-100,#e0e7ff);color:var(--color-primary-600,#4f46e5);font-size:.62rem;font-weight:600}.sidebar-github-link{padding:.3rem .5rem;border-radius:6px;border:1px solid var(--border-default);background:var(--surface-0);color:var(--text-secondary);font-size:.7rem;text-decoration:none;transition:all var(--duration-base) var(--ease-out)}.sidebar-github-link:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}.deploy-action-bar{border-top:1px solid var(--border-default);padding:.75rem 1rem;background:var(--surface-1);flex-shrink:0}.deploy-action-bar-inner{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.deploy-action-btn{padding:.4rem .875rem;border-radius:8px;border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap;text-decoration:none}.deploy-action-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.deploy-action-btn:disabled{opacity:.35;cursor:not-allowed}.deploy-action-link{background:var(--surface-0);color:var(--color-primary-600);border:1px solid var(--border-default);font-weight:500}.deploy-action-link:hover{border-color:var(--color-primary-400)}.deploy-action-gate-msg{font-size:.7rem;color:var(--text-tertiary);font-style:italic;margin-left:auto}.audit-pass-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;font-size:.6rem;font-weight:700;padding:0 4px;border-radius:100px;background:hsl(145,60%,45%);color:white;margin-left:4px}.deploy-security-badge{font-size:.72rem;color:#22c55e;white-space:nowrap;align-self:center}.blocker-panel{border-top:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.05);padding:.75rem 1rem;flex-shrink:0}.blocker-panel-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.blocker-severity-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:100px;background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3);flex-shrink:0}.blocker-panel-title{font-size:.78rem;font-weight:500;color:#ef4444}.blocker-findings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;max-height:240px;overflow-y:auto}.blocker-finding-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.5rem .625rem;border:1px solid rgba(239,68,68,.2);border-radius:6px;background:var(--surface-0)}.blocker-finding-body{flex:1;min-width:0}.blocker-finding-title{font-size:.82rem;font-weight:600;color:var(--text-primary);margin:0 0 .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocker-finding-detail{font-size:.77rem;color:var(--text-secondary);margin:0 0 .15rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blocker-finding-file{font-size:.7rem;font-family:var(--font-mono);color:var(--text-tertiary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocker-finding-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.blocker-finding-error{font-size:.68rem;color:#ef4444;text-align:right;max-width:140px;word-break:break-word}.blocker-resolve-btn{padding:.3rem .75rem;font-size:.75rem;font-weight:600;border:1px solid rgba(239,68,68,.4);border-radius:6px;background:transparent;color:#ef4444;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast,.12s) ease;font-family:var(--font-sans)}.blocker-resolve-btn:hover:not(:disabled){background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.6)}.blocker-resolve-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes stageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stage-enter{animation:stageEnter var(--duration-slow) var(--ease-out) both}@media (prefers-reduced-motion:reduce){.stage-enter{animation:none}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulseRing{0%{box-shadow:0 0 0 0 hsl(250 60% 60%/.3)}70%{box-shadow:0 0 0 8px hsl(250 60% 60%/0)}to{box-shadow:0 0 0 0 hsl(250 60% 60%/0)}}@keyframes spin{to{transform:rotate(1turn)}}