.folder-page{max-width:1280px;margin:auto;padding:24px}.folder-page>.card{margin-bottom:24px}.folder-toolbar{display:flex;gap:8px;margin-bottom:12px}.folder-toolbar input{flex:1;min-width:0}.folder-tree{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.folder-tree button[aria-pressed=true]{background:#233d34;color:white}.folder-editor textarea{width:100%;font-family:ui-monospace,monospace;line-height:1.6;resize:vertical}.folder-editor button{margin:4px}.file-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.file-comparison pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f5f3;padding:12px;max-height:360px;overflow:auto;font-size:13px}.folder-page details{padding:12px 0;border-bottom:1px solid #ddd}.folder-page select{max-width:100%;padding:10px}.folder-page .steps{color:#56645d}.folder-page .branch-row{padding:12px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.folder-page .branch-row span{flex:1}.folder-page input[readonly]{width:100%}.folder-page .section-head{display:flex;gap:12px;justify-content:space-between;align-items:center}.folder-page [hidden]{display:none!important}@media(max-width:720px){.folder-page{padding:12px}.file-comparison{grid-template-columns:1fr}.folder-toolbar{flex-wrap:wrap}.folder-page .section-head{align-items:flex-start;flex-direction:column}}
.participant-links { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e2e6e2; }
.participant-links h3 { margin: 0 0 8px; }
.participant-links > p { color: #56645d; line-height: 1.6; }
.participant-link-form { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; gap: 12px; align-items: end; }
.participant-link-form label { margin: 0; display: grid; gap: 7px; }
.participant-link-form input { width: 100%; min-width: 0; }
.participant-link-form button { margin: 0; min-height: 42px; }
.participant-links .muted { font-size: 13px; }
.personal-link-result { margin-top: 16px; }
.personal-link-copy { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: center; }
.personal-link-copy input { min-width: 0; font-size: 13px; }
.folder-page .shared-invite { margin: 12px 0 16px; }
.shared-invite summary { color: #56645d; cursor: pointer; }
@media (max-width: 640px) {
  .participant-link-form { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .participant-link-form button { grid-column: 1 / -1; justify-self: start; }
  .personal-link-copy { grid-template-columns: minmax(0,1fr); }
  .personal-link-copy button { justify-self: start; }
}
@media (max-width: 420px) {
  .participant-link-form { grid-template-columns: minmax(0,1fr); }
}