body:is([data-page=projects],[data-page=project-settings]) .intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}body:is([data-page=projects],[data-page=project-settings]) .collection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}body:is([data-page=projects],[data-page=project-settings]) .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body:is([data-page=projects],[data-page=project-settings]) .panel{background:var(--card);border:1px solid var(--border);border-radius:12px}body:is([data-page=projects],[data-page=project-settings]) .project-card{padding:24px;min-width:0}body:is([data-page=projects],[data-page=project-settings]) .project-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted-foreground)}body:is([data-page=projects],[data-page=project-settings]) .project-symbol{color:var(--primary)}body:is([data-page=projects],[data-page=project-settings]) .project-card h2{margin:20px 0 12px;font-size:22px}body:is([data-page=projects],[data-page=project-settings]) .project-description{min-height:48px;color:var(--muted-foreground);overflow-wrap:anywhere}body:is([data-page=projects],[data-page=project-settings]) .project-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}body:is([data-page=projects],[data-page=project-settings]) .project-meta>div{display:grid;gap:4px}body:is([data-page=projects],[data-page=project-settings]) .project-meta strong{font-size:28px}body:is([data-page=projects],[data-page=project-settings]) .project-meta time{font-size:12px}body:is([data-page=projects],[data-page=project-settings]) .actions{display:flex;flex-wrap:wrap;gap:8px}body:is([data-page=projects],[data-page=project-settings]) .project-editor{padding:24px;margin-top:28px;scroll-margin-top:90px}body:is([data-page=projects],[data-page=project-settings]) #project-form{display:grid;gap:20px;max-width:900px}body:is([data-page=projects],[data-page=project-settings]) #project-form label{display:grid;gap:8px}body:is([data-page=projects],[data-page=project-settings]) fieldset{border:1px solid var(--border);border-radius:8px;padding:20px;display:grid;gap:16px;min-width:0}body:is([data-page=projects],[data-page=project-settings]) #account-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body:is([data-page=projects],[data-page=project-settings]) label.account-choice,body:is([data-page=projects],[data-page=project-settings]) label.share-toggle{display:flex!important;align-items:center;gap:10px}body:is([data-page=projects],[data-page=project-settings]) .account-choice input,body:is([data-page=projects],[data-page=project-settings]) .share-toggle input{width:18px;height:18px;flex-shrink:0}body:is([data-page=projects],[data-page=project-settings]) input:not([type=checkbox]),body:is([data-page=projects],[data-page=project-settings]) textarea{width:100%;min-height:44px}body:is([data-page=projects],[data-page=project-settings]) #feedback{margin:16px 0}body:is([data-page=projects],[data-page=project-settings]) .quiet{border:1px solid var(--border);background:var(--background)}@media(max-width:1100px){body:is([data-page=projects],[data-page=project-settings]) .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){body:is([data-page=projects],[data-page=project-settings]) .project-grid,body:is([data-page=projects],[data-page=project-settings]) #account-choices{grid-template-columns:1fr}body:is([data-page=projects],[data-page=project-settings]) .intro{align-items:start;flex-direction:column}body:is([data-page=projects],[data-page=project-settings]) .collection-head>.muted{display:none}body:is([data-page=projects],[data-page=project-settings]) input,body:is([data-page=projects],[data-page=project-settings]) textarea{font-size:16px}body:is([data-page=projects],[data-page=project-settings]) .project-editor{padding:16px}}
body:is([data-page=projects],[data-page=project-settings]) #editor-feedback{color:var(--destructive);white-space:pre-wrap}
body:is([data-page=projects],[data-page=project-settings]) .picker-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px}
body:is([data-page=projects],[data-page=project-settings]) .picker-filters label{flex:1;min-width:170px}
body:is([data-page=projects],[data-page=project-settings]) .picker-summary,body:is([data-page=projects],[data-page=project-settings]) .picker-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0}
body:is([data-page=projects],[data-page=project-settings]) #account-choices{max-height:340px;overflow:auto;padding:4px}
body:is([data-page=projects],[data-page=project-settings]) label.account-choice{padding:12px;border:1px solid var(--border);border-radius:8px;min-width:0;cursor:pointer}
body:is([data-page=projects],[data-page=project-settings]) .account-choice span{min-width:0;overflow-wrap:anywhere}
body:is([data-page=projects],[data-page=project-settings]) .account-choice small{display:block;color:var(--muted-foreground);margin-top:5px}
body:is([data-page=projects],[data-page=project-settings]) .account-choice:has(input:checked){border-color:var(--primary);background:var(--accent)}
body:is([data-page=projects],[data-page=project-settings]) #project-form>.actions{position:sticky;bottom:-28px;background:var(--card);padding:16px 0;border-top:1px solid var(--border);z-index:1}
body:is([data-page=projects],[data-page=project-settings]) #sharing-details summary{cursor:pointer;padding:12px 0;font-weight:600;min-height:44px}
body:is([data-page=projects],[data-page=project-settings]) #sharing-details fieldset{margin-top:8px}

body[data-page=project-settings] .project-editor{margin-top:0;max-width:none;padding:28px}
body[data-page=project-settings] #project-form{max-width:none;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);align-items:start}
body[data-page=project-settings] #project-form>label,body[data-page=project-settings] #sharing-details{grid-column:1}
body[data-page=project-settings] #project-form>fieldset{grid-column:2;grid-row:1 / span 4}
body[data-page=project-settings] #project-form>.actions{grid-column:1 / -1;bottom:0}
body[data-page=project-settings] #account-choices{max-height:none}
@media(max-width:1050px){body[data-page=project-settings] #project-form{grid-template-columns:1fr}body[data-page=project-settings] #project-form>fieldset{grid-column:1;grid-row:auto}}
@media(max-width:700px){body[data-page=project-settings] .project-editor{padding:16px}}
body[data-page=project-settings] #project-form>.actions{grid-row:5}
body[data-page=project-settings] #project-form>*{min-width:0}
@media(max-width:1050px){body[data-page=project-settings] #project-form{grid-template-columns:minmax(0,1fr)}body[data-page=project-settings] #project-form>.actions{grid-row:auto}}
/* Category checkboxes must not inherit text-field padding/min-height. */
body[data-page=project-settings] #category-links{display:flex;flex-wrap:wrap;gap:10px 18px}
body[data-page=project-settings] #category-links>p{flex-basis:100%;margin:0}
body[data-page=project-settings] #project-form label.category-link-choice{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
body[data-page=project-settings] #project-form input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:0;flex:0 0 18px;vertical-align:middle}
body[data-page=project-settings] .project-delete{margin-left:auto;color:var(--destructive)}