.build-library{position:relative;max-width:1280px;margin:36px auto 56px;padding:28px;border:1px solid rgba(157,177,219,.18);border-radius:24px;background:linear-gradient(140deg,rgba(23,28,51,.96),rgba(10,14,29,.96));box-shadow:0 20px 70px rgba(0,0,0,.22);color:#f4f6ff;font-family:Inter,sans-serif}
.build-library[hidden]{display:none}
.build-library-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.build-library-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:#a58dff}
.build-library-heading h2{font:800 clamp(29px,3.7vw,46px)/1.05 'Barlow Condensed',Inter,sans-serif;text-transform:uppercase;margin:7px 0}
.build-library-heading p,.build-library-toolbar p{margin:0;color:#abb6d0;font-size:13px;line-height:1.5}
.build-library-create,.build-library-empty a{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:0 18px;border:1px solid #9c83ff;border-radius:12px;background:#7957e9;color:white;text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap}
.build-library-tabs{display:flex;gap:7px;overflow:auto;padding:5px;border:1px solid rgba(167,177,213,.14);border-radius:14px;background:rgba(3,7,20,.65)}
.build-library-tabs button{display:flex;align-items:center;gap:9px;justify-content:center;min-height:42px;padding:0 18px;border:0;border-radius:10px;background:none;color:#b7c2dc;font:700 13px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.build-library-tabs button[aria-selected=true]{background:#322961;color:white;box-shadow:inset 0 0 0 1px rgba(181,154,255,.4)}
.build-library-tabs span{padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.1);font-size:11px}
.build-library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0}
.build-library-toolbar label{display:flex;align-items:center;gap:9px;min-width:220px;padding:9px 12px;border:1px solid rgba(157,177,219,.2);border-radius:10px;background:rgba(7,12,27,.7);color:#a58dff}
.build-library-toolbar input{width:100%;border:0;outline:0;background:none;color:white;font:13px Inter,sans-serif}
.build-library-toolbar input::placeholder{color:#8893af}
.build-library-filters{display:flex;flex-wrap:wrap;gap:7px;margin:-2px 0 16px}
.build-library-filters[hidden]{display:none}
.build-library-filters button{min-height:34px;padding:0 12px;border:1px solid rgba(157,177,219,.2);border-radius:99px;background:rgba(13,19,37,.7);color:#aab6d0;font:700 11px Inter,sans-serif;cursor:pointer}
.build-library-filters button[aria-pressed=true]{border-color:rgba(165,141,255,.65);background:rgba(121,87,233,.2);color:#f5f0ff}
.build-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;min-height:130px}
.build-library-card{min-width:0;overflow:hidden;border:1px solid rgba(161,175,211,.18);border-radius:16px;background:rgba(12,18,36,.92)}
.build-library-art{position:relative;display:flex;align-items:center;justify-content:center;height:132px;overflow:hidden;background:radial-gradient(circle at 72% 38%,rgba(145,104,255,.38),transparent 62%),#181c38;color:#b9a8ff;font-size:46px}
.build-library-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.build-library-art small{position:absolute;bottom:10px;left:12px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border-radius:7px;background:rgba(7,10,24,.83);color:#f4f3ff;font:800 11px Inter,sans-serif}
.build-library-card-copy{padding:16px 17px 11px}
.build-library-card-meta{display:flex;justify-content:space-between;gap:8px;color:#aab6d0;font-size:11px}
.build-library-card-meta span{color:#b6a3ff;font-weight:800;letter-spacing:.08em}
.build-library-card-meta .build-library-state{display:inline-flex;align-items:center;gap:7px;max-width:70%;padding:6px 9px;border:1px solid rgba(164,143,255,.4);border-radius:7px;background:rgba(107,78,202,.18);color:#d3c3ff;font-size:10px;line-height:1;text-transform:uppercase}
.build-library-state i{width:7px;height:7px;flex:none;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
.build-library-state.is-public{border-color:rgba(72,225,164,.34);background:rgba(72,225,164,.1);color:#72e6b3}
.build-library-state.is-draft{border-color:rgba(242,191,85,.4);background:rgba(242,191,85,.1);color:#f2c872}
.build-library-state.is-restricted{border-color:rgba(163,178,208,.35);background:rgba(163,178,208,.1);color:#bcc9e0}
.build-library-card h3{margin:9px 0 5px;font:800 22px/1.05 'Barlow Condensed',Inter,sans-serif;text-transform:uppercase}
.build-library-card-copy p{height:35px;overflow:hidden;margin:0;color:#a9b4cc;font-size:12px;line-height:1.45}
.build-library-visibility{margin:0 17px;color:#8e9cba;font-size:11px}
.build-library-card-actions{display:flex;flex-wrap:wrap;gap:7px;padding:12px 16px 16px}
.build-library-card-actions a,.build-library-card-actions button,.build-library-pair>a,.build-library-empty button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 11px;border:1px solid rgba(160,174,214,.25);border-radius:9px;background:rgba(37,43,74,.8);color:#e9eaff;font:700 11px Inter,sans-serif;text-decoration:none;cursor:pointer}
.build-library-card-actions .ea-action-icon{width:15px;height:15px;flex:none}
.build-library-card-actions button[aria-pressed=true]{border-color:#a486f9;background:rgba(111,75,205,.28);color:#e6d9ff}
.build-library-card-actions .build-library-delete{margin-left:auto;border-color:rgba(255,113,133,.28);background:rgba(255,113,133,.06);color:#ffb7c1}
.build-library-card-actions .build-library-delete:hover{border-color:#ff899b;background:rgba(255,113,133,.16)}
.build-library-card-actions button:disabled{opacity:.55;cursor:wait}
.build-library-pair{display:flex;flex-direction:column;gap:14px;padding:20px}
.build-library-pair-label{font-size:11px;font-weight:800;letter-spacing:.12em;color:#a58dff}
.build-library-pair>div{display:grid;grid-template-columns:1fr auto 1fr;gap:4px 12px;align-items:center}
.build-library-pair strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 21px 'Barlow Condensed',Inter,sans-serif}
.build-library-pair small{color:#aab6d0;font-size:11px}
.build-library-pair b{grid-column:2;grid-row:1/3;color:#b49cff}
.build-library-pair>a{align-self:flex-start}
.build-library-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-height:150px;padding:24px;border:1px dashed rgba(165,141,255,.3);border-radius:14px;color:#e9eaff}
.build-library-empty strong{font-size:16px}.build-library-empty p{margin:0 0 7px;color:#aab6d0;font-size:13px}
.build-library-feedback{position:sticky;bottom:12px;z-index:20;width:max-content;max-width:100%;margin:14px 0 0 auto;padding:10px 15px;border:1px solid #a58dff;border-radius:10px;background:#2b2253;color:white;font-size:12px}
.build-delete-dialog{width:min(430px,calc(100% - 28px));max-width:none;margin:auto;padding:0;border:1px solid rgba(183,158,255,.4);border-radius:18px;background:linear-gradient(145deg,#1b2141,#0d1329);color:#f6f3ff;box-shadow:0 30px 90px rgba(0,0,0,.65);font-family:Inter,sans-serif}
.build-delete-dialog::backdrop{background:rgba(2,5,15,.82);backdrop-filter:blur(5px)}
.build-delete-dialog form{padding:25px}
.build-delete-kicker{color:#af93ff;font-size:10px;font-weight:800;letter-spacing:.17em}
.build-delete-dialog h2{margin:9px 0;font:800 32px 'Barlow Condensed',Inter,sans-serif;text-transform:uppercase}
.build-delete-dialog p{color:#b2bfd6;font-size:13px;line-height:1.6}
.build-delete-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:26px}
.build-delete-actions button{min-height:42px;padding:0 16px;border:1px solid rgba(177,190,218,.28);border-radius:10px;background:rgba(28,36,65,.9);color:#f4f0ff;font:700 12px Inter,sans-serif;cursor:pointer}
.build-delete-actions #build-delete-confirm{border-color:rgba(255,120,140,.6);background:rgba(175,50,80,.32);color:#ffd8df}
.build-delete-actions button:disabled{opacity:.5;cursor:wait}
.saved-builds-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;color:#d7c8ff;font:700 12px Inter,sans-serif;text-decoration:none}
@media(max-width:900px){.impact-actions .saved-builds-link{grid-column:1/-1;justify-self:end}}
@media(max-width:680px){.build-library{margin:20px 12px 36px;padding:18px;border-radius:18px}.build-library-heading{align-items:flex-start;flex-direction:column}.build-library-tabs button{padding:0 13px}.build-library-toolbar{align-items:stretch;flex-direction:column}.build-library-toolbar label{min-width:0}.build-library-grid{grid-template-columns:1fr}.build-library-art{height:118px}}
