.project-toolbar { display:flex;align-items:center;gap:20px;margin-bottom:12px;padding:20px;border-radius:0;background:#00000040; }
.project-search { display:flex;align-items:center;flex:1;gap:12px;min-width:0;border:1px solid #ffffff30;border-radius:0;padding:0 16px;background:#ffffff0d;color:#dce9df; }
.project-search input { width:100%;min-width:0;height:48px;border:0;background:transparent;color:white;outline-offset:2px;font:inherit; }
.project-search input::placeholder { color:#d1e1d5;opacity:1; }
.project-sort { display:flex;align-items:center;gap:12px;font-size:14px;white-space:nowrap;color:#dce9df; }
.project-sort-menu { position:relative;min-width:160px;padding:0;border:0;margin:0; }
.project-sort-menu summary { display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;border:1px solid #ffffff30;border-radius:0;background:#214a2b80;color:white;padding:10px 14px;font:inherit;cursor:pointer;list-style:none; }
.project-sort-menu summary::-webkit-details-marker { display:none; }
.project-sort-menu[open] summary svg { transform:rotate(180deg); }
.project-sort-options { position:absolute;top:calc(100% + 8px);right:0;min-width:100%;padding:6px;border:1px solid #ffffff25;border-radius:0;background:#1c3c25;z-index:10; }
.project-sort-options button { display:block;width:100%;min-height:40px;border:0;border-radius:0;background:transparent;color:#fff;padding:8px 12px;font:inherit;text-align:left;white-space:nowrap;cursor:pointer; }
.project-sort-options button:hover,.project-sort-options button:focus-visible { background:#ffffff18; }
.project-sort-options button[aria-pressed=true] { background:#ffffff12;font-weight:600; }
.project-toolbar { position:relative;z-index:2; }
.document.projects-list { overflow:visible; }

.project-count { margin:0 0 24px;color:#d1e1d5;font-size:13px; }
.project-empty { padding:48px 20px;text-align:center;color:#d1e1d5; }
.projects-list-page,.project-detail-page { max-width:1200px;width:100%;flex:1; }
.projects-list-page { padding-top:24px; }
.projects-list .project-count { margin:12px 0 24px;text-align:center; }
body.projects-list,body.project-detail { background:#285b35; }
body.projects-list,body.project-detail { display:flex;flex-direction:column;min-height:100svh; }
.projects-list [data-project-title][hidden],.projects-page [data-project-title][hidden] { display:none!important; }
.projects-list-page h1,.projects-page h1 { animation:project-reveal .6s cubic-bezier(.16,1,.3,1) both; }
.project-toolbar { animation:project-reveal .6s .08s cubic-bezier(.16,1,.3,1) both; }
.projects-list .project-card,.projects-page [data-project-title] { animation:project-reveal .65s .16s cubic-bezier(.16,1,.3,1) both; }
.document.project-detail { overflow:visible;background:transparent;padding:0; }
.projects-back { margin:0 0 20px;color:#d1e1d5;font-size:14px; }
.project-layout { display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:32px;align-items:stretch; }
.project-sidebar { overflow:hidden;border-radius:0;background:#07140c;color:white; }
.project-info { padding:24px; }
.project-info>p:first-child { margin-top:0; }
.project-info details { border-color:#ffffff25; }
.project-sidebar .project-cover { padding:20px; }
.project-sidebar .project-links { flex-direction:column;gap:12px;margin-top:auto;padding-top:24px; }
.project-sidebar .project-links .action { background:#263b2b; }
.project-screenshots { min-width:0;min-height:480px;border-radius:0;background:#07140c;padding:24px;color:white; }
.project-screenshots h2 { margin-top:0;color:white; }
.project-screenshots .screenshot-gallery { grid-template-columns:1fr; }
.screenshots-empty { display:grid;min-height:360px;place-items:center;color:#bdcfc2;font-size:14px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@keyframes project-reveal { from { opacity:0;transform:translateY(20px);filter:blur(6px); } to { opacity:1;transform:translateY(0);filter:blur(0); } }
@media(max-width:700px) { .project-toolbar { align-items:stretch;flex-direction:column;gap:12px; }.project-sort { justify-content:space-between; }.project-sort-menu { flex:1;min-width:0; }.project-layout { grid-template-columns:1fr;gap:24px; }.project-screenshots { min-height:280px; }.screenshots-empty { min-height:180px; } }
@media(prefers-reduced-motion:reduce) { .projects-list-page h1,.projects-page h1,.project-toolbar,.projects-list .project-card,.projects-page [data-project-title] { animation:none; } }

.project-card,.project-card .action { border-radius:0; }

.projects-list .project-card .card-body { min-height:146px; }
.project-card>.action { width:100%;min-height:44px;margin-top:0;border-radius:0; }

.project-detail .screenshot-gallery img { border-radius:0; }