/* Work tree and card layout adapted from Agency Work; common design owns colours. */
.project-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:24px}
#project-files{display:grid;gap:6px;max-height:24rem;overflow:auto}
#project-files button{text-align:left;display:flex;gap:8px;align-items:center}
#project-files small{margin-left:auto}
pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:32rem;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:8px}
textarea{width:100%;box-sizing:border-box;font:inherit}
#projects,#home-panel nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#tasks .surface-card{margin:12px 0}#home-panel select,#home-panel input{max-width:100%}
@media(max-width:720px){.project-layout{grid-template-columns:1fr}}