:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#000;--bg-panel:#09090b;--surface-card:#111113;--surface-card-hover:#17171a;--surface-raised:#1c1c20;--surface-inset:#050506;--surface-ghost-hover:#ffffff0d;--text-primary:#f4f4f6;--text-secondary:#a1a1aa;--text-muted:#62626e;--text-dim:#3f3f46;--border-subtle:#18181b;--border-default:#242428;--border-strong:#38383e;--border-focus:#71717a;--accent-white:#fff;--accent-light:#e4e4e7;--accent-dim:#27272a;--accent-tag:#1c1c20;--status-active:#fff;--status-danger:#ef4444;--status-danger-bg:#ef444414;--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--radius-lg:10px;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-canvas);height:100%;min-height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Plus Jakarta Sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea,select{color:inherit;font-family:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.35}input,textarea,select{outline:none}::selection{color:#000;background:#fff}*{scrollbar-width:thin;scrollbar-color:#27272a transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-xs);background:#27272a}::-webkit-scrollbar-thumb:hover{background:#3f3f46}.app-shell{background:var(--bg-canvas);grid-template-columns:290px minmax(440px,1.15fr) minmax(400px,1fr);height:100dvh;display:grid;overflow:hidden}.mobile-header{display:none}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border-subtle);flex-direction:column;height:100dvh;display:flex;overflow-y:auto}.sidebar-top{z-index:10;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-icon{border-radius:var(--radius-sm);color:#000;letter-spacing:-.05em;background:#fff;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.brand-meta strong{letter-spacing:-.02em;color:#fff;font-size:13px;font-weight:700}.brand-meta span{color:var(--text-muted);font-size:10px;display:block}.icon-btn{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);width:30px;height:30px;color:var(--text-secondary);place-items:center;transition:all .12s;display:grid}.icon-btn:hover{background:var(--surface-card-hover);border-color:var(--border-strong);color:#fff}.sidebar-section{border-bottom:1px solid var(--border-subtle);padding:16px}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.tag-counter{border-radius:var(--radius-xs);background:var(--surface-raised);color:var(--text-secondary);font-family:var(--font-mono);padding:1px 5px;font-size:10px}.btn-secondary-xs{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-primary);align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.btn-secondary-xs:hover{background:var(--surface-card-hover);border-color:var(--border-strong)}.search-input-wrap{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-inset);height:30px;color:var(--text-muted);align-items:center;margin-bottom:10px;padding:0 8px;display:flex;position:relative}.search-input-wrap:focus-within{border-color:var(--border-focus);color:#fff}.search-input-wrap input{color:var(--text-primary);background:0 0;border:0;flex:1;padding:0 6px;font-size:11px}.search-input-wrap input::placeholder{color:var(--text-muted)}.clear-btn{color:var(--text-muted);background:0 0;border:0;font-size:10px}.app-list{flex-direction:column;gap:4px;display:flex}.empty-tip{text-align:center;color:var(--text-muted);padding:12px;font-size:11px}.app-item{border-radius:var(--radius-md);text-align:left;background:0 0;border:1px solid #0000;flex-direction:column;gap:3px;padding:9px 11px;transition:all .12s;display:flex;position:relative}.app-item:hover{background:var(--surface-card);border-color:var(--border-subtle)}.app-item.active{background:var(--surface-card);border-color:var(--border-default);box-shadow:inset 0 1px #ffffff0a}.app-item.active:before{content:"";background:#fff;border-radius:0 2px 2px 0;width:2px;position:absolute;top:6px;bottom:6px;left:0}.app-item-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.app-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.app-item.active .app-item-title{color:#fff;font-weight:700}.app-item-badge{font-family:var(--font-mono);border-radius:var(--radius-xs);background:var(--surface-raised);color:var(--text-muted);padding:1px 4px;font-size:9px}.app-item-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.context-grid-actions{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.btn-panel-action{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-card);height:30px;color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.btn-panel-action:hover{background:var(--surface-card-hover);border-color:var(--border-strong);color:#fff}.context-list-wrap{flex-direction:column;gap:4px;display:flex}.context-row{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-inset);align-items:center;gap:8px;padding:7px 9px;transition:all .12s;display:flex}.context-row:hover,.context-row.active-ctx{border-color:var(--border-default);background:var(--surface-card)}.custom-checkbox{cursor:pointer;align-items:center;display:flex;position:relative}.custom-checkbox input{appearance:none;border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--surface-inset);cursor:pointer;place-content:center;width:14px;height:14px;transition:all .1s;display:grid}.custom-checkbox input:checked{background:#fff;border-color:#fff}.custom-checkbox input:checked:after{content:"";border-bottom:1.5px solid #000;border-left:1.5px solid #000;width:6px;height:3px;transform:rotate(-45deg)translate(.5px,-.5px)}.context-info{cursor:pointer;flex:1;min-width:0}.context-name-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.context-bytes-label{color:var(--text-muted);font-size:9px;font-family:var(--font-mono)}.context-row-btns{align-items:center;gap:2px;display:flex}.micro-btn{border-radius:var(--radius-xs);width:22px;height:22px;color:var(--text-muted);background:0 0;border:0;place-items:center;transition:all .1s;display:grid}.micro-btn:hover{background:var(--surface-ghost-hover);color:#fff}.micro-btn.danger:hover{background:var(--status-danger-bg);color:var(--status-danger)}.sidebar-profile{border-top:1px solid var(--border-subtle);background:var(--bg-panel);margin-top:auto;padding:10px 14px}.profile-card-btn{border-radius:var(--radius-sm);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;padding:6px 8px;transition:all .12s;display:flex}.profile-card-btn:hover{background:var(--surface-card);border-color:var(--border-subtle)}.profile-avatar-square{border-radius:var(--radius-xs);background:var(--surface-raised);border:1px solid var(--border-default);color:#fff;flex:none;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid;overflow:hidden}.profile-avatar-square img{object-fit:cover;width:100%;height:100%}.profile-meta-wrap{flex:1;min-width:0}.profile-meta-wrap strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.profile-meta-wrap span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.sidebar-status-bar{border-top:1px solid var(--border-subtle);background:var(--bg-canvas);color:var(--text-muted);font-size:10px;font-family:var(--font-mono);align-items:center;gap:6px;padding:8px 16px;display:flex}.status-indicator-dot{background:#fff;border-radius:50%;width:5px;height:5px}.status-indicator-dot.busy{animation:1s ease-in-out infinite pulse-quick}.agent-pane{background:var(--bg-canvas);border-right:1px solid var(--border-subtle);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.job-hero{background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);padding:16px 20px 14px}.job-hero-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.job-title-input{color:#fff;letter-spacing:-.03em;background:0 0;border:0;width:100%;padding-bottom:2px;font-size:17px;font-weight:700}.job-title-input:focus{border-bottom:1px solid #fff}.job-details-row{align-items:center;gap:8px;margin-top:8px;display:flex}.tech-input-box{border-radius:var(--radius-sm);background:var(--surface-inset);border:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:6px;padding:4px 8px;display:flex}.tech-input-box:focus-within{border-color:var(--border-focus)}.tech-input-box input,.tech-input-box select{color:var(--text-primary);background:0 0;border:0;width:150px;min-width:0;font-size:11px}.tech-input-box select{cursor:pointer}.tech-input-box select option{background:var(--surface-panel);color:var(--text-primary)}.tech-input-box input::placeholder{color:var(--text-muted)}.hero-actions-right{align-items:center;gap:6px;display:flex}.session-chip{border-radius:var(--radius-sm);background:var(--surface-inset);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:10px;font-family:var(--font-mono);white-space:nowrap;padding:3px 7px}.job-desc-collapsible{border-top:1px solid var(--border-subtle);margin-top:10px}.job-desc-toggle{cursor:pointer;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 0 0;font-size:11px;font-weight:600;list-style:none;display:flex}.job-desc-toggle::-webkit-details-marker{display:none}.toggle-chevron{color:var(--text-muted);font-size:12px;transition:transform .12s}.job-desc-collapsible[open] .toggle-chevron{transform:rotate(180deg)}.job-desc-collapsible textarea{border-radius:var(--radius-sm);background:var(--surface-inset);border:1px solid var(--border-subtle);width:100%;min-height:80px;max-height:180px;color:var(--text-secondary);resize:vertical;margin-top:8px;padding:8px 10px;font-size:11px;line-height:1.5}.job-desc-collapsible textarea:focus{border-color:var(--border-focus)}.quick-prompt-bar{border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas);align-items:center;gap:6px;padding:10px 20px;display:flex;overflow-x:auto}.quick-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.quick-action-btn:hover:not(:disabled){background:var(--surface-raised);border-color:var(--border-strong);color:#fff}.chat-feed{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.clean-welcome-screen{text-align:center;max-width:480px;margin:auto;padding:30px 0}.welcome-symbol{border-radius:var(--radius-sm);color:#000;background:#fff;place-items:center;width:36px;height:36px;margin:0 auto 14px;font-size:16px;font-weight:800;display:grid}.clean-welcome-screen h2{letter-spacing:-.03em;color:#fff;margin-bottom:6px;font-size:20px;font-weight:700}.clean-welcome-screen p{color:var(--text-muted);font-size:12px;line-height:1.6}.welcome-cards-grid{text-align:left;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.welcome-prompt-card{border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-default);cursor:pointer;padding:12px;transition:all .12s}.welcome-prompt-card:hover{background:var(--surface-raised);border-color:var(--border-strong)}.welcome-prompt-card strong{color:#fff;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.welcome-prompt-card p{color:var(--text-muted);font-size:10px;line-height:1.4}.chat-row{width:100%;display:flex}.chat-row.user{justify-content:flex-end}.chat-row.assistant{justify-content:flex-start}.chat-box{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-card);max-width:86%;padding:12px 16px}.chat-row.user .chat-box{background:#141416;border-color:#2e2e33}.chat-header{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sender-title{color:var(--text-secondary);font-weight:700}.chat-content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.65}.thinking-state{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.typing-line{background:#fff;width:6px;height:12px;animation:.8s infinite blink-cursor;display:inline-block}.bottom-dock{background:var(--bg-panel);border-top:1px solid var(--border-subtle);padding:12px 20px 16px}.dock-meta-bar{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.composer-box{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-inset);align-items:flex-end;gap:8px;padding:8px 10px;transition:border-color .12s;display:flex}.composer-box:focus-within{border-color:var(--border-focus)}.composer-box textarea{color:#fff;resize:none;background:0 0;border:0;flex:1;min-height:24px;max-height:130px;font-size:12px;line-height:1.5}.composer-box textarea::placeholder{color:var(--text-muted)}.btn-send-solid{border-radius:var(--radius-sm);color:#000;background:#fff;border:0;flex:none;place-items:center;width:30px;height:30px;font-weight:700;transition:all .12s;display:grid}.btn-send-solid:hover:not(:disabled){background:#e4e4e7;transform:translateY(-1px)}.composer-hints{color:var(--text-muted);margin-top:6px;font-size:9px}.preview-pane{background:var(--bg-panel);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.preview-topbar{background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.version-select-box{align-items:center;gap:6px;display:flex}.version-dropdown-clean{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--text-primary);padding:4px 8px;font-size:11px;font-weight:600}.preview-actions-group{align-items:center;gap:6px;display:flex}.segmented-control{border-radius:var(--radius-sm);background:var(--surface-inset);border:1px solid var(--border-subtle);padding:2px;display:flex}.segmented-control button{border-radius:var(--radius-xs);color:var(--text-muted);background:0 0;border:0;padding:3px 8px;font-size:10px;font-weight:600;transition:all .1s}.segmented-control button.active{background:var(--surface-card);color:#fff}.btn-primary-action{border-radius:var(--radius-sm);color:#000;background:#fff;border:1px solid #fff;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:all .12s;display:inline-flex}.btn-primary-action:hover{background:#e4e4e7;border-color:#e4e4e7}.doc-canvas-stage{background:var(--bg-canvas);flex:1;place-items:center;min-height:0;padding:16px;display:grid}.pdf-embed-wrapper{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#fff;width:100%;height:100%;overflow:hidden}.pdf-embed-wrapper iframe{border:0;width:100%;height:100%}.code-viewer-wrapper{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-inset);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.code-viewer-header{border-bottom:1px solid var(--border-subtle);font-size:10px;font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.code-viewer-wrapper pre{font-family:var(--font-mono);color:#d4d4d8;flex:1;padding:14px;font-size:11px;line-height:1.6;overflow:auto}.doc-empty-box{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:280px;display:flex}.paper-sheet-graphic{border:1px solid var(--border-default);border-radius:var(--radius-xs);background:var(--surface-card);flex-direction:column;gap:6px;width:80px;height:105px;margin-bottom:6px;padding:12px 10px;display:flex}.sheet-line{background:var(--border-default);border-radius:1px;height:2px}.sheet-line.top{background:#fff;width:40%}.sheet-line.half{width:60%}.doc-empty-box h3{color:#fff;font-size:13px;font-weight:700}.doc-empty-box p{color:var(--text-muted);font-size:11px;line-height:1.5}.version-dock-panel{border-top:1px solid var(--border-subtle);background:var(--bg-panel);flex-direction:column;max-height:160px;display:flex}.version-dock-header{border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:8px 16px;font-size:10px;font-weight:700;display:flex}.version-table-scroll{flex-direction:column;flex:1;gap:3px;padding:6px 12px;display:flex;overflow-y:auto}.version-row-item{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:5px 8px;transition:all .1s;display:flex}.version-row-item:hover{background:var(--surface-card);border-color:var(--border-subtle)}.version-row-item.active{background:var(--surface-card);border-color:var(--border-default)}.version-btn-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ver-tag{font-family:var(--font-mono);border-radius:var(--radius-xs);background:var(--surface-raised);color:#fff;padding:1px 4px;font-size:9px;font-weight:700}.ver-text-info{align-items:center;gap:6px;font-size:11px;display:flex}.ver-text-info strong{color:var(--text-primary);font-weight:600}.ver-text-info span{color:var(--text-muted);font-size:10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-window{border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-default);flex-direction:column;width:100%;max-width:540px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #000c}.modal-window.wide{max-width:720px}.modal-header-bar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-header-bar h3{color:#fff;font-size:14px;font-weight:700}.modal-header-input{color:#fff;border:0;border-bottom:1px dashed var(--border-default);background:0 0;font-size:14px;font-weight:700}.modal-scrollable-body{flex:1;padding:18px 20px;overflow-y:auto}.modal-intro-text{color:var(--text-muted);margin-bottom:16px;font-size:11px;line-height:1.5}.form-grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-unit{flex-direction:column;gap:4px;display:flex}.form-unit.full{grid-column:span 2}.form-unit label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px;font-weight:700}.form-unit input,.form-unit select,.form-unit textarea{border-radius:var(--radius-sm);background:var(--surface-inset);border:1px solid var(--border-default);color:#fff;width:100%;padding:7px 10px;font-size:11px}.form-unit input:focus,.form-unit select:focus,.form-unit textarea:focus{border-color:var(--border-focus)}.template-pick-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.template-item-card{border-radius:var(--radius-sm);background:var(--surface-inset);border:1px solid var(--border-subtle);cursor:pointer;flex-direction:column;gap:3px;padding:12px 10px;transition:all .12s;display:flex}.template-item-card:hover{border-color:var(--border-default);background:var(--surface-card)}.template-item-card.selected{background:var(--surface-card);border-color:#fff}.template-item-card strong{color:#fff;font-size:11px;font-weight:700}.template-item-card p{color:var(--text-muted);font-size:9px;line-height:1.4}.modal-footer-bar{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;display:flex}.btn-solid-white{border-radius:var(--radius-sm);color:#000;background:#fff;border:1px solid #fff;padding:6px 14px;font-size:11px;font-weight:700;transition:all .12s}.btn-solid-white:hover{background:#e4e4e7}.full-editor-textarea{border-radius:var(--radius-sm);border:1px solid var(--border-default);color:#e4e4e7;width:100%;min-height:300px;font-family:var(--font-mono);resize:vertical;background:#000;padding:12px;font-size:11px;line-height:1.6}@keyframes pulse-quick{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@media (max-width:960px){.app-shell{height:100dvh;display:block}.mobile-header{background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:52px;padding:8px 14px;display:flex}.mobile-tabs{gap:3px;display:flex}.mobile-tabs button{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-muted);background:0 0;padding:5px 8px;font-size:10px}.mobile-tabs button.active{background:var(--surface-card);color:#fff;border-color:var(--border-default)}.sidebar,.agent-pane,.preview-pane{height:calc(100dvh - 52px);display:none}.sidebar.mobile-active,.agent-pane.mobile-active,.preview-pane.mobile-active{display:flex}.welcome-cards-grid,.template-pick-grid{grid-template-columns:1fr}}