.projects-page{background:var(--background);min-height:100dvh;color:var(--foreground)}.project-library{max-width:1120px;min-height:65dvh;margin:auto;padding:40px 24px 64px}.project-library-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:32px;display:flex}.project-library h1{font-family:var(--font-display-family);font-size:32px;font-weight:600}.project-library-heading p{max-width:620px;color:var(--muted-foreground);margin-top:8px;line-height:1.6}.project-new a{background:var(--primary);min-height:44px;color:var(--primary-foreground);white-space:nowrap;border-radius:6px;align-items:center;padding:8px 16px;display:inline-flex}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{border:1px solid var(--border);background:var(--card);border-radius:8px;min-width:0;transition:border-color .2s;overflow:hidden}.project-card:hover{border-color:var(--primary)}.project-open{display:block}.project-open img,.project-thumbnail{object-fit:contain;background:var(--muted);width:100%;height:220px}.project-thumbnail{place-items:center;display:grid}.project-open>div:not(.project-thumbnail){padding:16px}.project-open h2{overflow-wrap:anywhere;font-size:18px;font-weight:600}.project-open p,.project-open time{color:var(--muted-foreground);margin-top:6px;font-size:14px;display:block}.project-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;padding:4px 8px;display:flex}.project-actions button{min-height:44px}.project-empty{text-align:center;border:1px dashed var(--border);border-radius:8px;justify-items:center;gap:16px;padding:64px 16px;display:grid}.project-empty h2{font-size:20px;font-weight:600}.project-empty p,.project-notice{color:var(--muted-foreground);line-height:1.6}.project-notice{margin-bottom:24px}.project-dialog form{gap:16px;display:grid}.project-library a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (width<=1023px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.project-library{padding:24px 20px 40px}.project-library-heading{flex-direction:column}.project-grid{grid-template-columns:minmax(0,1fr);gap:16px}}.projects-page,.project-dialog{--primary:var(--site-brand-accent);--primary-foreground:#fff9fb;--background:oklch(98.3% .003 130);--foreground:var(--site-brand-ink);--card:var(--site-brand-surface);--border:var(--site-brand-border);--muted:oklch(94.5% .008 350);--muted-foreground:oklch(47% .013 340)}.dark .projects-page,.dark .project-dialog{--background:oklch(20% .009 340);--primary-foreground:#331422;--muted:oklch(28% .012 340);--muted-foreground:oklch(75% .012 340)}.projects-page .topbar__tools{flex-wrap:wrap;max-width:100%}.projects-page .topbar__in{min-width:0}.projects-page .foot{overflow-wrap:anywhere}.projects-page .foot>div{min-width:0}@media (width<=767px){.projects-page .foot{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-page .foot>div:first-child{grid-column:1/-1}}