:root{--ink: #1a2027;--muted: #5b6472;--border: #e3e6ea;--card-bg: #ffffff;--page-bg: #f6f7f9;--accent: #1a6f63;--accent-hover: #155a51;--code-bg: #f1f2f4;--badge-bg: #eef0f2;--badge-connected-bg: #e2f3ee;--badge-connected-ink: #1a6f63}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}main{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:1.75rem;margin:0 0 .5rem}code{background:var(--code-bg);border-radius:4px;padding:.1em .4em;font-size:.9em}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 1px 2px #1018280a}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-header h2{margin:0 0 .75rem;font-size:1.15rem}.badge{flex:none;background:var(--badge-bg);color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .65rem;border-radius:999px;white-space:nowrap}.badge.connected{background:var(--badge-connected-bg);color:var(--badge-connected-ink)}.card p{color:var(--muted);line-height:1.5}.card ol{color:var(--ink);line-height:1.6;padding-left:1.25rem}.connect-form{display:flex;gap:.6rem;margin-top:1rem}.connect-form input{flex:1}input,textarea{border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;font-size:.95rem;font-family:inherit;color:var(--ink);background:#fff}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}button{border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;cursor:pointer;background:var(--accent);color:#fff}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{background:#b7bcc2;cursor:default}button.link-button{background:none;color:var(--muted);font-weight:500;padding:.2rem .4rem;text-decoration:underline}button.link-button:hover:not(:disabled){background:none;color:var(--ink)}main.project{max-width:1200px}main.main-wide{max-width:1100px}.muted{color:var(--muted)}.canvas-card textarea{width:100%;font-size:1rem;line-height:1.5}.example-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem}.chip{background:var(--badge-bg);color:var(--ink);font-size:.82rem;font-weight:500;padding:.4rem .8rem;border-radius:999px}.chip:hover:not(:disabled){background:var(--badge-connected-bg);color:var(--badge-connected-ink)}.building-header{display:flex;align-items:center;gap:.75rem}.building-header h1{margin:0}.spinner{width:20px;height:20px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.live-stream{white-space:pre-wrap;word-break:break-word;font-family:inherit;color:var(--muted);background:var(--code-bg);border-radius:8px;padding:1rem;min-height:4rem;max-height:40vh;overflow-y:auto;margin-top:1rem}.project-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.25rem;align-items:start}@media (max-width: 800px){.project-grid{grid-template-columns:1fr}}.preview-pane{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.browser-chrome{display:flex;align-items:center;gap:.4rem;padding:.6rem .75rem;background:#eceef1;border-bottom:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%;flex:none}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.fake-address{flex:1;margin-left:.5rem;background:#fff;border:1px solid var(--border);border-radius:6px;padding:.2rem .6rem;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{background:none;color:var(--muted);padding:.15rem .5rem;font-size:1rem;line-height:1;text-decoration:none;display:inline-flex;align-items:center}.icon-button:hover:not(:disabled){background:var(--border);color:var(--ink)}.preview-frame{width:100%;height:72vh;border:none;display:block;background:#fff}.preview-pane-compact .preview-frame-compact{height:360px}.logic-hover-tooltip{position:absolute;transform:translate(-50%,-110%);max-width:260px;background:var(--ink);color:#fff;border-radius:8px;padding:.5rem .65rem;font-size:.82rem;pointer-events:none;z-index:10;box-shadow:0 6px 20px #10182840}.logic-hover-tooltip strong{display:block;margin-bottom:.2rem}.logic-hover-tooltip p{margin:0;opacity:.9}.logic-hover-tooltip .flag{display:inline-block;margin-top:.3rem}.chat-pane{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;height:calc(72vh + 41px)}.chat-pane h2{margin:0 0 .75rem;font-size:1rem}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.bubble{max-width:90%;padding:.55rem .75rem;border-radius:10px;font-size:.9rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.bubble-user{align-self:flex-end;background:var(--accent);color:#fff}.bubble-assistant{align-self:flex-start;background:var(--code-bg);color:var(--ink);white-space:normal}.bubble-live{color:var(--muted)}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body pre{margin:.5em 0}.markdown-body ul,.markdown-body ol{padding-left:1.25em}.markdown-body li{margin:.2em 0}.markdown-body code{background:#0000000f;padding:.1em .35em;border-radius:4px;font-size:.85em}.markdown-body pre{background:#0000000f;padding:.6em .75em;border-radius:6px;overflow-x:auto}.markdown-body pre code{background:none;padding:0}.typing-dot{display:inline-block;width:6px;height:6px;margin-right:3px;border-radius:50%;background:var(--muted);animation:typing-bounce 1s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.chat-form{display:flex;gap:.5rem;flex:none}.chat-form textarea{flex:1;resize:none}.share-bar{display:flex;gap:.5rem;margin-bottom:1rem}.share-bar input{flex:1;color:var(--muted);background:var(--code-bg)}.preview-stage{position:relative}.pin-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pin-layer .pin,.shared-clickcatcher .pin{pointer-events:auto}.pin{position:absolute;width:18px;height:18px;border-radius:50%;background:#e8622c;border:2px solid #fff;box-shadow:0 1px 3px #1018284d;transform:translate(-50%,-50%);padding:0;cursor:pointer}.pin:hover{background:#c94f1f}.pin-pending{background:var(--accent);cursor:default}.comment-popover{position:absolute;pointer-events:auto;transform:translate(-50%,12px);width:240px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:.75rem;box-shadow:0 6px 20px #10182826;z-index:10}.comment-popover input{width:100%;margin-bottom:.5rem}.comment-popover textarea{width:100%;resize:none}.comment-popover p{color:var(--ink);margin:.35rem 0 .5rem}.comment-popover-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem}.feedback-count{font-size:.82rem;color:var(--muted);margin:.6rem 0 0}.sync-error-banner{font-size:.82rem;color:var(--danger, #b3261e);background:#b3261e14;border:1px solid rgba(179,38,30,.25);border-radius:6px;padding:.5rem .7rem;margin:0 0 .6rem}.shared-page{max-width:1100px;margin:0 auto;padding:1.25rem}.shared-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.shared-title{font-size:1.2rem;font-weight:700}button.secondary{background:var(--badge-bg);color:var(--ink)}button.secondary:hover:not(:disabled){background:var(--border)}.shared-hint{color:var(--muted);margin:0 0 .75rem}.shared-stage{position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #1018280a;cursor:default}.shared-stage-picking{cursor:crosshair}.shared-frame{width:100%;height:80vh;border:none;display:block;background:#fff}.shared-clickcatcher{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pin-stale{background:var(--muted)}.claude-card-compact{padding:.9rem 1.25rem}.claude-card-compact .connect-form{margin-top:.75rem}.claude-disconnected-note{font-size:.85rem;color:var(--muted);margin:0 0 .9rem}.claude-disconnected-note a{color:var(--accent)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.filter-input{max-width:260px}.new-customer-form{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.new-customer-form input{flex:1;min-width:160px}.customers-table{width:100%;border-collapse:collapse}.customers-table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);padding:.5rem .4rem}.customers-table td{padding:.65rem .4rem;border-bottom:1px solid var(--border);vertical-align:top}.customers-table tr:last-child td{border-bottom:none}.customers-table tbody tr{cursor:pointer}.customers-table tbody tr:hover{background:var(--page-bg)}.t-name{font-weight:600}.t-sub{font-size:.8rem;color:var(--muted);margin-top:.15rem}.t-dim{color:var(--muted);font-size:.85rem}.status-chip{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;text-transform:capitalize;padding:.25rem .6rem;border-radius:999px;border:1px solid transparent;background:var(--badge-bg);color:var(--muted)}.status-chip.status-contract{background:#fbf0dc;color:#8a6116}.status-chip.status-approved{background:var(--badge-connected-bg);color:var(--badge-connected-ink)}select.status-chip{cursor:pointer;font-family:inherit}.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:1rem}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{margin:0 .4rem;opacity:.6}.customer-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.customer-fields-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--muted)}.customer-fields-grid .span-2{grid-column:1 / -1}.description-field{min-height:11rem;line-height:1.6;resize:vertical}.customer-layout{display:grid;grid-template-columns:1fr 300px;gap:1.25rem;align-items:start}@media (max-width: 800px){.customer-layout{grid-template-columns:1fr}}.customer-sidebar{position:sticky;top:1.5rem}.activity-panel-list{display:flex;flex-direction:column}.activity-panel-row{padding:.55rem 0;border-bottom:1px solid var(--border)}.activity-panel-row:last-child{border-bottom:none}.activity-panel-time{font-size:.72rem;color:var(--muted);margin-bottom:.15rem}.file-row-open{display:flex;align-items:center;background:none;border:none;padding:0;font:inherit;color:var(--ink);cursor:pointer;text-align:left;min-width:0}.file-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-add-form{display:flex;gap:.6rem;margin:.75rem 0 1rem}.note-add-form input{flex:1}.note-list{display:flex;flex-direction:column}.note-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.note-row:last-child{border-bottom:none}.note-row-done .note-row-label span{color:var(--muted);text-decoration:line-through}.note-row-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;min-width:0}.note-row-label input{flex:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:50}.modal{background:var(--card-bg);border-radius:12px;padding:1.25rem;box-shadow:0 20px 50px #10182840;max-width:90vw;max-height:85vh;overflow:auto}.file-viewer-modal{width:720px}.file-viewer-pdf{width:100%;height:70vh;border:1px solid var(--border);border-radius:8px}.file-viewer-text{white-space:pre-wrap;font-family:inherit;font-size:.85rem;line-height:1.6;max-height:65vh;overflow:auto;margin:0;background:var(--page-bg);border-radius:8px;padding:.85rem 1rem}.small{font-size:.8rem}.file-list{display:flex;flex-direction:column}.file-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.file-row:last-child{border-bottom:none}.file-row-right{display:flex;align-items:center;gap:.75rem}.file-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:22px;border-radius:5px;background:var(--badge-bg);color:var(--muted);font-size:.65rem;font-weight:700;margin-right:.6rem}.empty-mock{border:1px dashed var(--border);border-radius:10px;padding:1.4rem;text-align:center;color:var(--muted);margin-top:.75rem}.empty-mock button{margin-top:.75rem}.mocks-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.mock-link{color:var(--accent);font-weight:600;text-decoration:none}.mock-link:hover{text-decoration:underline}.login-page{display:flex;justify-content:center;padding-top:4rem}.login-card{width:100%;max-width:380px;margin:0}.login-card h1{margin-bottom:.25rem}.primary-wide{width:100%;margin-top:1rem}.login-divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8rem;margin:1.1rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-card label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.4rem}.magic-link-row{display:flex;gap:.5rem}.magic-link-row input{flex:1}.success-note{color:var(--accent);font-size:.88rem}.login-footnote{font-size:.8rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.dev-login-box{margin-top:1rem}.dev-login-button{width:100%;background:none;border:1px dashed var(--muted);color:var(--muted);font-weight:600}.dev-login-button:hover:not(:disabled){background:var(--badge-bg);color:var(--ink)}[role=alert]{display:block;margin-bottom:.75rem}.back-link{color:var(--muted);text-decoration:underline;font-size:.9rem}.back-link:hover{color:var(--ink)}.canvas-method-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.canvas-method-toggle button{background:var(--badge-bg);color:var(--muted);border:1px solid transparent}.canvas-method-toggle button.method-on{background:var(--badge-connected-bg);color:var(--badge-connected-ink);border-color:var(--accent);font-weight:600}.template-cards{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.template-card{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;width:180px;padding:.9rem 1rem;border:1px solid var(--border);background:var(--card-bg);border-radius:10px}.template-card.template-card-on{border-color:var(--accent);background:var(--badge-connected-bg)}.template-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.template-name{font-weight:600}.context-files{margin:1rem 0;padding:.85rem 1rem;background:var(--page-bg);border-radius:8px}.small-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:block;margin-bottom:.5rem}.ctx-check{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.3rem 0}.feature-list{display:flex;flex-direction:column}.feature-row{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem .2rem;border-bottom:1px solid var(--border)}.feature-row:last-child{border-bottom:none}.feature-row input[type=checkbox]{margin-top:.3rem}.feature-row-excluded{opacity:.5}.feature-txt{flex:1;display:flex;flex-direction:column;gap:.15rem}.feature-txt .ft{font-weight:600}.feature-txt .fd{font-size:.85rem;color:var(--muted)}.feature-row-editing .feature-txt input,.feature-row-editing .feature-txt textarea{width:100%}.feature-edit-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.35rem}.add-page-form{display:flex;gap:.5rem;margin-top:1rem}.add-page-form input{flex:1}.mock-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.page-current-label{font-weight:600}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.segmented span{padding:.4rem .85rem;font-size:.82rem;color:var(--muted);cursor:pointer}.segmented span.on{background:var(--badge-bg);color:var(--ink);font-weight:600}.project-grid-test .chat-pane{display:none}.pin-resolved{background:var(--badge-bg);border-color:var(--border)}.pin-resolved:hover{background:var(--border)}.thread{display:flex;flex-direction:column;gap:.5rem}.thread-msg{padding:.4rem 0;border-bottom:1px solid var(--border)}.thread-msg:last-of-type{border-bottom:none}.thread-msg.thread-msg-reply .thread-who{color:var(--accent)}.thread-who{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;margin-bottom:.15rem}.thread-who-badge{text-transform:none;letter-spacing:normal;font-weight:400}.thread-msg p{margin:0;color:var(--ink)}.thread-input-row{display:flex;gap:.4rem}.thread-input-row input{flex:1}.thread-actions{display:flex;justify-content:flex-end}.log-filters{display:flex;gap:.4rem;margin-bottom:1rem}.log-filters span{font-size:.8rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);cursor:pointer}.log-filters span.on{background:var(--badge-bg);color:var(--ink);font-weight:600}.log-list{display:flex;flex-direction:column}.log-row{display:flex;gap:.85rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.log-row:last-child{border-bottom:none}.log-time{font-size:.78rem;color:var(--muted);width:90px;flex:none}.log-text{font-size:.9rem}.qbit-only-banner{display:inline-flex;align-items:center;border:1px solid var(--accent);background:#fdf0ec;color:#8a3423;border-radius:8px;padding:.4rem .75rem;font-size:.78rem;font-weight:600;margin-bottom:1rem}.logic-layout{display:grid;grid-template-columns:170px 1fr;gap:1.25rem;align-items:start}@media (max-width: 700px){.logic-layout{grid-template-columns:1fr}}.logic-rail{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:.5rem}.logic-page-tab{padding:.5rem .6rem;border-radius:7px;font-size:.85rem;color:var(--muted);cursor:pointer;margin-bottom:2px}.logic-page-tab.on{background:var(--badge-connected-bg);color:var(--badge-connected-ink);font-weight:600}.logic-content{display:flex;flex-direction:column;gap:1.25rem}.logic-item{border:1px solid var(--border);border-radius:8px;padding:.7rem .8rem;margin-bottom:.6rem}.logic-item .lt{font-weight:600;font-size:.9rem}.logic-item .lf{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--muted);margin-top:.3rem}.flag{display:inline-block;margin-top:.4rem;font-size:.75rem;color:#8a6116;background:#fbf0dc;padding:.15rem .5rem;border-radius:5px}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem;flex-wrap:wrap}.tabs span{padding:.5rem .25rem;margin-right:1rem;font-size:.85rem;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer}.tabs span.on{color:var(--ink);border-color:var(--accent);font-weight:600}.task{border:1px solid var(--border);border-radius:8px;padding:.7rem .85rem;margin-bottom:.5rem}.task-top{display:flex;align-items:center;gap:.6rem}.task-title{font-weight:600;font-size:.9rem}.task-why{font-size:.8rem;color:var(--muted);margin:.3rem 0 0 1.6rem}.slides-deck{display:flex;flex-direction:column;gap:1rem}.slide{border:1px solid var(--border);border-radius:10px;padding:1.25rem;background:var(--card-bg)}.output-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.mermaid-diagram{overflow-x:auto}.toolbar-links{display:flex;gap:.5rem;margin-left:auto}.wf-btn-link{font-size:.8rem;padding:.35rem .7rem;border-radius:7px;border:1px solid var(--border);color:var(--ink);text-decoration:none}.wf-btn-link:hover{background:var(--page-bg)}.wf-btn-link-active{background:var(--accent);color:#fff;border-color:var(--accent)}.wf-btn-link-active:hover{background:var(--accent-hover)}.app-nav{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem}.tmpl-cards{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.tmpl-card{border:1px solid var(--border);border-radius:10px;padding:.85rem;width:200px}.tmpl-card .tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.users{margin-top:.5rem}.u-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:.6rem;align-items:center;padding:.55rem .2rem;border-bottom:1px solid var(--border);font-size:.85rem}.design-upload-row{display:flex;gap:.6rem;align-items:center;margin-top:.75rem;flex-wrap:wrap}.design-upload-button{cursor:pointer}.design-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem}.design-asset-card{border:1px solid var(--border);border-radius:10px;padding:.6rem;display:flex;flex-direction:column;gap:.3rem}.design-asset-thumb{width:100%;height:100px;object-fit:contain;background:var(--page-bg);border-radius:6px}.design-asset-thumb-generic{display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:.75rem;font-weight:600;color:var(--muted)}.design-asset-path{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-asset-meta{font-size:.72rem;color:var(--muted)}.u-row:last-child{border-bottom:none}.avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--badge-bg);color:var(--muted);font-size:.65rem;font-weight:700;margin-right:.5rem}