.projects-main[data-astro-cid-yjitjrjk]{padding-top:52px}h1[data-astro-cid-yjitjrjk]{color:var(--text-bright);margin:0 0 8px;font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:500}.intro[data-astro-cid-yjitjrjk]{color:var(--text-muted);max-width:60ch;margin:0 0 40px;font-size:16px;line-height:1.7}.project-card[data-astro-cid-yjitjrjk]{border:1px solid var(--line);background:var(--panel);margin-bottom:18px}.card-grid[data-astro-cid-yjitjrjk]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.card-left[data-astro-cid-yjitjrjk]{padding:24px}.card-title-row[data-astro-cid-yjitjrjk]{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:4px;display:flex}.card-title-row[data-astro-cid-yjitjrjk] h2[data-astro-cid-yjitjrjk]{color:var(--accent);margin:0;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:500}.project-status-pill[data-astro-cid-yjitjrjk]{letter-spacing:.05em;white-space:nowrap;border:1px solid;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:11px}.project-meta[data-astro-cid-yjitjrjk]{color:var(--text-dim);letter-spacing:.03em;margin-bottom:14px;font-family:IBM Plex Mono,monospace;font-size:11.5px}.project-detail[data-astro-cid-yjitjrjk]{color:var(--text);text-wrap:pretty;max-width:60ch;margin:0 0 16px;font-size:15.5px;line-height:1.7}.learned-block[data-astro-cid-yjitjrjk]{border-left:2px solid var(--line-strong);max-width:56ch;margin-bottom:18px;padding-left:14px}.learned-label[data-astro-cid-yjitjrjk]{color:var(--text-faint);letter-spacing:.04em;margin-bottom:5px;font-family:IBM Plex Mono,monospace;font-size:11.5px}.learned-body[data-astro-cid-yjitjrjk]{color:var(--text-muted);text-wrap:pretty;margin:0;font-size:14.5px;line-height:1.65}.card-right[data-astro-cid-yjitjrjk]{border-left:1px solid var(--line);flex-direction:column;display:flex}.shot-slot[data-astro-cid-yjitjrjk]{background:repeating-linear-gradient(135deg,#0b0f16,#0b0f16 7px,#101620 7px 14px);flex:1;justify-content:center;align-items:center;min-height:150px;display:flex}.shot-slot[data-astro-cid-yjitjrjk] img[data-astro-cid-yjitjrjk]{object-fit:contain;width:100%;height:100%;display:block}.shot-label[data-astro-cid-yjitjrjk]{color:var(--text-faint);letter-spacing:.03em;font-family:IBM Plex Mono,monospace;font-size:11px}.stats-list[data-astro-cid-yjitjrjk]{border-top:1px solid var(--line);flex-direction:column;gap:9px;padding:14px 20px 16px;display:flex}.stats-row[data-astro-cid-yjitjrjk]{justify-content:space-between;gap:12px;font-family:IBM Plex Mono,monospace;font-size:11.5px;display:flex}.stats-key[data-astro-cid-yjitjrjk]{color:var(--text-faint)}.stats-value[data-astro-cid-yjitjrjk]{color:var(--text)}.card-footer[data-astro-cid-yjitjrjk]{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;padding:12px 24px;font-family:IBM Plex Mono,monospace;font-size:12.5px;display:flex}.post-link[data-astro-cid-yjitjrjk]{color:var(--text-dim);border-bottom:1px solid var(--line-strong)}.post-link[data-astro-cid-yjitjrjk]:hover{color:var(--accent);border-bottom-color:var(--accent)}.demo-panel[data-astro-cid-yjitjrjk]{border-top:1px solid var(--line)}.demo-header[data-astro-cid-yjitjrjk]{border-bottom:1px solid var(--line);color:var(--text-dim);letter-spacing:.03em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;font-family:IBM Plex Mono,monospace;font-size:11.5px;display:flex}.demo-controls-legend[data-astro-cid-yjitjrjk]{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.demo-stage[data-astro-cid-yjitjrjk]{background:repeating-linear-gradient(135deg,#0b0f16,#0b0f16 7px,#101620 7px 14px) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:280px;padding:32px 24px;display:flex}.demo-slot-label[data-astro-cid-yjitjrjk]{color:var(--text-dim);letter-spacing:.04em;text-shadow:0 1px 4px #000000d9;font-family:IBM Plex Mono,monospace;font-size:12px}.demo-run-btn[data-astro-cid-yjitjrjk]{border:1px solid var(--accent);color:var(--accent);letter-spacing:.05em;background:color-mix(in oklab, var(--bg) 60%, transparent);cursor:pointer;align-items:center;gap:10px;padding:12px 26px;font-family:IBM Plex Mono,monospace;font-size:13.5px;display:flex}.demo-run-btn[data-astro-cid-yjitjrjk]:hover{background:color-mix(in oklab, var(--accent) 14%, transparent)}.demo-run-icon[data-astro-cid-yjitjrjk]{font-size:10px}.demo-note[data-astro-cid-yjitjrjk]{color:var(--text-dim);text-align:center;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.7}.demo-modal[data-astro-cid-yjitjrjk]{z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.demo-modal[data-astro-cid-yjitjrjk][hidden]{display:none}.demo-modal-backdrop[data-astro-cid-yjitjrjk]{background:#05070ad9;position:absolute;inset:0}.demo-modal-box[data-astro-cid-yjitjrjk]{z-index:1;border:1px solid var(--line-strong);background:var(--panel);flex-direction:column;width:min(920px,100%);max-height:90vh;display:flex;position:relative}.demo-modal-header[data-astro-cid-yjitjrjk]{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 14px 10px 16px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.demo-modal-title[data-astro-cid-yjitjrjk]{color:var(--accent);flex:none}.demo-modal-controls[data-astro-cid-yjitjrjk]{color:var(--text-faint);flex-wrap:wrap;flex:1;align-items:center;gap:14px;display:flex}.key-hint{align-items:center;gap:6px;display:inline-flex}.key-hint kbd{color:var(--text-bright);background:var(--panel-raised);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:3px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:10.5px;line-height:1.4}.demo-modal-close[data-astro-cid-yjitjrjk]{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;flex:none;font-size:13px;line-height:1}.demo-modal-close[data-astro-cid-yjitjrjk]:hover{color:var(--accent);border-color:var(--accent)}.demo-modal-stage[data-astro-cid-yjitjrjk]{background:repeating-linear-gradient(135deg,#0b0f16,#0b0f16 7px,#101620 7px 14px);flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.demo-modal-stage[data-astro-cid-yjitjrjk] canvas[data-astro-cid-yjitjrjk]{width:auto;max-width:100%;height:auto;max-height:76vh;image-rendering:pixelated;outline:none;display:block}.demo-modal-note[data-astro-cid-yjitjrjk]{border-top:1px solid var(--line);color:var(--text-dim);text-align:center;padding:10px 16px;font-family:IBM Plex Mono,monospace;font-size:11px}