.project-shelf-card{--project-card-accent:#8f7ae8;border-color:color-mix(in srgb, var(--border) 72%, transparent);background:var(--card);box-shadow:none;cursor:pointer;border-radius:6px;transition:border-color .14s,transform .14s,box-shadow .14s;position:relative;overflow:hidden}.project-shelf-card:hover{border-color:color-mix(in srgb, var(--project-card-accent) 60%, var(--border));transform:translateY(-2px);box-shadow:0 14px 32px #0000002e}.project-shelf-card:focus-within{border-color:var(--project-card-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--project-card-accent) 18%, transparent)}.project-shelf-preview{aspect-ratio:4/3;background:color-mix(in srgb, var(--muted) 82%, #111);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.project-shelf-preview>img{object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity .14s,transform .18s;display:block}.project-shelf-preview>img.is-character{object-fit:contain}.project-shelf-preview>img.is-loading{opacity:0}.project-shelf-card:hover .project-shelf-preview>img{transform:scale(1.018)}.project-shelf-card.is-skeleton{cursor:default;pointer-events:none}.project-shelf-preview-skeleton{z-index:1;background:linear-gradient(105deg, color-mix(in srgb, var(--muted) 90%, #111) 24%, color-mix(in srgb, var(--muted) 78%, var(--foreground)) 42%, color-mix(in srgb, var(--muted) 90%, #111) 60%);background-size:240% 100%;animation:1.8s ease-in-out infinite project-shelf-shimmer;position:absolute;inset:0;overflow:hidden}.project-shelf-empty{width:100%;height:100%;color:var(--muted-foreground);background-image:linear-gradient(color-mix(in srgb, var(--border) 56%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 56%, transparent) 1px, transparent 1px);background-size:24px 24px;place-items:center;display:grid}.project-shelf-empty>span{border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:color-mix(in srgb, var(--card) 92%, transparent);letter-spacing:.03em;padding:5px 8px;font-size:10px}.project-shelf-kind{z-index:2;color:#f6f4ffd6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);max-width:74%;font-family:var(--font-mono);letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap;background:#111113c7;border:1px solid #ffffff21;border-radius:3px;padding:4px 6px;font-size:8px;font-weight:600;position:absolute;bottom:9px;left:9px;overflow:hidden}.project-shelf-settings{z-index:2;color:#f6f4ffc7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;background:#111113d1;border:1px solid #ffffff24;border-radius:4px;place-items:center;width:30px;height:30px;transition:color .12s,border-color .12s,background-color .12s;display:grid;position:absolute;top:8px;right:8px}.project-shelf-settings:hover{color:#fff;border-color:var(--project-card-accent);background:#1d1a27f0}.project-shelf-settings:focus-visible{outline:2px solid var(--project-card-accent);outline-offset:2px}.project-shelf-corner{z-index:2;border-right:2px solid var(--project-card-accent);border-bottom:2px solid var(--project-card-accent);opacity:.72;pointer-events:none;width:14px;height:14px;position:absolute;bottom:0;right:0}.project-shelf-copy{gap:5px;padding:12px 13px 13px;display:grid}.project-shelf-copy strong{min-width:0;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.project-shelf-copy>span{color:var(--muted-foreground);letter-spacing:.02em;font-size:10px}.project-shelf-copy-skeleton>span{background:linear-gradient(100deg, var(--muted) 20%, color-mix(in srgb, var(--muted) 78%, var(--foreground)) 46%, var(--muted) 72%);background-size:220% 100%;border-radius:2px;width:68%;height:12px;animation:1.8s linear infinite project-shelf-copy-shimmer}.project-shelf-copy-skeleton>span:last-child{opacity:.62;width:42%;height:9px}.project-shelf-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.project-shelf-section-heading>h2{margin:0}.project-shelf-sync-state{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:600;display:inline-flex}.project-shelf-sync-state>i{background:var(--project-card-accent);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in srgb, var(--project-card-accent) 42%, transparent);border-radius:50%;animation:1.35s ease-out infinite project-shelf-pulse}@keyframes project-shelf-shimmer{0%{background-position:110% 0}to{background-position:-130% 0}}@keyframes project-shelf-copy-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}@keyframes project-shelf-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--project-card-accent) 42%, transparent)}70%,to{box-shadow:0 0 0 6px #0000}}@media (width<=520px){.project-shelf-section-heading{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){.project-shelf-card,.project-shelf-preview>img{transition:none}.project-shelf-preview-skeleton,.project-shelf-copy-skeleton>span,.project-shelf-sync-state>i{animation:none}}