@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
body.library-petrol{--panel:#15151bd9;--muted:#b7bbc8;--text:#f3f3ef;--accent:#b9dcdf;--blue:#8cd0d5;--line:#ffffff1f;font-family:Manrope,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 0 0,#48225088,transparent 65%),radial-gradient(ellipse at 100% 100%,#401c2b99,transparent 65%),#080e1d}
.library-petrol .topbar{background:#17151d80;border:1px solid var(--line);border-radius:20px;padding:16px 20px}
.library-petrol .filters{background:#16171dc9;backdrop-filter:blur(12px)}
.library-petrol .field{background:#101115b3;border-color:#ffffff26}
.library-petrol .button,.library-petrol .link,.library-petrol .card-download{background:#214b532e;border-color:#537e8380;color:#c8e4e6}
.library-petrol .primary,.library-petrol .tab[aria-pressed=true]{background:linear-gradient(110deg,#214b53b3,#356f70b3);border:1px solid #537e838c;color:#fff}
.library-petrol .button:hover,.library-petrol .link:hover,.library-petrol .card-download:hover{background:#356f704d;border-color:#82b5ba}
.library-petrol .card{background:var(--panel);border-radius:18px}
.library-petrol .preview{background:#101117}
.library-petrol dialog{background:#15171ef5;border-color:#537e8366}
.library-petrol .toast{background:#19373df5}
.library-petrol.library-embedded{background:transparent;min-height:100%;}
.library-embedded .topbar{display:none}
.library-embedded .page{padding:0 24px 32px}
.library-embedded .hero{padding-top:20px}
.library-embedded h1{font-size:30px}
.library-overlay{width:min(1320px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:1px solid #ffffff26;border-radius:26px;background:rgba(18,20,28,.84);color:#f3f3ef;box-shadow:0 28px 100px #0006;backdrop-filter:blur(18px);overflow:hidden}
.library-overlay::backdrop{background:#05050c55;backdrop-filter:blur(4px)}
.library-overlay[open]{display:flex;flex-direction:column}
.library-overlay-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;border-bottom:1px solid #ffffff16;flex-shrink:0}
.library-overlay-head h2{font:600 17px Manrope,'Segoe UI',sans-serif;margin:0}
.library-overlay-close{min-height:44px;padding:8px 16px;background:#214b534d;color:#d7eff0;border:1px solid #537e8380;border-radius:12px;cursor:pointer;font:inherit}
.library-overlay iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:transparent}
.library-overlay-close:focus-visible{outline:2px solid #8cd0d5;outline-offset:3px}
@media(max-width:600px){.library-overlay{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:18px}.library-overlay-head{padding:10px 14px}.library-embedded .page{padding:0 12px 24px}.library-embedded .search-wrap{min-width:0}.library-embedded .tabs{flex-wrap:wrap}}