:root{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:400;color:#202b30;background:#e9ece5;font-synthesis:none;--ink: #202b30;--muted: #68736d;--line: #b8c1b6;--lime: #d8ed91;--navy: #172936;--list-row-height: 24px;--list-tail-height: 24px;--tabs-height: 32px;--list-unbounded: 0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;background:none}button:focus-visible,a:focus-visible,video:focus-visible{outline:2px solid #637735;outline-offset:3px}svg{display:block;flex-shrink:0}h1,h2,p{margin:0}strong{font-weight:500}::selection{background:var(--lime);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:260px;top:10px;z-index:30;padding:10px;background:var(--lime);transform:translateY(-180%)}.skip-link:focus{transform:none}.bench{display:grid;grid-template-columns:420px minmax(0,1fr);height:100dvh;min-height:700px}.site-header{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0 0 4px 72px}.site-subtitle{color:#c4d0d0;line-height:1.4}.column-header{height:24px;font-size:12px;font-weight:500;letter-spacing:.06em;line-height:1;padding-bottom:10px;border-bottom:1px solid var(--line)}.sidebar .column-header{color:#c4d0d0;border-color:#40515a}.sidebar{grid-column:1;display:grid;grid-template-rows:auto 24px auto minmax(0,1fr) auto 20px;gap:22px;min-height:0;padding:28px;background:var(--navy);color:#d8e0df;border-right:1px solid #0c1b24}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:500;line-height:1;color:#edf1e7;letter-spacing:-1px}.brand svg{position:absolute;left:0;top:0;width:62px;height:calc(100% - 4px);color:var(--lime)}.brand-dot{color:var(--lime)}.brief-section{margin-top:-10px}.brief-section blockquote{margin:0;font-size:28px;font-weight:400;line-height:1.22;letter-spacing:-.7px}.brief-section blockquote p{font-size:24px}.brief-section blockquote strong{display:block;margin-top:14px;color:var(--lime);font-weight:500}.sidebar-link,.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0;width:100%;color:var(--lime);text-align:left}.sidebar-link:hover,.sidebar-footer:hover{color:#fff}.concept-section{container-type:size;display:grid;place-items:center;min-height:0}.concept-section .video-frame{width:min(100%,66.6667cqh);height:auto;aspect-ratio:2 / 3;background:#34413f;outline:1px solid #748075}.concept-section video{object-position:center}.sidebar-footer{color:#a6b6bb;border-top:1px solid #40515a;padding-top:12px}main{grid-column:2;min-width:0;min-height:0;padding:24px;display:grid;grid-template-rows:24px minmax(0,1fr) 20px;gap:18px;background-image:radial-gradient(#bdc8b9 .65px,transparent .65px);background-size:8px 8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:7px 11px;border:1px solid var(--ink);background:#f8faf3;white-space:nowrap}.button:hover{background:var(--lime)}.button:active{transform:translate(1px,1px)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,3fr) minmax(0,1fr);gap:20px;min-height:0}.project-grid.balanced-grid{grid-template-rows:repeat(2,minmax(0,1fr))}.project-card{--card-heading-height: 44px;--card-footer-height: 44px;--stats-height: 62px;--stats-scale: 1;display:grid;grid-template-columns:40% minmax(0,1fr);grid-template-rows:var(--card-heading-height) calc(var(--stats-height) * var(--stats-scale)) minmax(0,1fr) var(--card-footer-height);min-width:0;min-height:0;background:#f6f8f1;border:1px solid var(--ink);box-shadow:3px 3px #b5c0b0}article.project-card{--stats-scale: 2}.project-heading{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line)}.model-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;position:relative}.model-icon.claude img{width:27px;height:auto}.model-icon.codex img{width:48px;height:48px;max-width:none;position:absolute}.model-icon.grok{width:48px}.model-icon.grok img{width:48px;height:24px;object-fit:contain}.project-heading h2{font-size:18px;font-weight:500;white-space:nowrap}.render-credit{min-width:24px;padding:6px 4px;margin-left:-9px;font-size:18px;line-height:1;transform:translateY(-2px)}.render-credit:hover{color:#536430}.project-visual{grid-column:1;grid-row:2 / 4;height:100%;min-height:0;min-width:0}.video-frame{position:relative;width:100%;height:100%;overflow:hidden;min-height:0;background:#d6d8cd}.video-frame video{display:block;width:100%;height:100%;object-fit:cover}.video-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.project-visual video{object-position:center}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ink);box-shadow:3px 3px #17293670;color:var(--ink);background:var(--lime)}.video-play:hover{background:#fff}.video-play svg{margin-left:2px}.video-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;gap:8px;background:#edf1e6ee}.project-stats{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.project-stats>div{display:flex;flex-direction:column;justify-content:center;gap:5px}.project-stats span{color:var(--muted)}.project-stats strong{font-size:18px;line-height:1;letter-spacing:-1px;white-space:nowrap}.project-details{grid-column:2;grid-row:3;align-self:stretch;display:grid;grid-template-rows:var(--tabs-height) minmax(0,1fr);min-width:0;min-height:0}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 12px;gap:20px;height:var(--tabs-height)}.tabs button{position:relative;padding:0}.tabs button span{color:var(--muted)}.tabs button[aria-selected=true]:after{content:"";position:absolute;height:3px;background:var(--ink);left:0;right:0;bottom:-1px}.tab-panel{min-height:0;padding:4px 12px 12px}.parts-panel,.files-panel{display:grid;grid-template-rows:minmax(0,1fr) var(--list-tail-height);gap:8px;height:100%;min-height:0}.part-list,.file-list{min-height:0;overflow:hidden}.part-row,.file-row{display:flex;align-items:center;gap:8px;height:var(--list-row-height);min-height:var(--list-row-height);border-bottom:1px solid #dfe4d8}.part-row:hover,.file-row:hover{background:#e5edce}.part-name,.file-row>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-price,.file-type{white-space:nowrap}.part-row>svg,.file-row>svg{color:var(--muted)}.file-type{color:var(--muted)}.parts-tail{display:flex;justify-content:flex-end;height:var(--list-tail-height);align-items:center}.parts-tail button{display:flex;align-items:center;gap:5px;padding:2px 0;text-decoration:underline;text-underline-offset:3px}.project-actions{grid-column:1 / -1;grid-row:4;display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-top:1px solid var(--line);gap:8px}.project-actions .button{min-height:28px;padding-top:4px;padding-bottom:4px}.guide-link{display:inline-flex;align-items:center;gap:4px;padding:0;white-space:nowrap}.guide-link:hover{text-decoration:underline}.download-button{background:var(--lime)}.download-button:hover{background:#c4df70}.coming-soon{color:#6b7769}.coming-soon .project-visual{background:#e1e6db;border-right:1px solid var(--line)}.page-footer{display:flex;flex-direction:column;justify-content:space-between;gap:8px;color:#52604e}.footer-notes{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.footer-links{display:flex;align-items:center;gap:22px}.footer-links>a{display:flex;align-items:center;gap:6px}.footer-links>a:hover{text-decoration:underline}.author-credit{align-self:end}.author-credit:hover{text-decoration:underline;text-underline-offset:3px}.page-footer button{display:flex;align-items:center;gap:5px;padding:0}.page-footer button:hover{text-decoration:underline}.detail-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--ink);padding:24px;background:#f6f8f1;color:var(--ink);box-shadow:6px 6px #13253480}.detail-dialog::backdrop{background:#132534b3}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:20px;font-weight:500}.icon-button{padding:4px}.icon-button:hover{background:var(--lime)}.prompt-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px}.prompt-dialog .dialog-heading{padding-bottom:10px}.prompt-dialog .dialog-actions{padding-top:12px}.prompt-text{display:grid;gap:8px;line-height:1.35;margin:12px 0}.prompt-text ul{margin:0;padding-left:24px;list-style-type:disc}.prompt-text li+li{margin-top:0}.prompt-assets{display:flex;gap:24px;margin-bottom:12px}.prompt-assets a{display:flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:3px}.dialog-actions,.dialog-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.dialog-actions a{display:flex;align-items:center;gap:7px}.all-parts{padding:12px 0}.all-parts .part-row{min-height:32px}.notes-text{display:grid;gap:16px;padding-top:20px;line-height:1.8}.build-warning{width:min(560px,calc(100vw - 32px));border-top:4px solid #a75c26}.warning-copy{display:grid;gap:16px;margin:20px 0;font-size:14px;line-height:1.7}.warning-continue{background:#eed6b8}.warning-continue:hover{background:#e5c49c}@media(min-width:1001px){.project-grid,.project-grid.balanced-grid{position:relative;grid-template-rows:none;grid-auto-rows:calc(100dvh * 2 / 3);align-content:start;overflow-y:auto;scrollbar-gutter:stable;padding:0 4px 4px 0}}@media(min-width:1600px){:root{--list-row-height: 28px;--list-tail-height: 26px;--tabs-height: 36px}.bench{grid-template-columns:472.5px minmax(0,1fr)}.sidebar{padding:32px;gap:28px}main{padding:28px;gap:24px}.project-grid{gap:24px}.project-card{--card-heading-height: 50px;--card-footer-height: 50px;--stats-height: 72px}.project-heading h2{font-size:20px}.project-stats strong{font-size:22px}.tab-panel{padding-top:6px}.project-heading,.project-stats,.project-actions,.tab-panel,.tabs{padding-left:18px;padding-right:18px}}@media(max-width:1199px)and (min-width:1001px){.bench{grid-template-columns:367.5px minmax(0,1fr)}.sidebar{padding:24px;gap:20px}main{padding:20px 16px}.project-grid{gap:16px}.project-card{grid-template-columns:35% minmax(0,1fr)}.project-heading,.project-stats,.project-actions,.tab-panel,.tabs{padding-left:12px;padding-right:12px}.project-stats strong{font-size:16px}.project-actions .button{padding-left:6px;padding-right:6px;gap:5px}.footer-notes{gap:8px;font-size:11px}.footer-links{gap:10px}}@media(min-width:1001px)and (max-height:800px){.brief-section blockquote{font-size:25px}.brief-section blockquote p{font-size:21px}main{padding-top:20px;padding-bottom:20px;gap:14px}.project-grid{row-gap:16px}.project-card{--card-heading-height: 40px;--card-footer-height: 40px;--stats-height: 52px}.project-stats{padding-top:6px;padding-bottom:6px}}@media(max-width:1000px){:root{--list-row-height: 20px;--tabs-height: 28px}.bench{display:block;height:auto;min-height:100dvh}.sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 24px auto auto auto 20px;gap:28px 32px;padding:32px}.site-header,.sidebar .column-header,.brief-section,.sidebar-link,.sidebar-footer{grid-column:1 / -1}.concept-section{grid-column:1 / -1;grid-row:4;height:420px}main{display:block;padding:28px}main>.column-header{margin-bottom:24px}.project-grid{grid-template-rows:510px 170px}.project-grid.balanced-grid{grid-template-rows:repeat(2,430px)}.project-card{--card-heading-height: 44px;--card-footer-height: 44px;--stats-height: 58px;grid-template-columns:34% minmax(0,1fr)}.project-stats strong{font-size:16px}.project-heading,.project-actions{padding-left:14px;padding-right:14px}.project-stats,.tab-panel,.tabs{padding-left:8px;padding-right:8px}.page-footer{margin-top:24px}.skip-link{left:16px}}@media(max-width:720px){:root{--list-row-height: 32px;--list-tail-height: 32px;--tabs-height: 40px;--list-unbounded: 1}.sidebar{display:flex;flex-direction:column;gap:28px;padding:28px}.column-header{width:100%}.concept-section{width:min(100%,280px);height:420px;align-self:center}main{padding:24px}.project-grid,.project-grid.balanced-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;gap:24px}.project-card{grid-template-columns:minmax(0,1fr);grid-template-rows:54px auto 160px auto 54px}.project-visual{grid-row:2;height:auto;aspect-ratio:2 / 3}.project-stats{grid-column:1;grid-row:3;padding:14px}.project-stats strong{font-size:22px}.project-details{grid-column:1;grid-row:4;display:block}.parts-panel,.files-panel{display:block;height:auto}.parts-tail{margin-top:8px}.project-actions{grid-row:5}.tab-panel,.tabs{padding-left:14px;padding-right:14px}.coming-soon{height:300px;grid-template-columns:40% minmax(0,1fr);grid-template-rows:54px 1fr 54px}.coming-soon .project-visual{aspect-ratio:auto}.coming-soon .project-stats{display:none}.coming-soon .project-actions{grid-row:3}.page-footer{gap:16px}.footer-notes{flex-wrap:wrap;gap:16px}.footer-links{width:100%;justify-content:space-between}.detail-dialog{padding:20px}.dialog-actions{flex-wrap:wrap;gap:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}