.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:focus-visible,.project-sort-options button:hover{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}.project-detail-page,.projects-list-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.project-detail,body.projects-list{background:#285b35;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 cubic-bezier(.16,1,.3,1) .08s both}.projects-list .project-card,.projects-page [data-project-title]{animation:project-reveal .65s cubic-bezier(.16,1,.3,1) .16s 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{0%{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){.project-toolbar,.projects-list .project-card,.projects-list-page h1,.projects-page [data-project-title],.projects-page h1{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}