.build-page{padding-bottom:64px;padding-top:34px}.build-page figure,.build-page h1,.build-page h2,.build-page p{margin:0}.build-page button,.build-page input{font:inherit}.build-page button{cursor:pointer}.build-page button:disabled{cursor:default;opacity:.5}.build-page-heading{align-items:baseline;display:flex;gap:16px;margin-bottom:24px}.build-page h1{font-size:30px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.build-category-label,.build-count{color:var(--muted);font-size:12px}.build-category-label{display:block;margin-top:8px}.build-count{font-variant-numeric:tabular-nums}.build-filter-bar{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding-bottom:20px}.build-search{align-items:center;background:var(--paper);border:1px solid var(--line-strong);border-radius:8px;color:var(--muted);display:flex;flex:0 1 340px;gap:10px;height:44px;min-width:0;padding:0 8px 0 14px}.build-search input{background:transparent;border:0;color:var(--ink);font-size:14px;min-width:0;outline:0;width:100%}.build-search input:focus-visible{outline:none}.build-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.build-inline-error button,.build-search button{background:transparent;border:0;color:var(--primary-deep);display:grid;flex-shrink:0;height:36px;place-items:center;width:36px}.build-categories{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.build-categories button{background:transparent;border:0;border-radius:6px;color:var(--muted);font-size:13px;min-height:40px;padding:8px 12px}.build-categories button.active{background:var(--primary-pale);color:var(--primary-deep);font-weight:650}.build-categories button:hover{color:var(--primary-deep)}.build-sort{background:var(--paper);border:1px solid var(--line);border-radius:8px;display:inline-flex;flex-shrink:0;gap:2px;margin-left:auto;padding:3px}.build-sort button{align-items:center;background:transparent;border:0;border-radius:5px;color:var(--muted);display:inline-flex;font-size:13px;gap:6px;justify-content:center;min-height:38px;min-width:78px;padding:8px 12px}.build-sort button[aria-pressed=true]{background:var(--primary-pale);color:var(--primary-deep);font-weight:650}.build-sort button:hover{color:var(--primary-deep)}.build-categories button,.build-like,.build-pagination button,.build-sort button{transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease}.build-results{position:relative}.build-results-status{color:var(--muted);font-size:12px;position:absolute;right:0;top:-24px}@media(hover:hover)and (pointer:fine){.build-pagination button:not(:disabled):hover{background:var(--primary-pale);border-color:var(--primary);color:var(--primary-deep)}}.build-card-stats{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;font-variant-numeric:tabular-nums;gap:8px 16px;margin-top:16px}.build-card-stats>span,.build-submission-date,.build-view-count{align-items:center;display:inline-flex;gap:6px}.build-submission-date{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;line-height:1.6;white-space:nowrap}.build-submission-date>svg{flex-shrink:0}.build-card-stats .build-submission-date{margin-inline-start:auto}.build-engagement{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;font-variant-numeric:tabular-nums;gap:20px;margin:-4px 0 24px}.build-like{align-items:center;background:var(--paper);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);display:inline-flex;gap:8px;justify-content:center;min-height:44px;min-width:116px;padding:10px 14px}.build-like:hover,.build-like[aria-pressed=true]{border-color:var(--primary);color:var(--primary-deep)}.build-like[aria-pressed=true]{background:var(--primary-pale)}.build-view-count{color:var(--muted)}@media(max-width:639px){.build-sort{margin-left:0}.build-sort button{min-height:40px}}.build-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.build-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden;position:relative;transition:border-color .16s ease}.build-card:hover{border-color:var(--primary)}.build-card:focus-within{outline:2px solid var(--primary);outline-offset:3px}.build-card-copy{padding:18px}.build-card h2{font-size:18px;line-height:1.5;margin:0 0 8px;overflow-wrap:anywhere}.build-card h2 a{color:var(--ink);text-decoration:none}.build-card h2 a:after{content:"";inset:0;position:absolute}.build-builders{font-size:12px;line-height:1.7}.build-builders,.build-card .build-summary{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;overflow-wrap:anywhere}.build-card .build-summary{font-size:13px;line-height:1.8;margin-top:12px}.build-image{background:var(--paper-cool);border-radius:8px;overflow:hidden;position:relative;width:100%}.build-image img{border-radius:inherit;display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.build-image.is-cover img{-o-object-fit:cover;object-fit:cover}.build-image-error{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:12px;gap:10px;inset:0;justify-content:center;position:absolute}.build-image-retry{background:var(--paper);border:1px solid var(--line-strong);border-radius:6px;color:var(--primary-deep);display:grid;height:40px;place-items:center;position:relative;width:40px;z-index:3}.build-cover-missing{aspect-ratio:16/9;background:var(--paper-cool);color:var(--muted);display:grid;place-items:center}.build-pagination{align-items:center;display:flex;font-size:13px;font-variant-numeric:tabular-nums;gap:20px;justify-content:center;margin-top:36px}.build-icon-button,.build-pagination button{background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;flex-shrink:0;height:44px;place-items:center;width:44px}.build-empty{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:280px;text-align:center}.build-empty h1,.build-empty h2{color:var(--ink);font-size:20px}.build-empty p{font-size:14px;max-width:50ch}.build-inline-error{align-items:center;color:var(--amber-deep);display:flex;font-size:13px;gap:10px;margin-bottom:16px}.build-skeleton>div{aspect-ratio:16/9;background:var(--paper-cool)}.build-skeleton>span{background:var(--paper-cool);border-radius:3px;display:block;height:16px;margin:20px;width:66%}.build-skeleton>span:last-child{height:12px;width:42%}.build-back{align-items:center;color:var(--muted);display:inline-flex;font-size:13px;gap:8px;margin-bottom:20px;min-height:44px;text-decoration:none}.build-back:hover{color:var(--primary-deep)}.build-detail-heading{align-items:start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.build-detail-heading>div{min-width:0}.build-detail-heading h1{margin:0 0 12px}.build-detail-builders{display:flex;flex-wrap:wrap;font-size:13px;gap:8px 16px;overflow-wrap:anywhere}.build-detail-builders>span:first-child{color:var(--muted)}.build-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px}.build-detail-meta .build-category-label{margin-top:0}.build-album-photo,.build-main-photo{position:relative}.build-main-photo .build-image{margin-inline:auto;max-height:640px;max-width:calc(640px*var(--build-image-ratio))}.build-main-photo .build-image img{max-height:640px}.build-photo-open{align-items:end;background:transparent;border:0;border-radius:8px;color:var(--ink);display:flex;height:100%;inset:0;justify-content:end;padding:16px;position:absolute;width:100%}.build-photo-open>svg{background:color-mix(in srgb,var(--paper) 70%,transparent);border:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:6px;box-sizing:content-box;padding:9px;transition:opacity .16s ease-out}.build-photo-open:focus-visible{outline:3px solid var(--primary);outline-offset:3px}@media(hover:hover)and (pointer:fine){.build-photo-open>svg{opacity:0}.build-photo-open:focus-visible>svg,.build-photo-open:hover>svg{opacity:1}}@media(prefers-reduced-motion:reduce){.build-photo-open>svg{transition:none}}.build-description-layout{display:grid;gap:64px;grid-template-columns:minmax(0,1fr) 250px;margin:36px 0 40px}.build-description-layout:not(:has(.build-facts)){grid-template-columns:minmax(0,1fr)}.build-album h2,.build-description h2{font-size:20px;font-weight:650;margin-bottom:18px}.build-introduction{font-size:15px;max-width:75ch;overflow-wrap:anywhere}.build-introduction p{margin:12px 0}.build-facts{border-left:1px solid var(--line);padding-left:24px}.build-facts>div+div{margin-top:20px}.build-facts>div>span{color:var(--muted);font-size:12px}.build-facts p{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;font-variant-numeric:tabular-nums;gap:8px;margin-top:7px;overflow-wrap:anywhere}.build-facts .build-icon-button{background:transparent;border:0;height:32px;width:32px}.build-album{border-top:1px solid var(--line);padding-top:30px}.build-album h2 span{color:var(--muted);font-size:13px;font-weight:400;margin-left:8px}.build-album-grid{align-items:start;display:grid;gap:30px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.build-album figcaption{color:var(--muted);font-size:13px;line-height:1.7;margin-top:10px;overflow-wrap:anywhere}.build-notice{color:var(--primary-deep);font-size:13px;margin:12px 0 20px!important}.build-detail-skeleton>span{background:var(--paper-cool);display:block;height:36px;margin:16px 0 30px;width:45%}.build-detail-skeleton>div{aspect-ratio:16/9;background:var(--paper-cool)}@media(max-width:1023px){.build-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.build-description-layout{gap:28px;grid-template-columns:minmax(0,1fr) 210px}}@media(max-width:767px){.build-description-layout{grid-template-columns:minmax(0,1fr)}.build-facts{border-left:0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:24px;padding:20px 0 0}.build-facts>div+div{margin:0}.build-album-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:639px){.build-main-photo .build-image{max-width:calc(420px*var(--build-image-ratio))}.build-page{padding-bottom:40px;padding-top:20px}.build-page h1{font-size:24px}.build-grid{gap:20px;grid-template-columns:minmax(0,1fr)}.build-filter-bar{gap:14px;margin-bottom:24px}.build-search{flex-basis:100%}.build-categories{gap:4px}.build-card-copy{padding:16px}.build-main-photo .build-image,.build-main-photo .build-image img{max-height:420px}.build-detail-heading{gap:12px}.build-description-layout{margin-top:28px}}
