:root{
  --navH:74px;
  --max:1860px;
  --glass:blur(14px);
  --bg:#080c14;
  --panel:rgba(255,255,255,.055);
  --panel2:rgba(255,255,255,.078);
  --border:rgba(255,255,255,.10);
  --text:rgba(238,243,255,.96);
  --muted:rgba(169,181,205,.82);
  --blue:#5da8ff;
  --blue2:#7aa7ff;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(900px 520px at 75% -10%,rgba(93,168,255,.12),transparent 62%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}

.navbar{position:fixed;inset:0 0 auto 0;height:var(--navH);z-index:9999;background:rgba(10,13,20,.55);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-shell{width:min(var(--max),calc(100% - 40px));height:100%;margin:0 auto}
.nav-content{display:flex;align-items:center;min-height:0;height:100%;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:.6px;cursor:pointer;user-select:none;white-space:nowrap;margin-right:auto}
.brand{font-size:1.2rem;line-height:1}
.logo-badge{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(47,125,255,.9),rgba(90,162,255,.65));border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 22px rgba(47,125,255,.18)}
.logo-badge i{font-size:15px;color:#eaf2ff}.accent{color:var(--blue2)}
.nav-right{display:flex;align-items:center;gap:18px;margin-left:auto}nav{display:flex;align-items:center;gap:22px}nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 6px;border-radius:12px;color:rgba(222,229,244,.82);font-weight:850;font-size:13.5px;transition:160ms ease}nav a:hover{color:white;background:rgba(255,255,255,.06)}nav a.active{color:white;background:rgba(47,125,255,.16);border:1px solid rgba(47,125,255,.28)}
.nav-actions{display:flex;align-items:center;gap:10px}.btn-primary,.primaryBtn,.secondaryBtn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text);min-height:42px;padding:0 14px;border-radius:14px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:160ms ease}.btn-primary.primary,.primaryBtn{background:linear-gradient(135deg,rgba(47,125,255,.32),rgba(93,168,255,.16));border-color:rgba(93,168,255,.35)}.btn-primary:hover,.primaryBtn:hover,.secondaryBtn:hover{transform:translateY(-1px);border-color:rgba(93,168,255,.34)}
.hamburger,.notifBtn,.profile-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);cursor:pointer}.hamburger{display:none}.notifBtn i,.profile-btn i,.hamburger i{font-size:16px}.notifWrap,.profile-wrap{display:none;position:relative}.notifBadge{position:absolute;min-width:16px;height:16px;padding:0 5px;top:-5px;right:-5px;display:none;align-items:center;justify-content:center;font-size:11px;line-height:16px;border-radius:999px;background:#5d8cff;color:white;font-weight:900}.notifBadge.show{display:inline-flex}
.profile-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;width:max-content;max-width:min(280px,calc(100vw - 24px));padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(12,16,27,.98);box-shadow:0 18px 40px rgba(0,0,0,.45);display:none;z-index:70}.profile-menu.open{display:flex;flex-direction:column;gap:6px}.profile-menu a,.profile-menu button{width:100%;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:var(--text);border-radius:12px;padding:11px 12px;font-weight:850;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer}.nav-holder{height:var(--navH)}

.mobile-backdrop{position:fixed;inset:var(--navH) 0 0 0;background:rgba(0,0,0,.45);z-index:8998;display:none}.mobile-panel{position:fixed;top:var(--navH);left:0;right:0;z-index:8999;display:none;background:rgba(10,13,20,.86);border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(16px);padding:14px 0}.mobile-backdrop.show,.mobile-panel.show{display:block}.mobile-inner{width:min(760px,calc(100% - 34px));margin:0 auto;display:flex;flex-direction:column;gap:8px}.mobile-inner a{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);padding:12px;border-radius:14px;font-weight:850;display:flex;align-items:center;gap:10px}.mobile-inner a.active{border-color:rgba(93,168,255,.34);background:rgba(47,125,255,.13)}

.buildsPage{width:min(1500px,calc(100% - 44px));margin:0 auto;padding:54px 0 64px}.buildHero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;border:1px solid rgba(93,168,255,.30);background:rgba(47,125,255,.10);color:#dceaff;font-weight:900;font-size:12px}.buildHero h1{font-family:Poppins,sans-serif;font-size:clamp(2.3rem,5vw,5rem);line-height:.95;margin:22px 0 12px;letter-spacing:-.05em}.buildHero p{max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.65;margin:0}
.buildHeroActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.buildFilters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px}.filterChip{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:var(--muted);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:950;cursor:pointer;transition:160ms ease}.filterChip:hover,.filterChip.active{color:#f4f8ff;border-color:rgba(93,168,255,.34);background:rgba(47,125,255,.13);box-shadow:0 0 18px rgba(47,125,255,.08)}
.pageNotice,.formError{border:1px solid rgba(255,110,110,.26);background:rgba(255,80,80,.09);color:#ffd6d6;border-radius:16px;padding:12px 14px;font-weight:850;margin:0 0 16px}
.buildGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.buildCard,.detailHero,.detailSection,.emptyState,.buildForm{border:1px solid var(--border);background:linear-gradient(180deg,var(--panel2),rgba(255,255,255,.035));border-radius:22px;box-shadow:0 14px 34px rgba(0,0,0,.28);backdrop-filter:blur(14px);position:relative;overflow:hidden}.buildCard{min-height:280px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:180ms ease}.buildCard:hover{transform:translateY(-4px);border-color:rgba(93,168,255,.38);box-shadow:0 22px 52px rgba(0,0,0,.40),0 0 28px rgba(47,125,255,.10)}.buildCard h3{font-family:Poppins,sans-serif;font-size:1.24rem;line-height:1.25;margin:0}.creatorLine{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:850;font-size:12.5px}.avatarMini{width:24px;height:24px;border-radius:999px;object-fit:cover;background:rgba(255,255,255,.08);display:inline-grid;place-items:center}.avatarMiniFrame{position:relative;overflow:hidden}.avatarMiniFrame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.proofBadge,.toolChip,.statPill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;border:1px solid rgba(93,168,255,.26);background:rgba(47,125,255,.10);font-size:11.5px;font-weight:900;color:#e4f0ff}.proofBadge.live{border-color:rgba(103,240,140,.25);background:rgba(103,240,140,.08)}.proofBadge.verified{border-color:rgba(180,150,255,.30);background:rgba(130,92,255,.10)}.proofBadge.featured{border-color:rgba(255,193,99,.30);background:rgba(255,193,99,.10);color:#ffe6bf}.buildCard p{color:var(--muted);line-height:1.55;margin:0;font-weight:720}.chipRow,.statRow{display:flex;flex-wrap:wrap;gap:8px}.statRow{margin-top:auto}.viewBtn{margin-top:2px}
.emptyState{text-align:center;padding:42px 20px}.emptyState i{font-size:30px;color:var(--blue);filter:drop-shadow(0 0 14px rgba(93,168,255,.30))}.emptyState h2{font-family:Poppins,sans-serif;margin:14px 0 8px}.emptyState p{color:var(--muted)}
.skeletonBuild{min-height:280px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.075),rgba(255,255,255,.035));background-size:220% 100%;animation:pulse 1.25s ease-in-out infinite}@keyframes pulse{0%{background-position:100% 0;opacity:.75}50%{opacity:1}100%{background-position:-100% 0;opacity:.75}}

.buildDetail{display:grid;gap:16px}.detailHero{padding:24px}.detailTop{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.detailHero h2{font-family:Poppins,sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;margin:12px 0}.detailActions{display:flex;gap:10px;flex-wrap:wrap}.detailSections{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detailSection{padding:20px}.detailSection h3{margin:0 0 10px;font-family:Poppins,sans-serif}.detailSection p,.buildBody{color:var(--muted);line-height:1.7;font-weight:720}.linkList{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.linkList a{border:1px solid rgba(93,168,255,.26);background:rgba(47,125,255,.10);border-radius:12px;padding:10px 12px;font-weight:900}
.activeAction{border-color:rgba(103,240,140,.30)!important;background:rgba(103,240,140,.10)!important;color:#e7ffef!important}.sectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.sectionHead p{margin:6px 0 0}.ratingGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.ownerRatingNote{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(93,168,255,.20);background:rgba(47,125,255,.08);color:rgba(221,233,255,.86);border-radius:14px;padding:10px 12px;font-size:13px;font-weight:900}.ownerRatingNote i{color:#78b6ff}.ratingField{margin:0;display:grid;gap:7px;color:rgba(233,238,252,.92);font-weight:900}.ratingField select{min-height:42px}.feedbackChips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.feedbackChip{border:1px solid rgba(93,168,255,.22);background:rgba(47,125,255,.08);color:#dceaff;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;cursor:pointer;transition:160ms ease}.feedbackChip:hover{border-color:rgba(93,168,255,.38);background:rgba(47,125,255,.14);transform:translateY(-1px)}.feedbackForm{display:grid;gap:10px;margin-bottom:14px}.feedbackForm textarea{min-height:108px}.feedbackList{display:grid;gap:10px}.feedbackCard{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:16px;padding:14px}.feedbackMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:8px}.feedbackCard p{margin:0;color:rgba(232,238,252,.90);line-height:1.58}.feedbackEmpty{border:1px dashed rgba(255,255,255,.12);border-radius:16px;padding:16px;color:var(--muted);font-weight:850;text-align:center}
.buildBody{min-width:0;max-width:100%;overflow-wrap:anywhere}.buildBody pre{position:relative;margin:16px 0;max-width:100%;overflow:hidden;background:linear-gradient(180deg,rgba(42,48,64,.62),rgba(18,23,34,.62));border:1px solid rgba(170,190,230,.20);border-radius:16px;padding:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 42px rgba(0,0,0,.32),0 0 0 1px rgba(93,168,255,.05)}.buildBody pre::before{content:none}.codeBoxHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.032));backdrop-filter:blur(10px)}.codeLang{color:#d3e0fb;font-size:10.5px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.copyCodeBtn{position:static;border:1px solid rgba(93,168,255,.30);background:rgba(47,125,255,.14);color:#f0f6ff;border-radius:9px;padding:5px 9px;font-size:10.5px;font-weight:950;cursor:pointer;transition:160ms ease}.copyCodeBtn:hover{background:rgba(93,168,255,.22);border-color:rgba(93,168,255,.46);transform:translateY(-1px)}.codeScroll{display:grid;grid-template-columns:auto minmax(0,1fr);max-width:100%;max-height:17.6em;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(147,166,204,.28) transparent}.codeScroll::-webkit-scrollbar{width:8px;height:8px}.codeScroll::-webkit-scrollbar-thumb{background:rgba(147,166,204,.20);border-radius:999px}.codeScroll:hover::-webkit-scrollbar-thumb,.codeScroll:focus-within::-webkit-scrollbar-thumb{background:rgba(147,166,204,.38)}.codeLineNumbers{position:sticky;left:0;z-index:1;display:flex;flex-direction:column;align-items:flex-end;min-width:42px;padding:16px 10px 18px 8px;border-right:1px solid rgba(255,255,255,.07);background:rgba(15,19,29,.72);color:rgba(174,190,220,.48);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;user-select:none}.codeLineNumbers span{height:1.6em}.buildBody pre code{display:block;min-width:max-content;max-width:none;overflow:visible;padding:16px 18px 18px 14px;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:#f0f5ff;-webkit-overflow-scrolling:touch}.buildBody code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#f0f5ff}.buildBody p code{background:rgba(255,255,255,.08);padding:2px 5px;border-radius:6px}.codeKeyword{color:#9ec7ff;font-weight:900}.codeString{color:#8df0c8}.codeNumber{color:#ffe08c}.codeComment{color:#9aa8c2;font-style:italic}.codeTag{color:#a6c9ff}.codeAttr{color:#ffe08c}

.buildModal{position:fixed;inset:0;z-index:10000;display:none;align-items:flex-start;justify-content:center;padding:24px 14px;overflow:auto}.buildModal.open{display:flex}.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.buildForm{width:min(860px,100%);padding:18px;z-index:1}.formHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.formHead h2{font-family:Poppins,sans-serif;margin:10px 0 0}.iconBtn{width:40px;height:40px;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:var(--text);cursor:pointer}label{display:grid;gap:7px;color:rgba(233,238,252,.92);font-weight:900;margin-top:12px}.fieldLabel{color:rgba(233,238,252,.92);font-weight:900;margin:12px 0 8px}input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:var(--text);border-radius:14px;padding:12px;outline:none}textarea{resize:vertical}.toolGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.toolGrid label{margin:0;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:14px;padding:10px;display:flex;align-items:center;gap:8px}.toolGrid input{width:auto}.formGrid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.proofNote{margin-top:12px;border:1px solid rgba(93,168,255,.22);background:rgba(47,125,255,.08);color:#dceaff;border-radius:14px;padding:12px;line-height:1.55}.formActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}

.notifModal{position:fixed;inset:0;z-index:12000;display:none;pointer-events:none}
.notifModal.open{display:flex}
.notifBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);pointer-events:auto}
.notifPanel{position:fixed;width:min(420px, calc(100vw - 24px));max-height:min(560px, calc(100vh - 24px));display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(12,16,27,.98);box-shadow:0 30px 90px rgba(0,0,0,.5), 0 0 0 1px rgba(93,168,255,.06)}
.notifHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.notifHeader .title{display:flex;align-items:center;gap:8px;font-weight:900}
.notifHeader .right{display:flex;align-items:center;gap:8px}
.notifHeader .muted{color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}
.notifAction,.notifClose{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.055);color:var(--text);font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.notifAction{padding:0 10px}
.notifClose{width:34px;padding:0}
.notifAction:hover,.notifClose:hover{background:rgba(93,168,255,.12);border-color:rgba(93,168,255,.32)}
.notifAction[disabled]{opacity:.45;cursor:not-allowed}
.notifBody{overflow:auto;padding:8px}
.notifList{display:grid;gap:6px}
.notifItem{display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;padding:11px;border:1px solid transparent;border-radius:13px;cursor:pointer}
.notifItem:hover{border-color:rgba(93,168,255,.24);background:rgba(93,168,255,.08)}
.notifDot{width:8px;height:8px;margin-top:6px;border-radius:999px;background:rgba(255,255,255,.22)}
.notifItem.unread .notifDot{background:#5da8ff;box-shadow:0 0 12px rgba(93,168,255,.45)}
.notifMain{min-width:0}
.notifText{color:var(--text);font-size:13px;font-weight:800;line-height:1.35}
.notifMeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;color:var(--muted);font-size:11px;font-weight:800;text-transform:capitalize}
.notifEmpty{padding:24px 12px;color:var(--muted);text-align:center;font-weight:800}
.footer{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;color:var(--muted)}.footer-content{width:min(1500px,calc(100% - 44px));margin:0 auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-weight:800}.footer a{margin-left:18px}

@media(max-width:1080px){.buildGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailSections{grid-template-columns:1fr}.ratingGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.nav-shell{width:min(100% - 32px,var(--max))}nav,.nav-actions{display:none!important}.hamburger{display:inline-flex!important;margin-left:0;order:1;align-items:center;justify-content:center}.notifWrap{order:2}.profile-wrap{order:3}.nav-right{gap:10px}.buildHero{display:grid}.buildHeroActions{justify-content:flex-start}.toolGrid,.formGrid2,.buildGrid{grid-template-columns:1fr}.buildsPage{width:min(100% - 28px,1500px);padding-top:34px}.buildHero h1{font-size:3rem}.footer-content{width:min(100% - 28px,1500px)}}
@media(max-width:680px){.notifPanel{left:12px!important;right:12px!important;top:calc(var(--navH) + 10px)!important;width:auto;max-height:calc(100vh - var(--navH) - 22px)}.notifHeader{align-items:flex-start}.notifHeader .right{flex-wrap:wrap;justify-content:flex-end}.buildForm{padding:14px}.detailHero,.detailSection,.buildCard{padding:16px}.ratingGrid{grid-template-columns:1fr}.codeScroll{max-height:14.4em}.codeLineNumbers{min-width:34px;padding-left:6px;padding-right:8px}.buildBody pre code{padding-left:12px}}

/* Mobile header/avatar consistency with the homepage */
.profile-btn{padding:0;overflow:hidden}
.profile-btn .navProfileAvatar,
.profile-btn img.navProfileAvatar{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:999px;display:block}
.mobile-inner a i{width:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px}

.imageUploadBox{
  margin-top:12px;
  border:1px solid rgba(93,168,255,.22);
  background:linear-gradient(180deg,rgba(47,125,255,.10),rgba(255,255,255,.035));
  border-radius:16px;
  padding:12px;
}
.imageUploadBox p{
  margin:0 0 10px;
  color:var(--muted);
  font-weight:760;
}
.imageUploadBox.dragging{
  border-color:rgba(93,168,255,.55);
  box-shadow:0 0 24px rgba(47,125,255,.14);
}
.imageUploadActions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.imageUploadActions span{
  color:#cfe0ff;
  font-size:12px;
  font-weight:900;
}
.imagePreviewGrid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.imagePreviewItem{
  position:relative;
  aspect-ratio:1.35;
  overflow:hidden;
  border-radius:12px;
  border:1px solid rgba(93,168,255,.22);
  background:rgba(255,255,255,.05);
}
.imagePreviewItem img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.imagePreviewItem [data-remove-build-image]{
  position:absolute;
  top:6px;
  right:6px;
  width:26px;
  height:26px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(5,8,22,.72);
  color:#fff;
  cursor:pointer;
}
.imagePreviewItem.selectedThumbnail{
  border-color:rgba(93,168,255,.64);
  box-shadow:0 0 0 2px rgba(93,168,255,.18),0 0 20px rgba(47,125,255,.14);
}
.thumbnailPickBtn{
  position:absolute;
  left:6px;
  bottom:6px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(5,8,22,.74);
  color:#eef6ff;
  min-height:26px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:10.5px;
  font-weight:900;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.imagePreviewItem.selectedThumbnail .thumbnailPickBtn{
  background:linear-gradient(135deg,rgba(47,125,255,.82),rgba(139,92,246,.66));
  border-color:rgba(147,197,253,.48);
}
.buildScreenshots{
  grid-column:1 / -1;
}
.screenshotGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.screenshotThumb{
  aspect-ratio:16 / 10;
  border:1px solid rgba(93,168,255,.22);
  background:rgba(255,255,255,.04);
  border-radius:16px;
  overflow:hidden;
  padding:0;
  cursor:pointer;
  transition:160ms ease;
}
.screenshotThumb:hover{
  transform:translateY(-2px);
  border-color:rgba(93,168,255,.45);
  box-shadow:0 14px 28px rgba(0,0,0,.28),0 0 22px rgba(47,125,255,.12);
}
.screenshotThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.screenshotLightbox{
  position:fixed;
  inset:0;
  z-index:12000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.screenshotLightbox.open{display:flex}
.screenshotLightboxBackdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(10px);
}
.screenshotLightboxPanel{
  position:relative;
  z-index:1;
  width:min(1100px,96vw);
  max-height:88vh;
  display:grid;
  place-items:center;
}
.screenshotLightboxPanel img{
  max-width:100%;
  max-height:88vh;
  object-fit:contain;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 24px 80px rgba(0,0,0,.58);
}
.screenshotClose{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  background:rgba(5,8,22,.72);
}
.screenshotNav{
  position:absolute;
  top:50%;
  z-index:2;
  transform:translateY(-50%);
  background:rgba(5,8,22,.72);
}
.screenshotNav.prev{left:12px}
.screenshotNav.next{right:12px}
@media(max-width:860px){
  .imagePreviewGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .screenshotGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .imagePreviewGrid,.screenshotGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Phase 3 polish: refined showcase cards and usable create modal */
.buildCard{
  min-height:250px;
  padding:18px;
  gap:12px;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(12,18,32,.72));
  border-color:rgba(255,255,255,.075);
}
.proofBadge.weekly{
  border-color:rgba(103,240,180,.32);
  background:linear-gradient(135deg,rgba(103,240,180,.14),rgba(47,125,255,.10));
  color:#ddfff0;
  box-shadow:0 0 18px rgba(103,240,180,.12);
}
.buildCard h3{
  font-size:1.18rem;
}
.buildCard p{
  line-height:1.5;
}
.detailHero,.detailSection{
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(12,18,32,.70));
  border-color:rgba(255,255,255,.08);
}
.detailHero{
  padding:22px;
}
.detailSection{
  padding:18px;
}
.toolChip,.statPill,.proofBadge{
  padding:6px 9px;
}
.buildModal{
  align-items:center;
  overflow:hidden;
}
.buildForm{
  max-height:calc(100vh - 48px);
  overflow:auto;
  scrollbar-width:none;
}
.buildForm:hover,.buildForm:focus-within{
  scrollbar-width:thin;
  scrollbar-color:rgba(93,168,255,.34) transparent;
}

/* Phase 4 proof/status badge polish */
.detailHero > #backToBuilds{
  margin-bottom:14px;
}
.detailHero .detailTop .chipRow{
  gap:8px;
  margin-bottom:2px;
}
.proofBadge{
  border-color:rgba(93,168,255,.26);
  background:rgba(47,125,255,.10);
  color:#e7f1ff;
  box-shadow:0 0 14px rgba(47,125,255,.08);
}
.proofBadge.live{
  border-color:rgba(103,240,140,.28);
  background:rgba(103,240,140,.09);
  color:#e5fff1;
  box-shadow:0 0 14px rgba(103,240,140,.08);
}
.proofBadge.verified{
  border-color:rgba(93,168,255,.38);
  background:rgba(93,168,255,.13);
  color:#e9f3ff;
  box-shadow:0 0 16px rgba(93,168,255,.13);
}
.proofBadge.featured{
  border-color:rgba(255,193,99,.38);
  background:rgba(255,193,99,.12);
  color:#ffe8c4;
  box-shadow:0 0 18px rgba(255,193,99,.13);
}
.proofBadge.weekly{
  border-color:rgba(103,240,180,.40);
  background:linear-gradient(135deg,rgba(103,240,180,.16),rgba(47,125,255,.11));
  color:#e4fff3;
  box-shadow:0 0 20px rgba(103,240,180,.14);
}
.buildForm::-webkit-scrollbar{
  width:0;
  height:0;
}
.buildForm:hover::-webkit-scrollbar,.buildForm:focus-within::-webkit-scrollbar{
  width:7px;
  height:7px;
}
.buildForm::-webkit-scrollbar-thumb{
  background:rgba(93,168,255,.30);
  border-radius:999px;
}
@media(max-width:680px){
  .buildModal{
    align-items:flex-start;
    padding:12px;
  }
  .buildForm{
    max-height:calc(100vh - 24px);
  }
  .buildCard{
    min-height:0;
  }
}

/* AI Builds cleanup polish: slimmer showcase cards */
.buildGrid{
  gap:14px;
}
.buildCard{
  min-height:220px;
  padding:16px;
  gap:11px;
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0%,rgba(93,168,255,.075),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.052),rgba(12,18,32,.68));
}
.buildCard .chipRow:first-child{
  gap:6px;
}
.buildCard h3{
  font-size:1.1rem;
  letter-spacing:0;
}
.buildCard p{
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.buildCard .statRow{
  gap:7px;
}
.buildCard .primaryBtn.viewBtn{
  min-height:38px;
  padding:9px 12px;
}
.detailHero,.detailSection{
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 0%,rgba(93,168,255,.07),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.052),rgba(12,18,32,.68));
}
.detailHero h2{
  margin:10px 0;
}
.detailSection{
  padding:17px;
}
.toolChip,.statPill,.proofBadge{
  padding:5px 8px;
}

/* AI Builds visual polish: premium showcase styling only */
.buildHero{
  align-items:stretch;
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  background:
    radial-gradient(620px 300px at 78% 18%,rgba(93,168,255,.16),transparent 64%),
    radial-gradient(460px 260px at 18% 0%,rgba(103,240,180,.08),transparent 68%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(12,18,32,.64));
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.buildHeroCopy{
  min-width:0;
  flex:1 1 560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.buildHero .buildHeroActions{
  justify-content:flex-start;
  margin-top:18px;
}
.buildHeroVisual{
  flex:0 1 470px;
  min-width:320px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.heroVisualWindow{
  width:min(100%,470px);
  aspect-ratio:1.62;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),
    radial-gradient(420px 220px at 70% 30%,rgba(93,168,255,.18),transparent 65%),
    rgba(9,14,25,.76);
  box-shadow:0 22px 64px rgba(0,0,0,.42),0 0 34px rgba(47,125,255,.12),inset 0 1px 0 rgba(255,255,255,.09);
  overflow:hidden;
  position:relative;
}
.heroVisualTop{
  height:38px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
}
.heroVisualTop span{
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(180,202,240,.45);
}
.heroVisualTop span:first-child{background:#7fb1ff}
.heroVisualTop span:nth-child(2){background:#78efbd}
.heroVisualTop span:nth-child(3){background:#ffd47b}
.heroVisualCanvas{
  position:relative;
  height:calc(100% - 38px);
  padding:18px;
}
.heroVisualPanel{
  position:absolute;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(12,18,32,.70);
  color:#e9f3ff;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
}
.heroVisualPanel.main{
  inset:28px auto auto 24px;
  width:min(58%,260px);
  min-height:126px;
  padding:18px;
  display:grid;
  align-content:center;
  justify-items:start;
}
.heroVisualPanel.main i{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#eaf4ff;
  background:linear-gradient(135deg,rgba(47,125,255,.55),rgba(103,240,180,.16));
  border:1px solid rgba(93,168,255,.28);
}
.heroVisualPanel.main strong{
  font-family:Poppins,sans-serif;
  font-size:1.04rem;
}
.heroVisualPanel.main em{
  color:rgba(190,205,232,.78);
  font-style:normal;
  font-size:12px;
  font-weight:850;
}
.heroVisualPanel.side{
  padding:10px 12px;
  font-size:12px;
  font-weight:950;
}
.heroVisualPanel.side i{color:#8fc2ff}
.heroVisualPanel.one{right:22px;top:38px}
.heroVisualPanel.two{right:52px;bottom:58px;color:#ffe8c4}
.heroVisualPanel.two i{color:#ffd47b}
.heroVisualPanel.three{left:58px;bottom:28px;color:#e4fff3}
.heroVisualPanel.three i{color:#78efbd}
.heroVisualGlow{
  position:absolute;
  width:180px;
  height:180px;
  right:16px;
  top:74px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(93,168,255,.18),transparent 68%);
  filter:blur(2px);
}
.buildCard{
  min-height:232px;
  padding:18px;
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
    radial-gradient(420px 210px at 18% 0%,rgba(93,168,255,.12),transparent 62%),
    rgba(10,15,27,.70);
  border-color:rgba(180,205,255,.105);
  box-shadow:0 16px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055);
}
.buildCard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 28%,transparent 70%,rgba(93,168,255,.055));
  opacity:.75;
}
.buildCard > *{
  position:relative;
  z-index:1;
}
.buildCard:hover{
  transform:translateY(-5px);
  border-color:rgba(93,168,255,.42);
  box-shadow:0 26px 70px rgba(0,0,0,.42),0 0 34px rgba(47,125,255,.14),inset 0 1px 0 rgba(255,255,255,.075);
}
.buildCard h3{
  font-size:1.15rem;
  line-height:1.22;
}
.creatorLine{
  color:rgba(198,211,236,.80);
}
.chipRow,.statRow{
  gap:7px;
}
.proofBadge{
  position:relative;
  min-height:28px;
  padding:7px 10px;
  border-radius:999px;
  border-color:rgba(129,181,255,.28);
  background:linear-gradient(180deg,rgba(47,125,255,.15),rgba(47,125,255,.075));
  color:#eaf4ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 16px rgba(47,125,255,.08);
  letter-spacing:.01em;
}
.proofBadge i{
  font-size:11px;
  opacity:.98;
}
.proofBadge.live{
  border-color:rgba(103,240,140,.34);
  background:linear-gradient(180deg,rgba(103,240,140,.14),rgba(103,240,140,.065));
  color:#e8fff1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(103,240,140,.10);
}
.proofBadge.verified{
  border-color:rgba(116,183,255,.46);
  background:linear-gradient(180deg,rgba(93,168,255,.19),rgba(47,125,255,.08));
  color:#f0f8ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 22px rgba(93,168,255,.15);
}
.proofBadge.featured{
  border-color:rgba(255,196,109,.48);
  background:linear-gradient(180deg,rgba(255,193,99,.20),rgba(255,193,99,.08));
  color:#fff0d6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 24px rgba(255,193,99,.16);
}
.proofBadge.weekly{
  border-color:rgba(111,242,190,.54);
  background:
    linear-gradient(180deg,rgba(103,240,180,.22),rgba(47,125,255,.10)),
    rgba(10,18,28,.74);
  color:#f0fff8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 30px rgba(103,240,180,.20);
}
.proofBadge.weekly::after{
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:#8dffd2;
  box-shadow:0 0 12px rgba(103,240,180,.65);
  margin-left:2px;
}
.toolChip{
  min-height:27px;
  padding:6px 9px;
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  color:rgba(223,233,252,.86);
}
.statPill,.ownerRatingNote{
  min-height:31px;
  padding:7px 10px;
  border-radius:999px;
  border-color:rgba(129,181,255,.24);
  background:linear-gradient(180deg,rgba(47,125,255,.115),rgba(255,255,255,.035));
  color:rgba(232,240,255,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065);
}
.statPill i,.ownerRatingNote i{
  color:#8fc2ff;
}
.statPill:hover,.ownerRatingNote:hover{
  border-color:rgba(93,168,255,.38);
  background:linear-gradient(180deg,rgba(47,125,255,.16),rgba(255,255,255,.045));
}
.detailHero{
  background:
    radial-gradient(620px 260px at 16% 0%,rgba(93,168,255,.12),transparent 66%),
    radial-gradient(420px 220px at 94% 12%,rgba(103,240,180,.075),transparent 66%),
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(12,18,32,.72));
  border-color:rgba(180,205,255,.11);
  box-shadow:0 18px 52px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);
}
.detailActions{
  align-items:flex-start;
}
.detailHero > #backToBuilds{
  margin-bottom:18px;
}
.detailHero .chipRow{
  gap:7px;
}
.detailHero h2{
  letter-spacing:-.04em;
}
@media(max-width:1080px){
  .buildHero{
    display:grid;
    grid-template-columns:1fr;
  }
  .buildHeroVisual{
    width:100%;
    min-width:0;
    justify-content:flex-start;
  }
  .heroVisualWindow{
    max-width:560px;
  }
}
@media(max-width:860px){
  .buildHero{
    padding:18px;
    border-radius:22px;
  }
  .buildHeroVisual{
    display:none;
  }
  .buildHero .buildHeroActions{
    justify-content:flex-start;
  }
}
@media(max-width:680px){
  .buildHero h1{
    font-size:2.85rem;
  }
  .proofBadge,.toolChip,.statPill,.ownerRatingNote{
    max-width:100%;
  }
  .statRow,.chipRow,.detailActions{
    gap:7px;
  }
}

/* AI Builds revision: gallery-style card previews and status ribbons */
.buildHero{
  min-height:300px;
}
.heroVisualWindow{
  transform:perspective(900px) rotateY(-5deg) rotateX(2deg);
}
.heroVisualWindow::after{
  content:"";
  position:absolute;
  inset:42px 28px auto auto;
  width:92px;
  height:92px;
  border-radius:24px;
  background:
    linear-gradient(135deg,rgba(103,240,180,.16),rgba(93,168,255,.08)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 18px);
  border:1px solid rgba(129,181,255,.16);
  opacity:.7;
}
.heroVisualPanel.side{
  border-radius:999px;
}
.buildCard{
  padding:0;
  gap:0;
  min-height:0;
  border-radius:24px;
  overflow:hidden;
}
.buildCardBody{
  padding:16px;
  display:flex;
  flex:1;
  flex-direction:column;
  gap:11px;
}
.buildPreview{
  position:relative;
  height:150px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(220px 120px at 74% 32%,rgba(103,240,180,.16),transparent 68%),
    radial-gradient(260px 150px at 20% 10%,rgba(93,168,255,.22),transparent 68%),
    linear-gradient(145deg,rgba(20,31,52,.92),rgba(8,12,22,.96));
}
.buildPreview.hasImage img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:saturate(1.05) contrast(1.02);
}
.buildPreview.hasImage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(6,10,18,.08),rgba(6,10,18,.50));
}
.previewGrid{
  position:absolute;
  inset:0;
  opacity:.42;
  background:
    linear-gradient(rgba(129,181,255,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(129,181,255,.11) 1px,transparent 1px);
  background-size:26px 26px;
  mask-image:radial-gradient(circle at 50% 44%,black,transparent 76%);
}
.previewOrb{
  position:absolute;
  border-radius:999px;
  filter:blur(1px);
}
.previewOrb.one{
  width:130px;
  height:130px;
  right:18px;
  top:18px;
  background:radial-gradient(circle,rgba(93,168,255,.30),transparent 68%);
}
.previewOrb.two{
  width:94px;
  height:94px;
  left:28px;
  bottom:4px;
  background:radial-gradient(circle,rgba(103,240,180,.18),transparent 70%);
}
.previewDevice{
  position:absolute;
  left:50%;
  top:50%;
  width:min(62%,245px);
  height:86px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(195,216,255,.16);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  box-shadow:0 20px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}
.previewDevice span{
  position:absolute;
  left:16px;
  right:52px;
  height:6px;
  border-radius:999px;
  background:rgba(213,229,255,.16);
}
.previewDevice span:first-child{top:20px;width:46%}
.previewDevice span:nth-child(2){top:38px;width:70%}
.previewDevice span:nth-child(3){top:56px;width:54%}
.previewDevice i{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  color:#8fc2ff;
  font-size:24px;
  filter:drop-shadow(0 0 14px rgba(93,168,255,.35));
}
.buildRibbon{
  position:absolute;
  z-index:3;
  left:12px;
  top:12px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:calc(100% - 24px);
  min-height:31px;
  padding:8px 11px;
  border-radius:11px 999px 999px 11px;
  border:1px solid rgba(129,181,255,.34);
  background:linear-gradient(135deg,rgba(47,125,255,.88),rgba(22,36,62,.88));
  color:#f4f9ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.01em;
  box-shadow:0 12px 28px rgba(0,0,0,.30),0 0 18px rgba(47,125,255,.18),inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(12px);
}
.buildRibbon::after{
  content:"";
  position:absolute;
  left:9px;
  bottom:-6px;
  width:12px;
  height:6px;
  clip-path:polygon(0 0,100% 0,0 100%);
  background:rgba(18,35,62,.92);
}
.buildRibbon.weekly{
  border-color:rgba(111,242,190,.56);
  background:linear-gradient(135deg,rgba(88,224,173,.92),rgba(47,125,255,.74));
  color:#06131a;
  box-shadow:0 14px 32px rgba(0,0,0,.32),0 0 24px rgba(103,240,180,.25),inset 0 1px 0 rgba(255,255,255,.30);
}
.buildRibbon.featured{
  border-color:rgba(255,204,122,.58);
  background:linear-gradient(135deg,rgba(255,206,112,.94),rgba(129,81,33,.86));
  color:#161006;
  box-shadow:0 14px 32px rgba(0,0,0,.32),0 0 22px rgba(255,193,99,.20),inset 0 1px 0 rgba(255,255,255,.28);
}
.buildRibbon.verified{
  border-color:rgba(128,194,255,.55);
  background:linear-gradient(135deg,rgba(113,183,255,.92),rgba(42,72,132,.86));
}
.buildCard .statusRow{
  margin-top:-2px;
}
.statPill,.ownerRatingNote{
  gap:7px;
  justify-content:center;
  white-space:nowrap;
}
.buildCard .statRow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.buildCard .statPill{
  justify-content:flex-start;
  min-width:0;
}
.buildCard .viewBtn{
  width:100%;
  justify-content:center;
  margin-top:2px;
}
.weeklyArchiveCard .buildCardBody{
  min-height:235px;
}
.winnerSpotlight .buildPreview{
  height:190px;
  border:1px solid rgba(180,205,255,.11);
  border-radius:22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 38px rgba(0,0,0,.24);
}
@media(max-width:860px){
  .buildPreview{
    height:138px;
  }
  .winnerSpotlight .buildPreview{
    height:160px;
  }
}
@media(max-width:680px){
  .buildCard{
    padding:0;
  }
  .buildCardBody{
    padding:14px;
  }
  .buildRibbon{
    left:10px;
    top:10px;
    max-width:calc(100% - 20px);
    min-height:29px;
    padding:7px 10px;
    font-size:10.5px;
  }
  .buildCard .statRow{
    grid-template-columns:1fr;
  }
}

/* AI Builds final refinement: compact premium showcase, visible status stack */
.buildHero{
  min-height:264px;
  padding:20px;
}
.heroVisualWindow{
  transform:perspective(900px) rotateY(-3deg) rotateX(1deg);
  filter:saturate(.96);
}
.heroVisualPanel{
  background:rgba(10,16,29,.72);
}
.heroVisualPanel.main{
  min-height:108px;
}
.buildCard{
  border-radius:20px;
  box-shadow:0 14px 36px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05);
}
.buildCard:hover{
  transform:translateY(-3px);
}
.buildCardBody{
  padding:13px;
  gap:8px;
}
.buildPreview{
  height:118px;
  background:
    radial-gradient(185px 92px at 74% 30%,rgba(93,168,255,.14),transparent 68%),
    radial-gradient(220px 112px at 20% 8%,rgba(103,240,180,.10),transparent 70%),
    linear-gradient(145deg,rgba(16,25,43,.94),rgba(7,11,20,.98));
}
.buildPreview.previewAlt1{
  background:
    radial-gradient(190px 94px at 26% 18%,rgba(116,183,255,.15),transparent 68%),
    radial-gradient(210px 110px at 82% 76%,rgba(255,193,99,.08),transparent 70%),
    linear-gradient(145deg,rgba(15,22,38,.96),rgba(7,11,20,.98));
}
.buildPreview.previewAlt2{
  background:
    radial-gradient(190px 94px at 68% 16%,rgba(170,145,255,.12),transparent 68%),
    radial-gradient(210px 110px at 14% 78%,rgba(93,168,255,.12),transparent 70%),
    linear-gradient(145deg,rgba(15,23,40,.96),rgba(7,11,20,.98));
}
.buildPreview.previewAlt3{
  background:
    radial-gradient(190px 94px at 18% 32%,rgba(103,240,180,.10),transparent 68%),
    radial-gradient(210px 110px at 82% 20%,rgba(93,168,255,.13),transparent 70%),
    linear-gradient(145deg,rgba(14,21,36,.96),rgba(7,11,20,.98));
}
.previewGrid{
  opacity:.28;
  background-size:24px 24px;
}
.previewOrb.one{
  width:105px;
  height:105px;
  opacity:.72;
}
.previewOrb.two{
  width:74px;
  height:74px;
  opacity:.72;
}
.previewDevice{
  width:min(56%,200px);
  height:64px;
  border-radius:15px;
}
.previewDevice span{
  left:13px;
  right:42px;
  height:4px;
}
.previewDevice span:first-child{top:15px}
.previewDevice span:nth-child(2){top:30px}
.previewDevice span:nth-child(3){top:45px}
.previewDevice i{
  right:14px;
  font-size:19px;
  color:#82b8f8;
}
.buildRibbon{
  min-height:25px;
  padding:6px 9px;
  font-size:10px;
  border-radius:9px 999px 999px 9px;
  color:#edf6ff;
  border-color:rgba(129,181,255,.26);
  background:linear-gradient(135deg,rgba(45,87,146,.88),rgba(13,22,39,.90));
  box-shadow:0 10px 22px rgba(0,0,0,.28),0 0 13px rgba(47,125,255,.10),inset 0 1px 0 rgba(255,255,255,.12);
}
.buildRibbon::after{
  opacity:.78;
}
.buildRibbon.weekly{
  color:#e9fff6;
  border-color:rgba(103,240,180,.32);
  background:linear-gradient(135deg,rgba(25,98,82,.92),rgba(24,49,86,.90));
  box-shadow:0 10px 24px rgba(0,0,0,.30),0 0 16px rgba(103,240,180,.13),inset 0 1px 0 rgba(255,255,255,.14);
}
.buildRibbon.featured{
  color:#fff2da;
  border-color:rgba(255,196,109,.34);
  background:linear-gradient(135deg,rgba(121,84,35,.92),rgba(42,30,20,.92));
  box-shadow:0 10px 24px rgba(0,0,0,.30),0 0 15px rgba(255,193,99,.12),inset 0 1px 0 rgba(255,255,255,.12);
}
.buildRibbon.verified{
  color:#edf7ff;
  border-color:rgba(116,183,255,.36);
  background:linear-gradient(135deg,rgba(46,94,151,.92),rgba(22,35,62,.92));
}
.buildCard .statusRow .proofBadge.weekly,
.buildCard .statusRow .proofBadge.featured,
.buildCard .statusRow .proofBadge.verified{
  display:inline-flex;
}
.proofBadge{
  min-height:24px;
  padding:5px 8px;
  font-size:10.8px;
}
.proofBadge.weekly{
  border-color:rgba(103,240,180,.34);
  background:linear-gradient(180deg,rgba(103,240,180,.13),rgba(47,125,255,.055));
  color:#eafff5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 16px rgba(103,240,180,.10);
}
.proofBadge.featured{
  border-color:rgba(255,196,109,.34);
  background:linear-gradient(180deg,rgba(255,193,99,.13),rgba(255,193,99,.045));
}
.proofBadge.verified{
  border-color:rgba(116,183,255,.34);
  background:linear-gradient(180deg,rgba(93,168,255,.13),rgba(47,125,255,.055));
}
.proofBadge.live{
  border-color:rgba(103,240,140,.24);
  background:rgba(103,240,140,.065);
}
.toolChip{
  min-height:24px;
  padding:5px 8px;
  font-size:10.8px;
}
.statPill,.ownerRatingNote{
  min-height:27px;
  padding:6px 8px;
  font-size:11px;
  white-space:normal;
}
.buildCard .statRow{
  gap:6px;
}
.buildCard h3{
  font-size:1.05rem;
}
.buildCard p{
  line-height:1.42;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.creatorLine{
  font-size:12px;
}
.weeklyArchiveCard .buildCardBody{
  min-height:0;
}
.winnerSpotlight .buildPreview{
  height:138px;
  border-radius:18px;
}
@media(max-width:860px){
  .buildHero{
    min-height:auto;
  }
  .buildPreview{
    height:110px;
  }
  .winnerSpotlight .buildPreview{
    height:122px;
  }
}
@media(max-width:680px){
  .buildPreview{
    height:104px;
  }
  .buildRibbon{
    min-height:24px;
    padding:5px 8px;
    font-size:9.8px;
  }
}

/* AI Builds visual correction: proper media banners, compact content, multi-status overlay */
.buildGrid{
  align-items:stretch;
}
.buildCard{
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)),
    rgba(9,14,25,.76);
}
.buildCardBody{
  padding:14px;
  gap:9px;
}
.buildPreview{
  height:158px;
  border-bottom-color:rgba(180,205,255,.10);
  background:
    radial-gradient(280px 160px at 72% 22%,rgba(93,168,255,.18),transparent 66%),
    radial-gradient(240px 150px at 18% 80%,rgba(103,240,180,.095),transparent 70%),
    linear-gradient(145deg,rgba(18,28,48,.96),rgba(6,10,19,.98));
}
.buildPreview.previewAlt1{
  background:
    radial-gradient(280px 160px at 24% 20%,rgba(116,183,255,.16),transparent 66%),
    radial-gradient(250px 150px at 84% 78%,rgba(255,193,99,.085),transparent 70%),
    linear-gradient(145deg,rgba(17,25,43,.96),rgba(6,10,19,.98));
}
.buildPreview.previewAlt2{
  background:
    radial-gradient(280px 160px at 70% 18%,rgba(150,132,255,.13),transparent 66%),
    radial-gradient(250px 150px at 13% 80%,rgba(93,168,255,.13),transparent 70%),
    linear-gradient(145deg,rgba(16,25,43,.96),rgba(6,10,19,.98));
}
.buildPreview.previewAlt3{
  background:
    radial-gradient(280px 160px at 20% 36%,rgba(103,240,180,.11),transparent 66%),
    radial-gradient(250px 150px at 84% 24%,rgba(93,168,255,.14),transparent 70%),
    linear-gradient(145deg,rgba(15,23,39,.96),rgba(6,10,19,.98));
}
.previewGrid{
  opacity:.34;
  background-size:28px 28px;
}
.previewDevice{
  width:min(66%,250px);
  height:82px;
  border-radius:18px;
  transform:translate(-50%,-50%) rotate(-1.5deg);
}
.buildPreview.previewAlt1 .previewDevice{
  left:47%;
  transform:translate(-50%,-50%) rotate(1.5deg);
}
.buildPreview.previewAlt2 .previewDevice{
  left:54%;
  top:52%;
}
.buildPreview.previewAlt3 .previewDevice{
  top:48%;
  transform:translate(-50%,-50%) rotate(.8deg);
}
.previewDevice span{
  height:5px;
}
.previewDevice span:first-child{top:18px}
.previewDevice span:nth-child(2){top:36px}
.previewDevice span:nth-child(3){top:54px}
.previewDevice i{
  font-size:22px;
}
.buildRibbonStack{
  position:absolute;
  z-index:4;
  left:12px;
  top:12px;
  right:12px;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px;
  pointer-events:none;
}
.buildRibbon{
  position:relative;
  left:auto;
  top:auto;
  max-width:100%;
  min-height:25px;
  padding:6px 9px;
  border-radius:999px;
  font-size:10px;
}
.buildRibbon::after{
  content:none;
}
.buildRibbon.weekly{
  min-height:28px;
  padding:7px 10px;
  border-radius:10px 999px 999px 10px;
  font-size:10.4px;
}
.buildRibbon.featured,
.buildRibbon.verified{
  transform:translateY(1px);
}
.buildCard .statusRow{
  gap:6px;
}
.buildCard .statusRow .proofBadge.weekly,
.buildCard .statusRow .proofBadge.featured,
.buildCard .statusRow .proofBadge.verified{
  display:inline-flex;
}
.buildCard .statusRow .proofBadge.weekly{
  order:1;
}
.buildCard .statusRow .proofBadge.featured{
  order:2;
}
.buildCard .statusRow .proofBadge.verified{
  order:3;
}
.buildCard .statusRow .proofBadge.live,
.buildCard .statusRow .proofBadge:not(.weekly):not(.featured):not(.verified){
  order:4;
}
.buildCard h3{
  font-size:1.08rem;
}
.buildCard .statRow{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.buildCard .statPill{
  min-height:26px;
  padding:5px 8px;
}
.buildCard .viewBtn{
  min-height:38px;
}
.winnerSpotlight .buildPreview{
  height:166px;
}
@media(max-width:860px){
  .buildPreview{
    height:132px;
  }
  .winnerSpotlight .buildPreview{
    height:140px;
  }
}
@media(max-width:680px){
  .buildPreview{
    height:122px;
  }
  .buildRibbonStack{
    left:10px;
    right:10px;
    top:10px;
  }
  .buildRibbon{
    min-height:23px;
    padding:5px 8px;
    font-size:9.5px;
  }
  .buildRibbon.weekly{
    min-height:25px;
    padding:6px 9px;
  }
}

/* AI Builds integrated card correction: full-card visual background */
.buildCard{
  min-height:360px;
  display:flex;
  justify-content:flex-end;
  isolation:isolate;
  border-radius:22px;
  background:rgba(8,12,22,.92);
}
.buildCard::before{
  z-index:1;
  background:
    linear-gradient(180deg,rgba(3,6,12,.06),rgba(3,6,12,.62) 54%,rgba(3,6,12,.90)),
    radial-gradient(420px 230px at 78% 10%,rgba(93,168,255,.13),transparent 70%);
  opacity:1;
}
.buildPreview{
  position:absolute;
  inset:0;
  z-index:0;
  height:auto;
  border:0;
  pointer-events:none;
}
.buildPreview.hasImage img{
  position:absolute;
  inset:0;
}
.buildPreview.hasImage::after{
  background:
    linear-gradient(180deg,rgba(4,8,15,.18),rgba(4,8,15,.74) 58%,rgba(4,8,15,.94)),
    radial-gradient(420px 230px at 78% 12%,rgba(93,168,255,.16),transparent 68%);
}
.previewGrid{
  opacity:.30;
}
.previewDevice{
  top:31%;
  opacity:.72;
}
.previewOrb.one{
  right:8%;
  top:10%;
  opacity:.58;
}
.previewOrb.two{
  left:8%;
  bottom:22%;
  opacity:.50;
}
.buildCardBody{
  position:relative;
  z-index:2;
  margin:122px 12px 12px;
  width:calc(100% - 24px);
  padding:13px;
  border:1px solid rgba(255,255,255,.105);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(7,11,20,.78),rgba(7,11,20,.66));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(13px);
}
.buildRibbonStack{
  left:12px;
  top:12px;
  right:auto;
  max-width:calc(100% - 24px);
  z-index:3;
}
.buildRibbon{
  box-shadow:0 10px 22px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.12);
}
.buildCard .statusRow .proofBadge.weekly,
.buildCard .statusRow .proofBadge.featured,
.buildCard .statusRow .proofBadge.verified{
  display:none;
}
.buildCard .statusRow{
  margin:0;
}
.buildCard h3{
  color:#f6f9ff;
  text-shadow:0 1px 18px rgba(0,0,0,.22);
}
.buildCard p{
  color:rgba(218,228,249,.84);
}
.buildCard .toolChip{
  background:rgba(255,255,255,.075);
}
.buildCard .statRow{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:2px;
}
.buildCard .statPill{
  background:rgba(8,13,24,.58);
  border-color:rgba(180,205,255,.12);
}
.buildCard .viewBtn{
  margin-top:1px;
}
.weeklyArchiveCard{
  min-height:335px;
}
.winnerSpotlight .buildPreview{
  position:relative;
  inset:auto;
  height:168px;
}
@media(max-width:860px){
  .buildCard{
    min-height:330px;
  }
  .buildCardBody{
    margin-top:102px;
  }
}
@media(max-width:680px){
  .buildCard{
    min-height:315px;
  }
  .buildCardBody{
    margin:92px 10px 10px;
    width:calc(100% - 20px);
  }
  .buildCard .statRow{
    grid-template-columns:1fr;
  }
  .buildRibbonStack{
    left:10px;
    top:10px;
  }
}

/* Remove inner black card layer: content floats on the full blue visual card */
.buildCard{
  min-height:350px;
  justify-content:flex-end;
}
.buildCard::before{
  background:
    linear-gradient(180deg,rgba(4,8,16,.08),rgba(4,8,16,.26) 34%,rgba(4,8,16,.70) 78%,rgba(4,8,16,.88)),
    radial-gradient(480px 260px at 76% 10%,rgba(93,168,255,.16),transparent 68%);
}
.buildPreview{
  filter:saturate(1.05);
}
.previewDevice{
  opacity:.46;
}
.previewGrid{
  opacity:.22;
}
.buildCardBody{
  margin:128px 0 0;
  width:100%;
  padding:0 18px 18px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.buildCard .statusRow{
  margin-bottom:2px;
}
.buildCard .proofBadge,
.buildCard .toolChip,
.buildCard .statPill{
  background:rgba(5,10,20,.30);
  border-color:rgba(180,205,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 18px rgba(0,0,0,.12);
  backdrop-filter:blur(8px);
}
.buildCard .proofBadge{
  background:rgba(32,74,134,.38);
}
.buildCard .proofBadge.live{
  background:rgba(31,105,73,.34);
}
.buildCard .toolChip{
  color:rgba(238,244,255,.90);
}
.buildCard h3,
.buildCard .creatorLine,
.buildCard p,
.buildCard .chipRow,
.buildCard .statRow,
.buildCard .viewBtn{
  position:relative;
  z-index:2;
}
.buildCard h3{
  font-size:1.14rem;
}
.buildCard .creatorLine{
  color:rgba(226,235,255,.78);
}
.buildCard p{
  color:rgba(232,239,255,.86);
}
.buildCard .statPill{
  background:rgba(5,10,20,.28);
  color:rgba(239,245,255,.93);
}
.buildCard .statPill i{
  color:#9ac8ff;
}
.buildCard .viewBtn{
  background:linear-gradient(135deg,rgba(47,125,255,.34),rgba(8,15,28,.42));
  border-color:rgba(129,181,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.18);
}
.weeklyArchiveCard{
  min-height:340px;
}
.weeklyArchiveCard .buildCardBody{
  margin-top:118px;
}
@media(max-width:860px){
  .buildCard{
    min-height:325px;
  }
  .buildCardBody{
    margin-top:108px;
    padding:0 15px 15px;
  }
}
@media(max-width:680px){
  .buildCard{
    min-height:310px;
  }
  .buildCardBody{
    margin:98px 0 0;
    width:100%;
    padding:0 13px 13px;
  }
  .weeklyArchiveCard .buildCardBody{
    margin-top:92px;
  }
}

/* AI Builds compact card/chip polish + strongest-status ribbon hierarchy */
.buildGrid{
  gap:14px;
}
.buildCard{
  min-height:312px;
  border-radius:20px;
}
.buildCard::before{
  background:
    linear-gradient(180deg,rgba(4,8,16,.08),rgba(4,8,16,.22) 32%,rgba(4,8,16,.66) 77%,rgba(4,8,16,.88)),
    radial-gradient(410px 220px at 76% 9%,rgba(93,168,255,.15),transparent 68%);
}
.buildCardBody{
  margin:108px 0 0;
  padding:0 16px 16px;
  gap:8px;
}
.previewDevice{
  top:28%;
  height:70px;
  opacity:.38;
}
.previewDevice span:first-child{top:16px}
.previewDevice span:nth-child(2){top:32px}
.previewDevice span:nth-child(3){top:48px}
.buildCard h3{
  font-size:1.06rem;
  line-height:1.18;
}
.buildCard p{
  line-height:1.42;
  -webkit-line-clamp:2;
}
.buildCard .chipRow{
  gap:7px;
}
.buildCard .statusRow{
  min-height:28px;
}
.buildRibbonStack{
  left:0;
  top:14px;
  right:auto;
  max-width:calc(100% - 18px);
}
.buildRibbon{
  position:relative;
  min-height:34px;
  padding:8px 13px 8px 15px;
  border-radius:0 999px 999px 0;
  font-size:11px;
  letter-spacing:0;
  box-shadow:0 14px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.16);
}
.buildRibbon::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:10px;
  height:8px;
  clip-path:polygon(0 0,100% 0,100% 100%);
  background:rgba(5,10,20,.78);
}
.buildRibbon.weekly{
  color:#fff7dc;
  border-color:rgba(255,214,125,.46);
  background:linear-gradient(135deg,rgba(76,119,78,.94),rgba(141,101,34,.94));
  box-shadow:0 14px 32px rgba(0,0,0,.36),0 0 18px rgba(255,205,92,.15),inset 0 1px 0 rgba(255,255,255,.18);
}
.buildRibbon.featured{
  color:#fff0cf;
  border-color:rgba(255,193,99,.42);
  background:linear-gradient(135deg,rgba(137,88,30,.94),rgba(58,37,20,.94));
}
.buildRibbon.verified{
  color:#edf7ff;
  border-color:rgba(116,183,255,.42);
  background:linear-gradient(135deg,rgba(48,104,171,.94),rgba(21,39,72,.94));
}
.proofBadge,
.toolChip,
.statPill,
.ownerRatingNote{
  min-height:30px;
  padding:7px 10px;
  border-radius:999px;
  font-size:11.5px;
  line-height:1;
}
.proofBadge.featured,
.proofBadge.verified{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.14);
}
.buildCard .proofBadge,
.buildCard .toolChip,
.buildCard .statPill{
  min-height:31px;
  padding:7px 10px;
  background:linear-gradient(180deg,rgba(9,16,30,.44),rgba(5,10,20,.30));
  border-color:rgba(180,205,255,.20);
}
.buildCard .statRow{
  gap:8px;
  margin-top:3px;
}
.buildCard .statPill{
  width:100%;
  justify-content:flex-start;
  color:rgba(241,246,255,.95);
}
.statAction{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  text-align:left;
  transition:160ms ease;
}
.statAction:hover{
  transform:translateY(-1px);
  border-color:rgba(129,181,255,.34);
  background:linear-gradient(180deg,rgba(47,125,255,.16),rgba(5,10,20,.34));
}
.statAction[disabled]{
  opacity:.72;
  cursor:wait;
  transform:none;
}
.activeAction{
  border-color:rgba(103,240,180,.36)!important;
  background:linear-gradient(180deg,rgba(103,240,180,.16),rgba(47,125,255,.08))!important;
  color:#eafff5!important;
}
.activeAction i{
  color:#9df4cf!important;
}
.buildCard .viewBtn{
  min-height:37px;
  margin-top:0;
}
.detailHero{
  overflow:hidden;
}
.detailRibbonSlot{
  min-height:0;
  margin-bottom:12px;
}
.detailRibbonSlot:empty{
  display:none;
}
.detailHero .buildRibbonStack{
  position:relative;
  left:auto;
  top:auto;
  right:auto;
  display:inline-flex;
  max-width:100%;
}
.detailHero .buildRibbon{
  border-radius:12px 999px 999px 12px;
}
.detailHero .buildRibbon::before{
  content:none;
}
.detailHero .chipRow .proofBadge{
  min-height:34px;
  padding:9px 12px;
  font-size:12.5px;
}
.detailActions{
  gap:9px;
}
.detailActions .secondaryBtn,
.detailActions .ownerRatingNote,
.detailActionChip{
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  font-size:13px;
  background:linear-gradient(180deg,rgba(13,21,38,.72),rgba(8,13,24,.55));
  border-color:rgba(180,205,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 22px rgba(0,0,0,.16);
}
.detailActions .secondaryBtn:hover{
  border-color:rgba(129,181,255,.34);
  background:linear-gradient(180deg,rgba(47,125,255,.15),rgba(8,13,24,.58));
}
.ratingPanel .ownerRatingNote,
.sectionHead p{
  font-size:13px;
}
@media(max-width:1080px){
  .buildCard{
    min-height:300px;
  }
  .buildCardBody{
    margin-top:98px;
  }
}
@media(max-width:680px){
  .buildCard{
    min-height:292px;
  }
  .buildCardBody{
    margin-top:90px;
    padding:0 13px 13px;
  }
  .buildRibbon{
    min-height:30px;
    padding:7px 11px 7px 13px;
    font-size:10px;
  }
  .buildCard .statRow{
    grid-template-columns:1fr;
  }
  .detailActions .secondaryBtn,
  .detailActions .ownerRatingNote,
  .detailActionChip{
    min-height:40px;
    width:100%;
  }
}

/* AI Builds final badge/card polish */
.buildRibbon.weekly{
  color:#ecfff3;
  border-color:rgba(111,236,171,.42);
  background:linear-gradient(135deg,rgba(28,96,73,.94),rgba(17,54,62,.94));
  box-shadow:0 12px 26px rgba(0,0,0,.34),0 0 18px rgba(103,240,180,.13),inset 0 1px 0 rgba(255,255,255,.16);
}
.buildRibbon.weekly::before{
  background:rgba(13,52,45,.88);
}
.buildCard .statusRow .proofBadge.featured,
.buildCard .statusRow .proofBadge.verified,
.detailHero .chipRow .proofBadge.featured,
.detailHero .chipRow .proofBadge.verified{
  display:inline-flex;
  opacity:1;
  visibility:visible;
}
@media(min-width:1024px){
  .buildGrid{
    gap:12px;
  }
  .buildCard{
    min-height:286px;
  }
  .buildCardBody{
    margin-top:88px;
    padding:0 14px 14px;
    gap:7px;
  }
  .buildPreview{
    min-height:100%;
  }
  .previewDevice{
    top:22%;
    height:58px;
    max-width:230px;
  }
  .buildCard h3{
    font-size:1rem;
  }
  .buildCard p{
    font-size:12.5px;
    line-height:1.35;
  }
  .buildCard .proofBadge,
  .buildCard .toolChip,
  .buildCard .statPill{
    min-height:32px;
    padding:8px 10px;
  }
.buildCard .viewBtn{
    min-height:35px;
  }
}

/* Restore compact top achievement badges and keep AI Builds scroll stable */
.buildGrid,
.buildCard,
.buildPreview,
.buildCardBody{
  content-visibility:visible !important;
  contain:none !important;
}
.buildCard,
.buildCard .proofBadge,
.buildCard .toolChip,
.buildCard .statPill{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.buildCard:hover{
  transform:none;
}
.buildRibbonStack{
  position:absolute;
  z-index:4;
  left:12px;
  top:12px;
  right:12px;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px;
  pointer-events:none;
}
.buildRibbon{
  position:relative;
  left:auto;
  top:auto;
  max-width:100%;
  min-height:25px;
  padding:6px 9px;
  border-radius:999px;
  font-size:10px;
  color:#f4f9ff;
  border:1px solid rgba(129,181,255,.34);
  background:linear-gradient(135deg,rgba(47,125,255,.88),rgba(22,36,62,.88));
  box-shadow:0 10px 22px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.12);
}
.buildRibbon::before,
.buildRibbon::after{
  content:none !important;
}
.buildRibbon.weekly{
  min-height:28px;
  padding:7px 10px;
  border-radius:10px 999px 999px 10px;
  font-size:10.4px;
  color:#06131a;
  border-color:rgba(111,242,190,.56);
  background:linear-gradient(135deg,rgba(88,224,173,.92),rgba(47,125,255,.74));
  box-shadow:0 14px 32px rgba(0,0,0,.32),0 0 24px rgba(103,240,180,.25),inset 0 1px 0 rgba(255,255,255,.30);
}
.buildRibbon.featured{
  color:#161006;
  border-color:rgba(255,204,122,.58);
  background:linear-gradient(135deg,rgba(255,206,112,.94),rgba(129,81,33,.86));
  box-shadow:0 14px 32px rgba(0,0,0,.32),0 0 22px rgba(255,193,99,.20),inset 0 1px 0 rgba(255,255,255,.28);
}
.buildRibbon.verified{
  color:#f4f9ff;
  border-color:rgba(128,194,255,.55);
  background:linear-gradient(135deg,rgba(113,183,255,.92),rgba(42,72,132,.86));
}
.buildCard .statusRow .proofBadge.featured,
.buildCard .statusRow .proofBadge.verified,
.buildCard .statusRow .proofBadge.weekly{
  display:none !important;
}
.detailHero .buildRibbonStack{
  position:relative;
  left:auto;
  top:auto;
  right:auto;
  display:flex;
}
.detailHero .buildRibbon{
  border-radius:999px;
}

/* Final AI Builds badge restore + card scroll performance */
.buildRibbonStack{
  position:absolute;
  z-index:4;
  left:12px;
  top:12px;
  right:12px;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:6px;
  pointer-events:none;
}
.buildRibbon{
  position:relative;
  left:auto;
  top:auto;
  max-width:100%;
  min-height:26px;
  padding:6px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:950;
  letter-spacing:.01em;
  border:1px solid rgba(129,181,255,.34);
  background:linear-gradient(135deg,rgba(47,125,255,.88),rgba(22,36,62,.88));
  color:#f4f9ff;
  box-shadow:0 10px 22px rgba(0,0,0,.28),0 0 18px rgba(47,125,255,.14),inset 0 1px 0 rgba(255,255,255,.14);
}
.buildRibbon::before,
.buildRibbon::after{
  content:none !important;
}
.buildRibbon.weekly{
  min-height:29px;
  padding:7px 11px;
  border-radius:10px 999px 999px 10px;
  font-size:10.5px;
  color:#06131a;
  border-color:rgba(111,242,190,.56);
  background:linear-gradient(135deg,rgba(88,224,173,.94),rgba(47,125,255,.76));
  box-shadow:0 14px 32px rgba(0,0,0,.30),0 0 24px rgba(103,240,180,.22),inset 0 1px 0 rgba(255,255,255,.30);
}
.buildRibbon.featured{
  color:#161006;
  border-color:rgba(255,204,122,.58);
  background:linear-gradient(135deg,rgba(255,206,112,.95),rgba(129,81,33,.88));
  box-shadow:0 14px 32px rgba(0,0,0,.30),0 0 22px rgba(255,193,99,.18),inset 0 1px 0 rgba(255,255,255,.28);
}
.buildRibbon.verified{
  color:#f4f9ff;
  border-color:rgba(128,194,255,.55);
  background:linear-gradient(135deg,rgba(113,183,255,.93),rgba(42,72,132,.88));
  box-shadow:0 14px 32px rgba(0,0,0,.30),0 0 20px rgba(93,168,255,.16),inset 0 1px 0 rgba(255,255,255,.22);
}
.buildCard,
.buildCard::before,
.buildPreview,
.buildCardBody,
.weeklyArchiveCard,
.weeklyArchiveCard::before,
.winnerSpotlight{
  content-visibility:visible !important;
  contain:none !important;
}
.buildCard,
.buildPreview,
.buildCardBody,
.buildCard .proofBadge,
.buildCard .toolChip,
.buildCard .statPill,
.previewDevice{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.buildCard:hover{
  transform:none !important;
}
.buildCard .previewOrb,
.buildCard .previewDevice i,
.buildCard .emptyState i{
  filter:none !important;
}

/* Restore classic ForumRix AI Build status badge styling */
.buildRibbon{
  min-height:30px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:950 !important;
  gap:7px !important;
  color:#eef6ff !important;
  background:linear-gradient(180deg,rgba(36,52,82,.86),rgba(18,28,48,.84)) !important;
  border:1px solid rgba(129,181,255,.34) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.22) !important;
}
.buildRibbon.weekly{
  color:#dfffee !important;
  background:linear-gradient(180deg,rgba(38,92,73,.88),rgba(24,58,52,.86)) !important;
  border-color:rgba(111,242,190,.36) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.22),0 0 18px rgba(103,240,180,.08) !important;
}
.buildRibbon.featured{
  color:#fff0cf !important;
  background:linear-gradient(180deg,rgba(116,85,42,.90),rgba(65,47,30,.88)) !important;
  border-color:rgba(255,204,122,.36) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.22),0 0 16px rgba(255,193,99,.08) !important;
}
.buildRibbon.verified{
  color:#e8f3ff !important;
  background:linear-gradient(180deg,rgba(62,101,157,.90),rgba(37,57,94,.88)) !important;
  border-color:rgba(128,194,255,.38) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.22),0 0 16px rgba(93,168,255,.08) !important;
}

/* Default AI Build cover images: replace only the generated blue preview layer. */
.buildPreview.hasDefaultCover{
  background-image:
    linear-gradient(180deg,rgba(4,8,15,.10),rgba(4,8,15,.56) 58%,rgba(4,8,15,.88)),
    var(--build-cover) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
.buildPreview.hasDefaultCover::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(420px 230px at 78% 12%,rgba(93,168,255,.12),transparent 68%),
    linear-gradient(180deg,rgba(4,8,15,.02),rgba(4,8,15,.48) 58%,rgba(4,8,15,.86));
}
.buildPreview.hasDefaultCover .previewGrid,
.buildPreview.hasDefaultCover .previewOrb,
.buildPreview.hasDefaultCover .previewDevice{
  display:none !important;
}
.buildPreview.hasUploadedCover{
  background-image:
    radial-gradient(360px 190px at 78% 12%,rgba(93,168,255,.14),transparent 68%),
    radial-gradient(300px 170px at 18% 82%,rgba(139,92,246,.12),transparent 70%),
    linear-gradient(180deg,rgba(4,8,15,.16),rgba(4,8,15,.46) 58%,rgba(4,8,15,.82)),
    var(--build-cover) !important;
  background-size:
    100% 100%,
    100% 100%,
    100% 100%,
    cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#07111f !important;
}
.buildPreview.hasUploadedCover::after{
  background:
    radial-gradient(420px 230px at 78% 12%,rgba(93,168,255,.08),transparent 68%),
    linear-gradient(180deg,rgba(4,8,15,.00),rgba(4,8,15,.30) 58%,rgba(4,8,15,.70)) !important;
}

/* Real AI Build detail route keeps the list page chrome out of the way. */
.aiBuildDetailPage .buildHero,
.aiBuildDetailPage .buildFilters,
.aiBuildDetailPage #buildGrid,
.aiBuildDetailPage #emptyState{
  display:none !important;
}
.aiBuildDetailPage .buildsPage{
  padding-top:28px;
}
.detailErrorState{
  gap:18px;
}
.detailErrorState p{
  color:var(--muted);
  font-weight:800;
  line-height:1.55;
}

/* AI Showcase detail gallery polish */
.buildScreenshots .showcaseGallery{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(104px,150px);
  gap:12px;
  align-items:stretch;
  margin-top:14px;
}
.buildScreenshots .showcaseGallery.singleImage{
  grid-template-columns:1fr;
}
.showcaseMainImage,
.showcaseThumb{
  appearance:none;
  display:block;
  width:100%;
  border:1px solid rgba(129,181,255,.22);
  background:linear-gradient(180deg,rgba(20,31,52,.84),rgba(8,14,25,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 30px rgba(0,0,0,.22);
  cursor:pointer;
  overflow:hidden;
  padding:0;
}
.showcaseMainImage{
  min-height:360px;
  aspect-ratio:16/10;
  border-radius:18px;
}
.showcaseMainImage img,
.showcaseThumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.showcaseMainImage:hover,
.showcaseThumb:hover{
  border-color:rgba(111,174,255,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 38px rgba(0,0,0,.28),0 0 22px rgba(93,168,255,.10);
}
.showcaseThumbRail{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  max-height:420px;
  overflow:auto;
  padding-right:2px;
  scrollbar-width:thin;
  scrollbar-color:rgba(129,181,255,.28) transparent;
}
.showcaseThumbRail::-webkit-scrollbar{
  width:6px;
}
.showcaseThumbRail::-webkit-scrollbar-thumb{
  background:rgba(129,181,255,.24);
  border-radius:999px;
}
.showcaseThumb{
  height:82px;
  border-radius:13px;
  opacity:.82;
}
.showcaseThumb.active{
  opacity:1;
  border-color:rgba(93,168,255,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 2px rgba(93,168,255,.18),0 12px 28px rgba(37,99,235,.18);
}

@media(min-width:861px){
  .buildScreenshots .showcaseGallery{
    width:min(100%, 980px);
    margin-left:auto;
    margin-right:auto;
    grid-template-columns:minmax(0,720px) 132px;
    align-items:start;
  }
  .showcaseMainImage{
    min-height:0;
    height:clamp(340px,30vw,440px);
    max-height:440px;
    aspect-ratio:auto;
  }
  .showcaseMainImage img{
    object-fit:cover;
    background:transparent;
  }
  .showcaseThumbRail{
    max-height:440px;
  }
  .showcaseThumb{
    height:78px;
  }
}

.screenshotCounter{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:2;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(7,13,24,.76);
  color:#f8fafc;
  font-weight:900;
  font-size:12px;
  backdrop-filter:blur(10px);
}
.moreFromCreatorSection{
  display:block;
}
.moreFromCreatorGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.moreShowcaseCard{
  display:grid;
  grid-template-columns:116px minmax(0,1fr);
  gap:12px;
  align-items:stretch;
  padding:10px;
  border:1px solid rgba(129,181,255,.16);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(20,31,52,.74),rgba(9,15,28,.90));
}
.moreShowcaseThumb{
  min-height:116px;
  border-radius:13px;
  border:1px solid rgba(129,181,255,.18);
  background-image:
    linear-gradient(180deg,rgba(4,8,15,.08),rgba(4,8,15,.58)),
    var(--build-cover);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.moreShowcaseBody{
  min-width:0;
  display:grid;
  gap:7px;
  align-content:start;
}
.moreShowcaseBody h4{
  margin:0;
  color:#f8fafc;
  font-size:16px;
  line-height:1.2;
}
.moreShowcaseBody p{
  margin:0;
  color:var(--muted);
  font-weight:800;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.moreShowcaseMeta{
  display:flex;
  gap:10px;
  color:#aebbd1;
  font-weight:900;
  font-size:12px;
}
.moreShowcaseCard .secondaryBtn{
  width:max-content;
  min-height:34px;
  padding:8px 12px;
  font-size:12px;
}

@media(max-width:860px){
  .buildScreenshots .showcaseGallery{
    grid-template-columns:1fr;
  }
  .showcaseMainImage{
    min-height:260px;
  }
  .showcaseThumbRail{
    grid-template-columns:repeat(4,minmax(76px,1fr));
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 4px;
  }
  .showcaseThumb{
    height:74px;
  }
  .moreFromCreatorGrid{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .showcaseMainImage{
    min-height:210px;
    border-radius:15px;
  }
  .showcaseThumbRail{
    grid-template-columns:repeat(3,minmax(78px,1fr));
  }
  .moreShowcaseCard{
    grid-template-columns:88px minmax(0,1fr);
  }
  .moreShowcaseThumb{
    min-height:88px;
  }
}