@charset "UTF-8";
:root{--bg:#101116;--panel:#191a22;--panel2:#20212b;--line:#2b2c37;--text:#f3f3f7;--muted:#92939f;--accent:#9b82ff;--green:#8ce4bd;--radius:12px;color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}::selection{background:#6e51d7;color:white}.container{width:min(1376px,calc(100% - 96px));margin:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h2{font-size:26px;font-weight:650}h3{font-size:20px}p{color:#a5a6b2}small{font-size:11px}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted);display:block;margin-bottom:12px}.text-link{font-size:12px;color:#c8bbff;font-weight:600;white-space:nowrap}.text-link:hover{color:white}.green-text{color:var(--green)!important}.live-dot,.purple-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px}.purple-dot{background:var(--accent);width:7px;height:7px;vertical-align:middle}.utility{border-bottom:1px solid #24252e;font-size:10px;color:#858692;letter-spacing:.02em;padding:8px 0}.utility .container{display:flex;justify-content:space-between}.utility a{color:#b7b7c2;margin-left:18px}.site-header{border-bottom:1px solid var(--line);background:#13141a}.header-main{display:flex;align-items:center;gap:42px;height:96px}.brand{display:inline-flex;align-items:center;font-size:23px;letter-spacing:-1px;font-weight:750;white-space:nowrap}.brand>span{font-weight:350;color:#a7a7b3;margin-left:4px}.brand>i{font-size:9px;color:var(--accent);margin-left:8px}.brand svg{width:29px;margin-right:10px;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round}.brand img{max-width:220px;max-height:48px}.search{position:relative;display:flex;align-items:center;gap:12px;max-width:590px;flex:1;background:#1d1e27;border:1px solid #30313b;border-radius:8px;padding:0 14px}.search>span{font-size:25px;color:#b6b6c3}.search input{width:100%;border:0;background:none;box-shadow:none;color:var(--text);font-size:12px;outline:none;padding:14px 0;margin:0}.search kbd{border:1px solid #42434e;padding:0 5px;color:#848591;font-size:11px;border-radius:3px}.saved-link{margin-left:auto;font-size:17px;white-space:nowrap}.saved-link span{font-size:12px;margin:0 5px}.saved-link b{font-size:9px;background:#2b293c;border-radius:4px;padding:3px 5px;color:#c2afff}.main-nav{display:flex;gap:30px;height:51px;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap;font-size:11px;color:#b2b2bf}.main-nav a{height:100%;display:flex;align-items:center;position:relative}.main-nav .active{color:#c3b3ff}.main-nav .active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);content:""}.main-nav a:hover{color:white}.main-nav .nav-all{margin-left:auto;color:#787985}.mobile-menu{display:none}.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--accent);padding:15px}.skip:focus{left:0}.intro{display:flex;justify-content:space-between;align-items:center;padding:45px 0 37px}.intro .eyebrow{color:#a99bdb;margin-bottom:15px}.intro h1{font-size:46px;letter-spacing:-.05em;margin-bottom:15px;font-weight:660;line-height:1.12}.intro h1 em{font-style:normal;color:var(--accent)}.intro p{font-size:12px;line-height:1.8;margin:0}.intro-note{display:flex;gap:21px;align-items:center;padding-right:12px;color:#6e707e}.intro-note small{font-size:9px;letter-spacing:.15em;line-height:1.9}.sound-bars{display:flex;gap:6px;align-items:center;height:72px}.sound-bars i{width:4px;height:17px;background:#4c416e;border-radius:5px}.sound-bars i:nth-child(2n){height:35px;background:#6e599f}.sound-bars i:nth-child(3n){height:58px;background:#9b82ff}.sound-bars i:nth-child(5){height:74px;background:#c0aaff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 19px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:9px;font-size:9px}.section-heading>.muted{font-size:11px}.featured-section>.section-heading h2{font-size:17px;letter-spacing:-.02em}.spotlight-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:17px}.spotlight{position:relative;overflow:hidden;border:1px solid #353143;background:linear-gradient(120deg,#272136,#16151e);border-radius:var(--radius);min-height:315px;transition:border-color .2s,transform .2s}.spotlight:hover{border-color:var(--accent);transform:translateY(-3px)}.spotlight-art{position:absolute;right:-35%;top:20px;width:100%;height:100%;opacity:.57;transform:rotate(-9deg)}.spotlight-art img{width:100%;height:100%;object-fit:cover;object-position:left;filter:drop-shadow(0 25px 30px #000a)}.spotlight:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#201b2e 0%,#201b2ef0 27%,#17151f00 100%)}.spotlight-copy{position:relative;z-index:1;max-width:66%;padding:28px 25px}.badge{display:inline-block;font-size:8px;letter-spacing:.08em;padding:4px 7px;border:1px solid #645480;border-radius:4px;color:#ddcbff;background:#322743d9;line-height:1.4;font-weight:700}.badge.green{background:#18392fd9;border-color:#2e624b;color:#9ce8c4}.spotlight-developer{display:block;font-size:10px;margin-top:28px;color:#a6a0b9}.spotlight h3{font-size:32px;margin:6px 0 10px;letter-spacing:-.045em}.spotlight p{font-size:11px;line-height:1.7;color:#b8b0c9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:58px}.spotlight-action{font-size:10px;font-weight:600;margin-top:14px;display:flex;gap:14px;align-items:center;color:#e4daff}.spotlight-action b{font-size:18px;line-height:1}.spotlight-1{background:#1b2427}.spotlight-1:after{background:linear-gradient(90deg,#17232de8,#17232d60)}.spotlight-2:after{background:linear-gradient(90deg,#31201fe8,#31201f65)}.spotlight-1 .spotlight-copy,.spotlight-2 .spotlight-copy{max-width:88%}.spotlight-1 .spotlight-art,.spotlight-2 .spotlight-art{width:130%;right:-42%;top:70px;opacity:.38}.category-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:27px 0 45px}.category-strip a{border:1px solid var(--line);background:#17181f;border-radius:7px;display:flex;align-items:center;padding:15px 13px;font-size:10px;gap:9px;white-space:nowrap}.category-strip a>span{font-size:19px;color:#b19aff}.category-strip a>b{color:#6d6c7d;margin-left:auto;font-weight:400}.category-strip a:hover{background:#24222e;border-color:#63547e}.discovery-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:29px}.count{display:inline-block;vertical-align:middle;font-size:10px;color:#8d8d9d;border:1px solid var(--line);border-radius:5px;padding:4px 6px;letter-spacing:0;margin-left:10px}.filter-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px;overflow:auto;white-space:nowrap}.filter-tabs a{font-size:10px;padding:6px 12px;color:#93939f;border-radius:5px}.filter-tabs .selected{background:#30283f;color:#cfc0ff;border:1px solid #4d3d69}.filter-tabs a:hover{color:white}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{min-width:0;background:#181920;border:1px solid #292a35;border-radius:9px;overflow:hidden;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);border-color:#5a4c77}.card-art{display:block;position:relative;background:#22222d;overflow:hidden}.card-art>img{width:100%;height:auto;aspect-ratio:1.66;object-fit:cover;transition:transform .4s}.product-card:hover .card-art img{transform:scale(1.035)}.card-art .badge{position:absolute;top:10px;left:10px;font-size:7px;background:#1c1d27d9;border-color:#565164}.card-art .badge.green{background:#18392fe8;border-color:#2e624b}.sponsored-label{position:absolute;bottom:8px;right:8px;font-size:9px;background:#101116d9;padding:2px 6px;border-radius:3px}.card-body{padding:15px 15px 9px;display:flex;flex-direction:column;flex:1}.card-meta{font-size:9px;color:#90919f;display:flex;justify-content:space-between;margin-bottom:7px}.card-meta span{font-size:8px;color:#726a85}.card-body h3{font-size:18px;font-weight:650;margin-bottom:8px;letter-spacing:-.025em}.card-body>p{font-size:10px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:34px;margin-bottom:13px}.card-bottom{border-top:1px solid #292a34;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;font-size:9px;color:#858592}.save-button{border:0;background:transparent;color:#a1a0b1;font-size:21px;line-height:1;padding:5px}.save-button[aria-pressed=true]{color:var(--accent)}.load-more{width:100%;margin-top:24px;font-size:11px!important;display:flex!important;justify-content:space-between!important}.sidebar-block{padding:23px 23px 0;border:1px solid #3c334e;border-radius:9px;background:radial-gradient(ellipse at 50% 100%,#302242,#19181f 70%);overflow:hidden}.sidebar-block .eyebrow{font-size:8px;color:#a69abf}.sidebar-block h3{font-size:23px;margin:13px 0}.sidebar-block p{font-size:11px}.orbital{height:155px;position:relative;margin-top:5px;overflow:hidden}.orbital div{position:absolute;border:1px solid #64507788;border-radius:50%;width:178px;height:178px;top:25px;left:50%;transform:translateX(-50%)}.orbital div:nth-child(2){width:124px;height:124px;top:52px;border-color:#80639799}.orbital div:nth-child(3){width:70px;height:70px;top:79px;border-color:#a37ac2aa}.orbital span{position:absolute;left:50%;transform:translateX(-50%);top:84px;color:#e0b8fc;font-size:40px}.sidebar-list{margin:27px 0}.sidebar-list h3{font-size:14px;margin-bottom:13px}.sidebar-list>a{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #282933;font-size:10px;color:#c2c1ce}.sidebar-list>a>span{color:#676173;font-size:9px}.sidebar-list b{margin-left:auto;font-size:13px;color:#888193;font-weight:400}.editorial-callout{display:block;padding:24px;border-radius:9px;background:#1d2228;border:1px solid #333940}.editorial-callout small{font-size:8px;color:#91a7ad;letter-spacing:.12em}.editorial-callout h3{margin:15px 0 26px;font-size:23px;line-height:1.35}.editorial-callout>span{font-size:10px;color:#b6d0d4}.free-section,.collection-section,.guide-section{margin-top:56px}.free-section{border-top:1px solid var(--line);padding-top:35px}.developer-section{margin:50px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.developer-section>.eyebrow{text-align:center;font-size:8px;margin-bottom:27px}.developer-logos{display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap}.developer-logos>a{font-size:21px;letter-spacing:-.04em;font-weight:650;color:#aaabb9}.developer-logos>a:hover{color:white}.developer-logos>.text-link{font-size:10px;letter-spacing:0;font-weight:400}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-art{border:1px solid #3c344b;border-radius:8px;aspect-ratio:2.1;background:radial-gradient(ellipse at 60% 40%,#4c3e6c,#211c2d);position:relative;overflow:hidden;margin-bottom:20px}.guide-art>span{position:absolute;font-family:Georgia,serif;line-height:1;font-size:230px;left:50%;top:35%;transform:translate(-50%,-50%) rotate(-20deg);color:#c1a4ff;opacity:.8;font-style:italic;letter-spacing:-20px;text-shadow:4px 8px 40px #b29bea80}.guide-art>small{position:absolute;bottom:15px;left:18px;font-size:8px;letter-spacing:.17em;color:#c6b4e4}.guide-art-1{background:radial-gradient(ellipse at 60% 40%,#3a5369,#19232c);border-color:#344655}.guide-art-1>span{color:#91c6f6;letter-spacing:0;top:38%}.guide-art-2{background:radial-gradient(ellipse at 60% 40%,#63513b,#292219);border-color:#514635}.guide-art-2>span{color:#e7c5a3}.guide-card h3{font-size:21px;line-height:1.35}.guide-card h2{font-size:25px}.guide-card p{font-size:12px}.guide-card>.eyebrow{font-size:8px}.guide-card .text-link{font-size:10px}.closing-note{padding:49px 0;text-align:center;font-size:10px;color:#858390;letter-spacing:.02em}.site-footer{background:#14151b;border-top:1px solid var(--line);padding-top:45px}.footer-grid{display:grid;grid-template-columns:2.3fr 1fr 1.3fr 1fr;gap:40px;padding-bottom:38px}.footer-grid .brand{font-size:22px;margin-bottom:15px}.footer-grid p{max-width:260px;font-size:11px}.footer-grid small{font-size:9px;color:#62626e}.footer-grid h4{font-size:11px;font-weight:550;margin-bottom:16px}.footer-grid>div>a:not(.brand){display:block;font-size:10px;color:#91919f;margin-bottom:9px}.footer-grid a:hover{color:white}.footer-bottom{border-top:1px solid #292a33;display:flex;justify-content:space-between;padding:21px 0;color:#666773;font-size:9px}.button,button.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--accent);border:1px solid var(--accent);color:#171023;font-weight:650;font-size:12px;padding:12px 18px;border-radius:6px;line-height:1.4;text-align:center;transition:background .2s}.button:hover{background:#c3acff}.button.secondary{background:#20202b;border-color:#393442;color:#d4ccdf;font-weight:500}.button.secondary:hover{background:#2d2839}.button.danger{background:#3d202c;border-color:#78404e;color:#ffb7c7}.button.small{padding:7px 12px;font-size:10px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.page-heading{padding:50px 0 30px}.page-heading h1{font-size:42px;max-width:900px}.page-heading p{font-size:14px}.catalog-filters{background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;align-items:end}.catalog-filters>a{font-size:12px;align-self:center;text-align:center}.catalog-note{font-size:11px;margin:30px 0 45px}.empty{text-align:center;padding:55px 20px;background:var(--panel);border-radius:12px;border:1px dashed #494256;margin-bottom:30px}.empty>span{font-size:38px;color:#ac96d7}.empty h2{font-size:25px}.empty p{font-size:12px}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#8c899a;padding:28px 0}.breadcrumbs a:hover{color:white}.product-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:25px 0 45px;align-items:center}.product-hero h1{font-size:53px}.product-hero h1 small{font-size:15px;vertical-align:middle;color:#a298b8;margin-left:10px}.lead{font-size:16px;line-height:1.8}.product-hero figure{margin:0}.product-hero img{width:100%;border:1px solid #4b3a62;border-radius:12px}.product-hero figcaption{color:#71717e;font-size:9px;margin-top:10px;text-align:center}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.chip{border:1px solid #3b354b;border-radius:4px;background:#221e2d;color:#c9c0dd;font-size:10px;padding:4px 10px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:65px;border-top:1px solid var(--line);padding:40px 0}.prose{line-height:1.9;color:#bbb9c8;font-size:14px}.prose h2{font-size:26px;color:#f2f0f7;margin:35px 0 18px}.prose h2:first-child{margin-top:0}.prose h3{color:#eee9f9}.prose p{color:#aaa8b8}.prose a{color:#c2a9ff}.prose ul{padding-left:22px}.prose details{border-bottom:1px solid var(--line);padding:15px 0}.prose summary{cursor:pointer;color:#ded7ed}.prose summary small{margin-left:15px;color:#8e899c}.prose blockquote{border-left:3px solid var(--accent);padding:8px 24px;background:#221d2b;margin:25px 0}.narrow{max-width:800px;margin-left:auto;margin-right:auto}.prose.narrow{margin-bottom:60px}.download-panel{padding:25px;background:#1d1b26;border:1px solid #443854;border-radius:10px}.download-panel h3{font-size:25px;line-height:1.35}.download-panel p{font-size:12px}.download-panel .button{width:100%;margin:7px 0}.download-panel small{display:block;font-size:9px}.download-panel dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #39313f;padding-top:22px;font-size:11px;gap:12px}.download-panel dt{color:#8d879b}.download-panel dd{margin:0;text-align:right}.report-link{font-size:10px;color:#9a8bad;display:block;text-align:center;margin:20px 0}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gallery img{border-radius:7px}.developer-grid,.category-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:15px 0 55px}.developer-initial{width:55px;height:55px;border:1px solid #63517f;background:#30243e;color:#d4baff;border-radius:12px;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.developer-grid h2,.category-tree h2{font-size:21px}.category-tree section>a{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #30303c;color:#aaa6b8;font-size:12px}.category-tree section>a span{color:#6e667e}.panel{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.notice{padding:15px 18px;border:1px solid #5b497a;background:#2e2540;border-radius:7px;margin:20px 0;font-size:12px;color:#dfd0ff}.notice.error{border-color:#7d4655;background:#3a202b;color:#ffc8d5}.notice.success{border-color:#3e6a56;background:#1e332b;color:#b6ebd0}label{display:block;color:#aaa6b9;font-size:11px;font-weight:500}input,select,textarea{display:block;width:100%;background:#12131a;border:1px solid #393541;color:#eeeaf4;border-radius:5px;padding:10px 12px;margin-top:6px;font-size:12px;min-width:0}input:focus,select:focus,textarea:focus{border-color:#a186d3;outline:1px solid #a186d3}textarea{resize:vertical;line-height:1.6}.check{display:flex;align-items:center;gap:10px;font-size:11px}.check input{width:16px;height:16px;accent-color:#a88aff;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-stack{display:grid;gap:18px}form.panel label,form.panel .form-grid{margin-bottom:18px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;left:-9999px}.prose form small{display:block;margin-top:15px;color:#8d829e}.auth-body{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;background:radial-gradient(ellipse at 50% 20%,#292039,#101116 65%)}.auth-body>.brand{margin-bottom:32px}.auth-card{width:min(460px,100%);padding:35px;background:#1a1823;border:1px solid #443750;border-radius:14px}.auth-card h1{font-size:34px}.auth-card p{font-size:12px}.auth-card label{margin:16px 0}.auth-card .button{width:100%;margin:12px 0 20px}.auth-card small{color:#84798f;font-size:10px;line-height:1.7;display:block}.auth-body>p{font-size:10px;margin-top:25px}.pagination{display:flex;gap:9px;margin:30px 0}.pagination a{padding:8px 14px;border:1px solid #464050;border-radius:6px;font-size:12px}.pagination a[aria-current=page]{background:#44325f;color:white}.suggestions{position:absolute;top:100%;left:0;right:0;background:#22202c;border:1px solid #53445f;z-index:50;border-radius:7px;box-shadow:0 15px 25px #0007}.suggestions a{display:block;padding:12px 16px;border-bottom:1px solid #37313f;font-size:12px}.suggestions a:hover{background:#332940}.suggestions small{display:block;color:#908497}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#43315d;border:1px solid #9675c3;color:#f2e8ff;border-radius:8px;padding:12px 22px;z-index:100;font-size:12px;box-shadow:0 8px 22px #0007}.message{max-width:600px;margin:100px auto;padding:35px}.message h1{font-size:75px;color:var(--accent);margin:35px 0 10px}.advert{max-width:1376px;margin:22px auto;padding:16px;background:#171b22;border:1px solid #343e4d;border-radius:8px}.advert small{display:block;color:#8a97aa;font-size:8px;letter-spacing:.1em;margin-bottom:12px}.advert strong{font-size:18px;font-weight:500;color:#c5d2e6}.advert img{max-height:250px;object-fit:contain;margin:auto}[hidden]{display:none!important}
/* The workspace shares the same visual language with denser editorial controls. */
.admin-body{background:#111217}.admin-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.admin-sidebar{border-right:1px solid #2d2a36;background:#17161e;padding:28px 18px;position:fixed;width:218px;top:0;bottom:0;overflow:auto}.admin-sidebar .brand{font-size:17px;margin:0 5px 7px}.admin-sidebar>.eyebrow{font-size:8px;margin-left:5px;color:#756887}.admin-sidebar nav{display:grid;gap:3px;margin-top:25px}.admin-sidebar nav a{font-size:11px;padding:9px 12px;color:#a89fb7;border-radius:5px;display:flex;gap:13px}.admin-sidebar nav a.active{background:#33263e;color:#dfc9ff}.admin-sidebar nav a:hover{background:#282230}.admin-sidebar nav a span{width:15px;color:#766485}.admin-sidebar .back-to-site{font-size:10px;display:block;margin:30px 12px;color:#a693be}.admin-main{grid-column:2;min-width:0}.admin-topbar{height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 36px;gap:20px;color:#95899f;font-size:11px}.admin-topbar .actions{font-size:11px}.admin-topbar form{margin:0}.admin-topbar button{background:transparent;border:0;color:#aa9aba;font-size:11px}.avatar{width:28px;height:28px;border-radius:50%;background:#4a365e;color:#e4cdfa;display:grid;place-items:center;font-size:12px}.admin-content{padding:32px 36px 60px;max-width:1800px;margin:auto}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.admin-heading h1{font-size:30px;margin:0 0 9px}.admin-heading p{font-size:11px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:28px}.stat{padding:22px;background:#1b1923;border:1px solid #37303f;border-radius:9px}.stat small{font-size:10px;color:#a399b0}.stat strong{display:block;font-size:34px;font-weight:550;letter-spacing:-.04em;margin-top:10px}.stat p{font-size:9px;margin:6px 0 0;color:#7e728c}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:23px}.dashboard-grid h2{font-size:18px}.quick-actions{display:grid;gap:12px}.quick-actions a{border:1px solid #3c3347;border-radius:6px;padding:14px;font-size:12px;color:#cdb9e1;display:flex;justify-content:space-between}.workspace-intro{background:linear-gradient(120deg,#33253f,#211e2d);border:1px solid #5b436e;border-radius:12px;padding:27px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:30px}.workspace-intro h2{font-size:25px;margin:0 0 10px}.workspace-intro p{font-size:12px;margin:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px;background:#18171f}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-weight:500;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#8d819d;background:#1d1a25;padding:14px}td{padding:14px;border-top:1px solid #302a38;color:#bfb5cd;vertical-align:middle}td strong{color:#e6ddee;font-weight:550}td small{display:block;font-size:9px;color:#80718f;margin-top:3px}.table-title{display:flex;gap:12px;align-items:center}.table-title img{width:56px;height:38px;object-fit:cover;border-radius:4px}.table-actions{display:flex;gap:12px;white-space:nowrap;color:#ba99e1}.status{font-size:8px;border-radius:4px;background:#39303f;color:#c6b5d6;padding:4px 7px;letter-spacing:.03em;white-space:nowrap}.status.published,.status.approved,.status.active{background:#203b30;color:#a1ddbd}.status.failed{background:#492633;color:#f1a4b9}.status.review,.status.scheduled,.status.processing{background:#3c334e;color:#cfb1f6}.admin-filter{display:flex;gap:12px;align-items:end;margin-bottom:20px}.admin-filter label{flex:1}.admin-filter input,.admin-filter select{margin-top:4px}.admin-filter .button{height:38px}.bulk-bar{display:flex;gap:13px;align-items:center;padding:15px;background:#1d1a25;border:1px solid #3e3449;border-radius:7px;margin:20px 0}.bulk-bar select{width:auto;margin:0}.bulk-bar small{margin-right:auto;color:#9586a7}.tabs{display:flex;gap:5px;border-bottom:1px solid #3a2f46;margin-bottom:27px;overflow:auto;white-space:nowrap}.tabs a{padding:12px 16px;font-size:11px;color:#a491b5}.tabs .selected{color:#d4b3f5;border-bottom:2px solid #ad83dc}.editor-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.research-panel{position:sticky;top:20px;max-height:calc(100vh - 50px);overflow:auto}.research-panel h2{font-size:16px}.research-panel h3{font-size:13px}.research-panel p{font-size:11px}.research-panel dt{font-size:9px;text-transform:uppercase;color:#927ca7;margin-top:13px;letter-spacing:.06em}.research-panel dd{font-size:11px;margin:3px 0;overflow-wrap:anywhere;color:#b9a9ca}.research-panel a{color:#bf96ee}.editor-form>.panel{margin-bottom:20px}.editor-form h2{font-size:16px;border-bottom:1px solid #3a2e43;padding-bottom:15px;margin-bottom:20px}.editor-form label{margin-bottom:17px}.editor-toolbar{display:flex;gap:6px;padding:8px;background:#28212f;border:1px solid #4a3a56;border-radius:5px 5px 0 0;flex-wrap:wrap}.editor-toolbar button{background:#342a40;color:#d4bce8;border:1px solid #554063;border-radius:3px;font-size:10px;padding:5px 10px}.rich-editor{min-height:260px;padding:18px;background:#131117;border:1px solid #483653;border-radius:0 0 5px 5px;outline-color:#ab81d3;color:#cdbcd9;line-height:1.9;font-size:13px}.rich-editor h2,.rich-editor h3{color:#efe4f7}.save-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;bottom:15px;border:1px solid #6b4b7f;background:#241b2eed;backdrop-filter:blur(12px);padding:14px 18px;border-radius:8px;z-index:10}.save-bar small{font-size:10px;color:#b69bca}.source-mode{min-height:260px;font-family:Consolas,monospace}.import-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.import-methods a{padding:20px}.import-methods h3{font-size:17px;margin:10px 0}.import-methods p{font-size:11px;margin:0}.import-methods span{font-size:25px;color:#bb90e8}.import-panel{max-width:1000px}.progress-track{height:6px;background:#33273c;border-radius:6px;overflow:hidden;margin:15px 0}.progress-track progress{width:100%;height:6px;accent-color:#b38bdf;display:block}.import-log{font-size:11px;white-space:pre-wrap;color:#a68fb6;max-height:180px;overflow:auto}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-grid h3{font-size:15px}.compare-field{border-top:1px solid #44324f;padding:12px 0;overflow-wrap:anywhere}.compare-field small{display:block;text-transform:uppercase;color:#9677ac;font-size:9px;letter-spacing:.08em}.compare-field p{font-size:12px;margin:4px 0 0}.media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:25px}.media-item{background:#201a28;border:1px solid #4a3357;border-radius:8px;padding:12px;min-width:0}.media-item img{width:100%;height:120px;object-fit:contain;background:#121016;border-radius:4px}.media-item p{font-size:10px;overflow-wrap:anywhere;margin:10px 0}.media-item input{font-size:10px}.media-item form{margin:8px 0}.media-item small{font-size:8px}.checklist{list-style:none;padding:0}.checklist li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #3b2b45;font-size:12px;color:#b8a5c8}.chart-bars{display:flex;align-items:flex-end;gap:9px;height:150px;border-bottom:1px solid #554065;margin-top:30px}.chart-bars div{display:flex;flex:1;flex-direction:column;justify-content:flex-end;height:100%;text-align:center;gap:6px}.chart-bars progress{width:100%;height:8px;accent-color:#b087de}.chart-bars span{font-size:8px;color:#997fae}.chart-bars strong{font-size:13px;color:#d7b6f1}.code-note{padding:15px;background:#121016;border:1px solid #473250;border-radius:6px;font:11px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.split-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.danger-zone{border-color:#714258}.inline-form{display:inline}.inline-form button{font-size:10px}.inline-form .button{padding:6px 10px}.revision-list{display:grid;gap:12px}.revision-list details{padding:14px;border:1px solid #46304f;border-radius:7px}.revision-list summary{font-size:12px;cursor:pointer}.revision-list pre{font:10px/1.6 Consolas,monospace;white-space:pre-wrap;max-height:300px;overflow:auto}.workflow-steps{display:flex;gap:20px;color:#a88bbe;font-size:10px;margin:25px 0}.workflow-steps b{background:#473255;color:#e4c5fa;padding:3px 6px;border-radius:4px;margin-right:5px}
@media(min-width:1500px){.intro h1{font-size:50px}.spotlight{min-height:340px}.spotlight-copy{padding:32px}.spotlight h3{font-size:36px}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-body>p{font-size:11px;height:37px}.card-body h3{font-size:20px}}
@media(max-width:1200px){.container{width:calc(100% - 56px)}.header-main{gap:25px}.main-nav{gap:20px}.main-nav .nav-all{display:none}.category-strip{grid-template-columns:repeat(3,1fr)}.discovery-layout{grid-template-columns:minmax(0,1fr) 235px;gap:22px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid:not(.home-grid){grid-template-columns:repeat(3,minmax(0,1fr))}.spotlight-grid{grid-template-columns:1.25fr 1fr 1fr}.spotlight-copy{padding:22px 18px;max-width:83%}.spotlight h3{font-size:27px}.spotlight p{font-size:10px}.spotlight{min-height:300px}.admin-content{padding:28px 25px}.editor-layout{grid-template-columns:260px minmax(0,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.utility .container>span:last-child{display:none}.saved-link span{display:none}.header-main{height:84px}.brand{font-size:20px}.search input{font-size:11px}.main-nav{font-size:10px;gap:24px}.intro h1{font-size:40px}.spotlight-grid{grid-template-columns:1fr 1fr}.spotlight-0{grid-column:span 2;min-height:290px}.spotlight-0 .spotlight-art{right:-25%;top:0;width:85%}.spotlight-0 .spotlight-copy{max-width:55%;padding:28px}.spotlight-0 h3{font-size:38px}.spotlight-1,.spotlight-2{min-height:270px}.discovery-layout{grid-template-columns:1fr}.discovery-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:22px}.discovery-sidebar .sidebar-list{margin:0}.discovery-sidebar .editorial-callout{display:none}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid:not(.home-grid){grid-template-columns:repeat(3,minmax(0,1fr))}.intro-note{display:none}.guide-grid{gap:18px}.guide-card h3{font-size:18px}.developer-logos{justify-content:center}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:25px}.footer-grid>div:last-child{display:none}.product-hero{gap:25px}.product-hero h1{font-size:40px}.article-layout{gap:28px;grid-template-columns:minmax(0,1fr) 270px}.catalog-filters{grid-template-columns:repeat(3,1fr)}.category-tree,.developer-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:175px minmax(0,1fr)}.admin-sidebar{width:175px;padding:23px 10px}.admin-sidebar .brand{font-size:15px}.admin-sidebar nav a{font-size:10px;padding:8px}.admin-topbar{padding:0 25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.research-panel{position:static;max-height:none}.research-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.split-form{grid-template-columns:1fr}.admin-heading h1{font-size:27px}.import-methods{grid-template-columns:1fr 1fr 1fr}.import-methods a{padding:15px}.import-methods h3{font-size:14px}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.header-main{height:auto;padding-top:20px;padding-bottom:16px;gap:14px;flex-wrap:wrap}.header-main .brand{font-size:21px;flex:1}.brand svg{width:26px}.search{order:5;flex:0 0 100%;max-width:none;margin-top:4px}.search input{font-size:11px;padding:10px 0}.saved-link{margin-left:0}.mobile-menu{display:block;background:none;border:0;color:#a9a3b9;font-size:21px}.main-nav{height:46px;gap:25px;font-size:10px}.main-nav.mobile-open{height:auto;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;white-space:normal}.main-nav.mobile-open a{height:30px}.intro{padding:32px 0 28px}.intro h1{font-size:36px}.intro .eyebrow{font-size:8px;letter-spacing:.12em}.intro p{font-size:11px}.section-heading{gap:10px;margin-bottom:17px}.section-heading h2{font-size:23px}.section-heading .text-link{font-size:9px}.section-heading .eyebrow{font-size:7px}.featured-section>.section-heading>.muted{font-size:9px}.spotlight-grid{gap:13px}.spotlight-0{min-height:285px}.spotlight-0 .spotlight-copy{max-width:68%;padding:23px}.spotlight-0 h3{font-size:36px}.spotlight-0 .spotlight-art{width:130%;right:-60%;opacity:.7;top:30px}.spotlight-1,.spotlight-2{min-height:245px}.spotlight-1 .spotlight-copy,.spotlight-2 .spotlight-copy{padding:18px 14px;max-width:100%}.spotlight h3{font-size:25px}.spotlight p{font-size:9px;-webkit-line-clamp:3;line-height:1.65;max-height:46px}.spotlight-developer{font-size:8px;margin-top:25px}.spotlight .badge{font-size:6px}.spotlight-action{font-size:9px}.category-strip{grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0 33px}.category-strip a{font-size:9px;padding:12px 10px}.category-strip a>span{font-size:16px}.discovery-layout{gap:25px}.home-grid,.product-grid:not(.home-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px 11px 7px}.card-body h3{font-size:16px}.card-meta{font-size:8px}.card-body>p{font-size:9px;height:31px;margin-bottom:10px}.card-bottom{font-size:8px}.card-art .badge{font-size:6px;padding:3px 4px;top:7px;left:7px}.save-button{font-size:18px}.discovery-sidebar{gap:16px;grid-template-columns:1fr}.sidebar-block{display:none}.sidebar-list>a{font-size:12px;padding:13px 0}.sidebar-list h3{font-size:17px}.free-section,.collection-section,.guide-section{margin-top:35px}.free-section{padding-top:25px}.guide-grid{grid-template-columns:1fr;gap:29px}.guide-card h3{font-size:23px}.guide-art{aspect-ratio:2.3}.guide-art>span{font-size:280px}.developer-section{margin:35px 0;padding:25px 0}.developer-logos{gap:20px}.developer-logos>a{font-size:18px}.developer-logos>.text-link{font-size:10px}.developer-section>.eyebrow{font-size:7px}.closing-note{padding:32px 0;font-size:8px;line-height:1.8}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block;font-size:8px}.footer-bottom>span{display:block;margin-bottom:7px}.page-heading{padding:35px 0 20px}.page-heading h1{font-size:33px}.page-heading p{font-size:12px}.catalog-filters{grid-template-columns:1fr 1fr;gap:13px;padding:16px}.catalog-filters label:first-child{grid-column:span 2}.product-hero{grid-template-columns:1fr;padding:10px 0 30px;gap:25px}.product-hero h1{font-size:43px}.lead{font-size:14px}.article-layout{grid-template-columns:1fr;gap:25px;padding:27px 0}.product-sidebar{grid-row:1}.download-panel h3 br{display:none}.prose{font-size:13px}.prose h2{font-size:23px}.category-tree,.developer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.panel{padding:20px}.admin-shell{display:block}.admin-sidebar{position:static;width:100%;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar>.eyebrow,.admin-sidebar .back-to-site{display:none}.admin-sidebar nav{display:flex;overflow:auto;margin-top:12px;gap:5px;white-space:nowrap}.admin-sidebar nav a{padding:7px 10px;font-size:10px}.admin-sidebar nav a span{display:none}.admin-topbar{height:52px;padding:0 18px;font-size:9px}.admin-topbar .actions{gap:8px;font-size:9px}.admin-content{padding:25px 18px}.admin-heading{align-items:start;gap:15px}.admin-heading h1{font-size:25px}.admin-heading p{font-size:10px}.admin-heading>.actions .button{font-size:10px;padding:9px 12px}.workspace-intro{padding:20px;display:block}.workspace-intro h2{font-size:22px}.workspace-intro .button{margin-top:20px}.stats-grid{gap:12px}.stat{padding:16px}.stat strong{font-size:29px}.stat small{font-size:9px}.import-methods{grid-template-columns:1fr}.import-methods a{display:grid;grid-template-columns:35px 1fr}.import-methods span{grid-row:span 2}.import-methods h3{margin:0 0 5px}.tabs a{padding:10px 12px;font-size:10px}.admin-filter{flex-wrap:wrap}.admin-filter label{min-width:40%}.compare-grid{grid-template-columns:1fr}.save-bar{padding:12px;bottom:8px;gap:10px}.save-bar .button{padding:9px 13px;font-size:10px}.save-bar small{font-size:8px}.media-grid{grid-template-columns:repeat(2,1fr);gap:12px}.editor-toolbar button{font-size:9px}.workflow-steps{gap:10px;font-size:8px}.table-wrap table{min-width:640px}.dashboard-grid .table-wrap table{min-width:400px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.main-nav::-webkit-scrollbar{display:none}

.mobile-ad{display:none}@media(max-width:600px){.mobile-ad{display:block;margin:0 18px}}