.page-projects .projects-wrap{padding-top:clamp(42px,7vh,82px);padding-bottom:clamp(64px,10vh,120px)}.page-projects .projects-wrap.is-workspace{max-width:1500px}.page-projects .projects-page-head{align-items:end;margin-bottom:30px}.page-projects .projects-page-head>p{max-width:540px;color:var(--h-text-dim);font-size:var(--h-text-base);line-height:var(--h-lead-base);margin:0}.page-projects .project-panel,.page-projects .project-card,.page-projects .project-main-panel,.page-projects .project-agent-panel{isolation:isolate;border:1px solid var(--h-edge);border-radius:var(--h-radius-card);background-color:var(--h-panel);background-image:var(--h-glass-sheen);-webkit-backdrop-filter:var(--h-blur);backdrop-filter:var(--h-blur);box-shadow:var(--h-glass-rim), var(--h-elev-1);position:relative}.page-projects .project-kicker,.page-projects .project-card-state{color:var(--accent-text);font-family:var(--font-mono);font-size:var(--h-text-2xs);letter-spacing:.08em;text-transform:uppercase;margin:0}.page-projects .project-status{min-height:220px;color:var(--h-text-dim);place-items:center;display:grid}.page-projects .project-status.is-error,.page-projects .project-error{color:var(--status-failed)}.page-projects .project-signin{text-align:center;max-width:720px;margin:42px auto;padding:clamp(24px,5vw,48px)}.page-projects .project-signin h2{color:var(--h-text);margin:10px 0;font-size:clamp(25px,4vw,40px);font-weight:500}.page-projects .project-signin>p:not(.project-kicker){max-width:580px;color:var(--h-text-dim);margin:0 auto 24px;line-height:1.65}.page-projects .project-studio{gap:38px;display:grid}.page-projects .project-create{padding:clamp(22px,4vw,38px)}.page-projects .project-create-copy{max-width:720px;margin-bottom:22px}.page-projects .project-create h2,.page-projects .project-list h2{color:var(--h-text);margin:7px 0;font-size:clamp(22px,3vw,34px);font-weight:500}.page-projects .project-create-copy>p:last-child{color:var(--h-text-dim);margin:0;line-height:1.6}.page-projects .project-create label{gap:8px;display:grid}.page-projects .project-create label>span{color:var(--h-text-dim);font-size:var(--h-text-sm)}.page-projects .project-create label small{color:var(--h-text-faint);font-weight:400}.page-projects textarea,.page-projects input,.page-projects select{border:1px solid var(--h-edge);border-radius:var(--h-radius-row);background:var(--h-pill);width:100%;color:var(--h-text);font:inherit;outline:0}.page-projects textarea{resize:vertical;min-height:120px;padding:15px 16px;line-height:1.5}.page-projects input,.page-projects select{height:var(--h-pill-md);padding:0 13px}.page-projects textarea:focus,.page-projects input:focus,.page-projects select:focus{border-color:var(--h-field-edge-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.page-projects .project-create-row{grid-template-columns:minmax(160px,1fr) minmax(170px,.7fr) auto;align-items:end;gap:12px;margin-top:14px;display:grid}.page-projects button,.page-projects .project-head-actions a{min-height:var(--h-pill-sm);border:1px solid var(--h-edge);background:var(--h-pill);color:var(--h-text);font:inherit;cursor:pointer;border-radius:9999px;padding:0 16px;text-decoration:none}.page-projects button:hover:not(:disabled),.page-projects .project-head-actions a:hover{background:var(--h-pill-hover)}.page-projects button:disabled{opacity:.48;cursor:default}.page-projects .project-create-row>button{background:var(--h-action-bg);color:var(--h-action-text);border-color:#0000}.page-projects .project-error{font-size:var(--h-text-sm);margin:14px 0 0}.page-projects .project-list-head,.page-projects .project-workspace-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.page-projects .project-quiet{color:var(--h-text-dim)}.page-projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.page-projects .project-card{min-height:190px;color:var(--h-text);transition:transform var(--t-enter) var(--ease-out), border-color var(--t-micro);flex-direction:column;gap:10px;padding:22px;text-decoration:none;display:flex}.page-projects .project-card:hover{border-color:var(--h-field-edge-focus);transform:translateY(-3px)}.page-projects .project-card strong{font-size:var(--h-text-lg)}.page-projects .project-card>span:not(.project-card-state){color:var(--h-text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.page-projects .project-card small{color:var(--h-text-faint);font-family:var(--font-mono);margin-top:auto}.page-projects .project-empty{border:1px dashed var(--h-edge);border-radius:var(--h-radius-card);color:var(--h-text-dim);text-align:center;margin-top:18px;padding:30px}.page-projects .project-workspace-head{margin-bottom:20px}.page-projects .project-back{color:var(--h-text-dim);font-size:var(--h-text-sm);text-decoration:none}.page-projects .project-workspace-head h1{color:var(--h-text);margin:8px 0 4px;font-size:clamp(25px,4vw,42px);font-weight:500}.page-projects .project-workspace-head p{color:var(--h-text-dim);font-family:var(--font-mono);font-size:var(--h-text-xs);text-transform:capitalize;margin:0}.page-projects .project-dot{background:var(--h-placeholder);border-radius:50%;width:7px;height:7px;margin-inline-end:7px;display:inline-block}.page-projects .project-dot.is-live{background:var(--status-shipped);box-shadow:0 0 0 4px color-mix(in srgb, var(--status-shipped) 14%, transparent)}.page-projects .project-head-actions{flex-wrap:wrap;gap:8px;display:flex}.page-projects .project-head-actions a{align-items:center;display:inline-flex}.page-projects .project-workbench{grid-template-columns:minmax(0,1fr) 330px;gap:16px;min-height:min(760px,72vh);display:grid}.page-projects .project-main-panel,.page-projects .project-agent-panel{min-width:0;overflow:hidden}.page-projects .project-main-panel{flex-direction:column;min-height:640px;display:flex}.page-projects .project-preview{background:#fff;border:0;flex:1;width:100%}.page-projects .project-preview-empty{color:var(--h-text-dim);flex:1;place-content:center;justify-items:center;gap:14px;display:grid}.page-projects .project-agent-panel{flex-direction:column;max-height:calc(100vh - 90px);padding:18px;display:flex;position:sticky;top:70px}.page-projects .project-agent-head{border-bottom:1px solid var(--h-edge-soft);padding-bottom:14px}.page-projects .project-agent-head strong{color:var(--h-text);font-size:var(--h-text-base);margin-top:7px;display:block}.page-projects .project-agent-feed{scrollbar-width:thin;flex:1;align-content:start;gap:10px;min-height:120px;margin:0;padding:14px 2px;list-style:none;display:grid;overflow:auto}.page-projects .project-feed-empty{color:var(--h-text-faint);font-size:var(--h-text-sm);line-height:1.5}.page-projects .project-feed-phase{color:var(--h-text-faint);font-family:var(--font-mono);font-size:var(--h-text-2xs);letter-spacing:.07em;text-transform:uppercase;margin-top:4px}.page-projects .project-feed-message{color:var(--h-text-dim);font-size:var(--h-text-sm);line-height:1.5}.page-projects .project-feed-tool{border:1px solid var(--h-edge-soft);border-radius:var(--h-radius-row);background:var(--h-pill);gap:2px;padding:7px 10px;display:grid}.page-projects .project-feed-tool span{color:var(--accent-text);font-family:var(--font-mono);font-size:var(--h-text-2xs);letter-spacing:.07em;text-transform:uppercase}.page-projects .project-feed-tool code{color:var(--h-text-dim);font-family:var(--font-mono);font-size:var(--h-text-xs);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.page-projects .project-feed-done{color:var(--status-shipped);font-size:var(--h-text-sm);line-height:1.5}.page-projects .project-feed-done.is-failed{color:var(--status-failed)}@media (max-width:1000px){.page-projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-projects .project-workbench{grid-template-columns:1fr}.page-projects .project-agent-panel{min-height:420px}}@media (max-width:680px){.page-projects .projects-page-head,.page-projects .project-workspace-head{flex-direction:column;align-items:stretch}.page-projects .project-create-row,.page-projects .project-grid{grid-template-columns:1fr}.page-projects .project-create-row>button{width:100%}.page-projects .project-head-actions>*{text-align:center;flex:1;justify-content:center}.page-projects .project-main-panel{min-height:520px}}