.project-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.project-actions button{white-space:nowrap}
.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:22px}.project-tile{background:#141e2c;border:1px solid #526b82;border-radius:15px;padding:0;overflow:hidden;text-align:left;color:var(--text);min-width:0;box-shadow:0 0 20px #8bcfff12;transition:border-color .2s,transform .2s}.project-tile:hover,.project-tile:focus-visible{border-color:#a1dfff;transform:translateY(-3px)}.project-cover{position:relative;aspect-ratio:16/10;background:radial-gradient(ellipse at 45% 50%,#29344f,#131c2c);display:grid;place-items:center;overflow:hidden}.project-cover img{width:100%;height:100%;object-fit:cover}.project-glyph{font-size:52px;color:#accbea;border:1px solid #9bbceb66;border-radius:50%;width:105px;height:105px;display:grid;place-items:center;box-shadow:0 0 28px #b5acff20}.project-count{position:absolute;bottom:10px;right:10px;font-size:11px;background:#101621e8;padding:4px 9px;border:1px solid #53637a;border-radius:20px}.project-tile-body{padding:18px}.project-tile h2{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}.project-tile p{margin:0;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.project-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#b7a9d8;margin-top:20px}.project-meta span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-meta time{flex:none}
body.project-open{overflow:hidden}.project-open .modal{width:min(940px,100%);padding:0;animation:none}.project-editor{padding:26px;position:relative}.project-editor-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.project-editor-top .eyebrow{margin-bottom:0}.project-editor-top .muted{font-size:12px}.project-title{display:block;width:100%;background:transparent;color:var(--text);border:0;border-bottom:1px solid #485166;padding:13px 0;font-size:28px;outline-offset:3px;margin-bottom:14px}.project-tag-picker{display:flex;gap:7px;flex-wrap:wrap}.project-tag-add{display:flex;gap:8px;margin:12px 0 24px}.project-tag-add input,.project-tag-rename{background:#0c1320;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;min-width:0;font-size:16px}.project-tag-add input{flex:1}.project-editor-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.project-editor-toolbar [aria-pressed=true]{background:#334658;border-color:#85b3c7;color:#d7f2ff}.project-body{display:block;width:100%;min-height:340px;resize:vertical;padding:20px;line-height:1.9;font-size:16px;color:var(--text);background:#0d1521;border:1px solid #35485a;border-radius:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.project-markdown{padding:22px;min-height:340px;background:#101a28;border:1px solid #35485a;border-radius:11px;overflow-wrap:anywhere;line-height:1.85}.project-editor [hidden]{display:none!important}.project-markdown h1{font-size:27px}.project-markdown h2{font-size:23px}.project-markdown h3{font-size:19px}.project-markdown h4,.project-markdown h5,.project-markdown h6{font-size:16px}.project-markdown a{color:#a2ddff;text-decoration:underline}.project-markdown pre{overflow-x:auto;white-space:pre;background:#090f19;border:1px solid #334156;padding:16px;border-radius:8px;max-width:100%}.project-markdown code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#c5e3ef;font-size:14px}.project-markdown p>code{background:#243145;padding:2px 5px;border-radius:4px}.project-markdown blockquote{margin-left:0;border-left:3px solid #a993d0;padding-left:18px;color:#c3b9d8}.project-markdown hr{border:0;border-top:1px solid #3b4b60;margin:24px 0}.md-table{overflow:auto;max-width:100%}.md-table table{border-collapse:collapse;width:100%}.md-table th,.md-table td{border:1px solid #41516a;padding:8px 12px;text-align:left}.md-image-ref{display:inline-block;color:var(--muted);font-size:13px;border:1px dashed #51637e;padding:8px;border-radius:6px}
#projectStatus{color:#b7dceb;font-size:13px;min-height:24px;margin:12px 0}.project-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.project-section-header h3{font-weight:500;font-size:17px}.project-file-hint{font-size:12px;margin:0 0 16px}.project-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.project-image{border:1px solid #44576e;border-radius:10px;overflow:hidden;background:#111b2a}.project-image-open{display:block;padding:0;border:0;background:none;width:100%;aspect-ratio:4/3}.project-image-open img{width:100%;height:100%;object-fit:cover}.project-image-actions{display:flex;justify-content:space-between;gap:6px;padding:8px}.project-image-actions button{font-size:12px;padding:8px}.project-image-actions [aria-pressed=true]{border-color:#90c8de;background:#2b4352}.project-files{margin-top:18px}.project-file{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #2e3d51;padding:13px 0}.project-file>div:first-child{min-width:0}.project-file strong{font-size:14px;font-weight:500;overflow-wrap:anywhere;display:block}.project-file small{font-size:11px;color:var(--muted)}.project-file button{font-size:12px}.project-file .project-actions{flex:none}.project-footer-actions{display:flex;justify-content:space-between;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.project-lightbox{position:fixed;z-index:31000;inset:0;background:#070c15f5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:calc(20px + var(--safeT)) 20px calc(20px + var(--safeB))}.project-lightbox .overlay-close{position:absolute;top:calc(18px + var(--safeT));right:max(18px,var(--safeR));}.project-lightbox img{max-width:100%;max-height:calc(100dvh - 160px);object-fit:contain}.project-lightbox button{flex:none}.project-tag-rename{flex:1;width:0}.sr-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:650px){.nav button{min-width:0;padding:7px 3px;font-size:10.5px}.nav{gap:1px}.project-editor{padding:18px}.project-title{font-size:24px}.project-tag-add{flex-wrap:wrap}.project-tag-add input{width:150px}.project-body{padding:14px;min-height:300px}.project-markdown{padding:16px}.project-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-image-actions{flex-wrap:wrap}.project-image-actions button{flex:1}.project-file{align-items:flex-start;flex-wrap:wrap;gap:8px}.project-file>div:first-child{width:100%}.project-editor-top .project-actions{width:100%;justify-content:flex-end}.project-tile h2{font-size:17px}#projectTagRows .tagItem{flex-wrap:wrap}#projectTagRows .danger{padding:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.project-tile:hover{transform:none}}