:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--cb-gray-logo: #40494b;--cb-orange: #e87724;--cb-martian-red: #9c340a;--paper: #fafaf7;--paper-warm: #f2f0e9;--paper-hover: #f0efe8;--hairline: #d9d9d2;--ink: #1a1a1a;--ink-soft: #555;--ink-faint: #666;--wood: #8a6a45;--code-bg: #14181b;--code-text: #d7e3ea}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--paper);color:var(--ink)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.poster-shell{min-height:100vh;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;align-items:center;padding:48px 24px 32px;overflow-y:auto}.poster-header{text-align:center;max-width:640px;margin-bottom:36px}.poster-header h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(40px,7vw,72px);letter-spacing:.18em;margin:0 0 14px}.poster-header p{font-size:14px;line-height:1.6;color:var(--ink-soft);margin:0}.poster-section{width:min(1100px,100%);margin-top:34px}.poster-section-title{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:14px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 12px 2px}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline)}.poster-tile{background:var(--paper);border:none;padding:22px 18px 18px;min-height:170px;display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:background .12s ease,box-shadow .12s ease}.poster-tile:hover{background:var(--paper-hover)}.poster-tile.active{background:var(--paper-hover);box-shadow:inset 0 0 0 2px var(--ink)}.poster-tile:focus-visible{outline:2px solid var(--cb-orange);outline-offset:-2px}.poster-tile-title{font-family:Georgia,Times New Roman,serif;font-size:17px;letter-spacing:.04em}.poster-tile-code{font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--wood);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-tile-description{font-size:12px;line-height:1.5;color:var(--ink-faint)}.poster-footer{margin-top:40px;font-size:12px;letter-spacing:.08em;color:#999;text-transform:uppercase;display:flex;align-items:center;gap:8px}.powered-by{display:inline-flex;align-items:center;gap:8px;color:var(--cb-gray-logo);text-decoration:none}.powered-by:hover span{text-decoration:underline}.powered-by img{display:block;opacity:.85}.viewer-card{width:min(1100px,100%);border:1px solid var(--hairline);background:var(--paper);display:flex;flex-direction:column;animation:viewer-card-in .26s ease;scroll-margin-top:16px}@keyframes viewer-card-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.viewer-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--hairline)}.viewer-card-heading h2{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:22px;letter-spacing:.05em;margin:0 0 4px}.viewer-card-heading p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-faint);max-width:560px}.viewer-card-controls{display:flex;gap:8px;flex-shrink:0}.pill-button{border:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:12px;letter-spacing:.04em;padding:5px 14px;border-radius:999px;cursor:pointer;transition:background .12s ease,color .12s ease}.pill-button:hover,.pill-button.active{background:var(--ink);color:var(--paper)}.pill-button:focus-visible{outline:2px solid var(--cb-orange);outline-offset:2px}.viewer-card-stage{position:relative;height:min(56vh,560px);min-height:380px;background:var(--paper-warm)}.viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.viewer-overlay span{font-family:Georgia,Times New Roman,serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);animation:overlay-pulse 1.6s ease-in-out infinite}@keyframes overlay-pulse{0%,to{opacity:.45}50%{opacity:1}}.viewer-overlay pre{pointer-events:auto;margin:0;max-width:100%;max-height:100%;overflow:auto;padding:12px 16px;border:1px solid var(--cb-martian-red);background:#fff5f0;color:var(--cb-martian-red);font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.parts-panel{position:absolute;left:14px;top:14px;z-index:3;background:#fafaf7eb;border:1px solid var(--hairline);padding:10px 12px;min-width:150px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.parts-panel h3{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px}.parts-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.parts-row{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;font:inherit;font-size:12.5px;color:var(--ink);padding:4px 6px;cursor:pointer;border-radius:4px;text-align:left}.parts-row:hover{background:var(--paper-hover)}.parts-row.hidden{color:#a9a9a2}.parts-row.hidden .parts-swatch{opacity:.35}.parts-swatch{width:12px;height:12px;border-radius:3px;border:1px solid rgba(26,26,26,.25);flex-shrink:0}.parts-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.parts-eye{font-size:10px;color:var(--ink-soft)}.viewer-card-code{margin:0;padding:16px 20px;border-top:1px solid var(--hairline);background:var(--code-bg);color:var(--code-text);font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:12px;line-height:1.55;overflow:auto;max-height:320px;white-space:pre}@media (max-width: 720px){.viewer-card-header{flex-direction:column}.viewer-card-stage{min-height:300px}}