/* Inter and the glass lightmaps are taken from the supplied test-website export. */
@font-face{font-family:Inter;src:url('design-assets/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('design-assets/inter-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('design-assets/inter-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('design-assets/inter-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:light;--bg:#fff;--panel:#fff;--panel2:#f0f1f3;--line:#dedfe3;--text:#15171c;--mute:#6f7179;--ink:#15171c;--accent:#b75173;--component-surface:#fafafa;--component-border:#dedfe3;--component-muted:#71737b;--component-radius:999px}
body{font-family:Inter,Arial,sans-serif;background:#fff;color:#15171c;font-size:14px;-webkit-font-smoothing:antialiased}
body.gallery-page{display:block;padding-top:102px}
.gallery-page .main{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:0 0 32px;background:transparent;overflow:visible;min-height:calc(100dvh - 102px)}
.site-nav{position:fixed;z-index:45;top:20px;left:50%;translate:-50% 0;width:min(780px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px 11px 20px;border:3px solid #c1c1c1;border-top-color:#fff;border-bottom-color:#fff;border-radius:999px;background:linear-gradient(150deg,#d0d0d0,#e8e8e8 50.17%,#c8c8c8);box-shadow:inset 0 1px 1.5px #0001,inset 0 -1px 1.5px #0001,4px 24px 30px -18px #0004}
.nav-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600;letter-spacing:-.8px;white-space:nowrap}.nav-gem{display:block;width:19px;height:19px;border-radius:3px;background:linear-gradient(135deg,#f4f5f8,#c4c8d0 55%,#9ea2ac);rotate:45deg;box-shadow:inset 0 1px 1px #ffffffe6,0 4px 7px -1px #0005;position:relative}.nav-gem:after{content:'';position:absolute;inset:6px;background:#0e0e12;border-radius:2px}
.site-nav nav{display:flex;gap:3px;align-items:center}.site-nav nav a,.site-nav nav button{font-size:12px;padding:10px 12px;border-radius:999px;color:#484a51;white-space:nowrap;transition:background .18s,box-shadow .18s}.site-nav nav :is(a,button):hover,.site-nav nav .on{background:#ffffff6b;box-shadow:inset 0 1px #fff9,0 4px 10px -6px #0005;color:#15171c}
.nav-start{display:flex;gap:12px;align-items:center;border-radius:999px;padding:12px 18px;color:#fff;font-size:12px;white-space:nowrap;background:linear-gradient(#26262a,#08080a);box-shadow:inset 0 1px #ffffff47,inset 0 -1px 1px #0008,0 7px 16px -6px #0006}
.gallery-page .top{position:relative;z-index:35;background:transparent;padding:12px 0;gap:20px;flex-wrap:nowrap}.gallery-page .sw{flex:1;min-width:140px}.gallery-page .search{height:48px;background:linear-gradient(155deg,#f7f7f8,#ededf0);border:1px solid #dfe0e5;box-shadow:inset 0 1px 2px #fff;border-radius:999px;padding-left:20px}.gallery-page .search:hover,.gallery-page .search:focus-within{background:#f5f5f7}.search input{font-family:inherit;font-size:13px}.search kbd{color:#7a7c83;font-family:inherit}.go{background:#fff;color:#15171c;width:36px;height:36px;border:1px solid #dedfe3;box-shadow:0 2px 4px #00000008}.gallery-page .auth{font-size:12px;gap:16px;flex-wrap:nowrap}.auth .signup{white-space:nowrap}.sug{background:#fffffff5;border-color:#dedfe3;box-shadow:0 12px 40px #15171c1a;backdrop-filter:blur(20px)}.sug .it:hover,.sug .it.on{background:#f1f1f4}.sug mark{color:#aa4365}
.signup,.secondary,.home-primary,.home-secondary,.plan-action{border-radius:999px;min-height:44px;padding:12px 20px;font-weight:500;font-size:13px;box-shadow:inset 0 1px 1px #ffffffb3,0 8px 18px -14px #0004;background-image:url('design-assets/glass-button.png'),linear-gradient(150deg,#ffffff66,#ffffffad);background-size:100% 100%;border:1px solid #dedfe3;color:#15171c}
.signup,.home-primary{background-image:linear-gradient(#26262a,#08080a);color:#fff;box-shadow:inset 0 1px #ffffff47,0 7px 16px -6px #0006;border-color:#24242a}.signup:hover,.home-primary:hover{background:#303037;color:#fff}.secondary:hover,.home-secondary:hover{background-color:#fff;border-color:#b9bbc3}
.pro-upgrade{border-color:#dcbdc8;background:#fff6f9;color:#a24767;border-radius:999px;font-size:11px}
.gallery-page .discord-banner{padding:10px 16px;margin:6px 0 32px;border-radius:999px;border:1px solid #e4e4e9;background:#f7f7f9;color:#4a4c56;font-size:12px}.discord-banner i,.discord-banner .discord-cta{color:#686582}.discord-banner:hover{border-color:#bfc0cc}
.home-intro{margin:0 0 46px}.home-heading{text-align:center;padding:24px 0 38px}.home-eyebrow{color:#7a7c84;letter-spacing:1.6px;font-size:10px;font-weight:500}.home-heading h1{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-1.9px;font-weight:500;margin:14px 0}.home-heading p{font-size:14px;line-height:1.8;color:#767880}
.home-plans,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.plan-card{isolation:isolate;position:relative;border:1px solid #eeeef1;border-radius:28px;padding:28px;gap:24px;background:linear-gradient(150deg,#fff9,#f2f3f566 46%,#fff9);color:#15171c;box-shadow:inset 0 1.5px 1px #ffffffd9,inset 1.5px 0 1px #ffffff73,inset 0 -1px 1px #ffffff4d,0 1px 2px #0000000f,0 12px 26px -18px #00000038,0 36px 64px -40px #00000042;overflow:hidden}
.plan-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('design-assets/glass-card.png') center/100% 100% no-repeat;opacity:.5;border-radius:inherit}
.plan-title{font-size:20px;font-weight:500;letter-spacing:-.5px;justify-content:space-between}.plan-card>p{font-size:13px;color:#15171ca8;line-height:1.6;min-height:42px;margin-top:-16px}.plan-price{font-size:48px;letter-spacing:-2px;font-weight:500;line-height:1.15;min-height:55px}.plan-price span{font-size:13px;color:#767880;letter-spacing:0;font-weight:400}.plan-price.plan-contact{font-size:29px;letter-spacing:-1px;display:flex;align-items:center;padding:0}.plan-action{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;margin:0;text-align:center;font-size:13px}
.plan-card ul{list-style:none;padding:22px 0 0;margin:0;border-top:1px solid #15171c17;display:grid;gap:12px;color:#15171c;font-size:12px;line-height:1.5}.plan-card li{display:flex;align-items:flex-start;gap:10px}.plan-card li:before{content:'\2713';font-size:13px;flex:none}
.plan-card.plan-pro{background:linear-gradient(150deg,#353741,#16181f 52%,#2b2d36);color:#fff;border-color:#53555d;box-shadow:inset 0 1.5px 1px #ffffff80,inset -1px 0 1px #ffffff1a,0 20px 40px -22px #0008,0 48px 84px -44px #0007}.plan-pro:before{opacity:.18}.plan-pro>p,.plan-pro .plan-price span{color:#ffffffb8}.plan-pro ul{color:#fff;border-color:#ffffff24}.plan-pro .plan-action.signup{background:#fff url('design-assets/glass-button.png') center/100% 100%;color:#15171c;border-color:#fff6;box-shadow:inset 0 1.5px #fff9,0 8px 18px -14px #0005}.plan-badge{font-weight:400;margin:0;padding:4px 10px;border:0;border-radius:999px;background:#ffffff24;color:#ffffffeb;font-size:11px;letter-spacing:0}
.asset-preview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.asset-preview{display:grid;grid-template-columns:64px 1fr;gap:4px 14px;align-items:center;padding:12px;border-radius:20px;border:1px solid #e6e6eb;background:#fff;min-width:0}.asset-preview img{grid-row:span 2;width:64px;height:56px;object-fit:cover;border-radius:12px}.asset-preview span{font-size:12px;line-height:1.4;overflow-wrap:anywhere;align-self:end}.asset-preview small{color:#797b83;font-size:10px;align-self:start}.asset-preview:hover{border-color:#bdbfc7}
.asset-topics{justify-content:center;gap:6px;padding:4px 0 14px}.asset-topics a{background:transparent;border:1px solid transparent;color:#787a83;border-radius:999px;font-weight:400;font-size:12px;padding:10px 18px}.asset-topics a:first-child,.asset-topics a:hover{background:#f1f2f4;color:#15171c;border-color:#e0e1e5}
.gallery-page .head{margin:24px 0 20px}.gallery-page .head h2{font-size:20px;font-weight:500;letter-spacing:-.6px}.views .on{background:#e9eaee}.gallery-page .grid{columns:3 280px;column-gap:22px}.gallery-page .grid.dense{columns:4 210px}.gallery-page .card{padding:0;margin-bottom:28px;color:#15171c}.card-media{border-radius:24px;background:#edeef1;box-shadow:0 3px 10px #15171c0a}.card-caption{padding:12px 6px 0}.card-caption h2{font-size:13px;font-weight:500}.pin-save{background:#fff;color:#15171c;box-shadow:0 3px 12px #0002}.pin-save:hover{background:#f2f2f4}.pin-pro-badge{background:#24262ee8;color:#fff;border-radius:999px}.pack-pro-badge{background:#f9edf1;color:#a24767;border-color:#e6c7d1;border-radius:999px}.gallery-page .use{color:#15171c}
.pack-dialog{background:#fafafa;border:1px solid #fff9;border-radius:28px;box-shadow:0 24px 80px #15171c38}.pack-dialog::backdrop{background:#22252d75;backdrop-filter:blur(12px)}.pack-info{background:linear-gradient(150deg,#fff,#f7f7f9);padding:28px}.pack-info h2{font-weight:500;letter-spacing:-1px}.pack-info p{color:#767880}.pack-pictures,.pack-stage{background:#edeef1}.pack-file{background:#f0f1f4;border-color:#e2e3e7;color:#555761}.pack-tools button{color:#595c65}.pack-tools button:hover{background:#e9eaef;color:#15171c}.picture-arrow{background:#fff;color:#15171c;border:1px solid #dedfe3}.pack-download-area .signup{color:#fff}.picture-count{background:#fff;color:#15171c}.pack-thumbs{background:#f0f1f4}
.pricing-dialog{width:min(1120px,calc(100vw - 40px));background:#fafafcf2;border-radius:32px;border:1px solid #fff;padding:32px;backdrop-filter:blur(24px)}.pricing-dialog .pricing-grid{margin-top:28px}.pricing-header h2{font-weight:500;letter-spacing:-.9px}.pricing-header p,.pricing-note{color:#787a83}.pricing-dialog::backdrop,.codes-drawer::backdrop{background:#25283266;backdrop-filter:blur(12px)}.component-label{color:#a24767}.dialog-close:hover{background:#eeeef2;color:#15171c}.codes-drawer{background:#fafafcf5;border:1px solid #fff;border-radius:28px 28px 0 0;backdrop-filter:blur(24px)}.drawer-handle span{background:#c5c6ce}.code-controls p,.drawer-heading p,.drawer-footer{color:#787a83}.code-controls input{background:#fff;border-color:#dcdde3;color:#15171c;border-radius:12px}.wheel-hub{background:#fff;color:#15171c}.code-controls .spin-button{color:#fff}.code-status{color:#a24767}
.site-footer{margin-top:44px;padding-top:12px;border-top:1px solid #e6e7eb;color:#777982}.footer-top,.footer-bottom{border-color:#e6e7eb}.footer-brand{color:#15171c}.footer-brand img{width:56px;height:56px}.footer-bottom{font-size:11px}.footer-top nav{font-size:12px}.footer-bottom strong{color:#353740}
.account-main{background:#f6f7f9;min-height:100dvh}.account-box{border-radius:28px;background:#ffffffb3;box-shadow:inset 0 1px #fff,0 36px 64px -40px #0004}.account-box h1{font-weight:500;letter-spacing:-1px}.account-box .logo img{object-fit:contain}.fields input,.fields textarea,.fields select{background:#fff;border-color:#dedfe3;border-radius:12px;color-scheme:light}.fields .signup{color:#fff}.status{color:#a24767}.dashboard-nav{background:#f6f6f8;border-right:1px solid #e3e4e8}.dashboard .main{background:#fff}.dashboard-nav nav a.on{color:#15171c;background:#e9eaef}.dashboard-card,.stats a{border-radius:24px;background:#fafafc;box-shadow:inset 0 1px #fff,0 8px 24px -20px #0004}.dashboard-header h1,.section-heading h2,.stats strong{font-weight:500}.danger{color:#ba3e51}.announcement{border-color:#dedfe3;background:#fafafc;border-radius:24px}.gallery-page #announcements{border-color:#e2e3e7}
@media(max-width:1000px){.gallery-page .top{flex-wrap:wrap}.gallery-page .top .sw{flex:1 1 380px}.gallery-page .auth{margin-left:auto}.plan-card{padding:24px}.plan-price.plan-contact{font-size:25px}.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid .plan-card:last-child{grid-column:1/-1}}
@media(max-width:760px){body.gallery-page{padding-top:138px}.site-nav{top:12px;border-radius:26px;flex-wrap:wrap;padding:12px 16px;gap:10px}.site-nav nav{order:3;width:100%;justify-content:space-between;gap:0}.site-nav nav a,.site-nav nav button{font-size:11px;padding:8px 11px}.nav-start{margin-left:auto;padding:9px 16px}.nav-brand{font-size:18px}.gallery-page .main{width:calc(100% - 32px);padding:0 0 24px}.gallery-page .top .sw{order:0;flex-basis:100%}.gallery-page .top .auth{order:1;gap:14px;flex-wrap:wrap}.gallery-page .discord-banner{margin:6px 0 14px;border-radius:16px;font-size:11px}.discord-cta{font-size:10px!important}.home-heading{padding:24px 8px 28px}.home-heading h1{font-size:34px;letter-spacing:-1.4px}.home-heading p{font-size:12px}.home-plans,.pricing-grid{grid-template-columns:1fr;gap:16px}.pricing-grid .plan-card:last-child{grid-column:auto}.plan-card{padding:28px;gap:24px}.plan-price.plan-contact{font-size:29px}.home-intro{margin-bottom:28px}.asset-preview-strip{grid-template-columns:1fr;gap:10px;margin-top:22px}.gallery-page .grid,.gallery-page .grid.dense{columns:2 140px;column-gap:14px}.card-media{border-radius:18px}.asset-topics{justify-content:flex-start}.pricing-dialog{padding:22px;border-radius:28px}.gallery-page .head h2{font-size:18px}.site-footer{margin-top:28px}.pack-info{padding:22px}.auth .pro-upgrade{min-height:34px;padding:7px 10px}.gallery-page .auth .signup{padding:9px 16px;min-height:36px}.plan-action{font-size:13px}}
@media(prefers-reduced-transparency:reduce){.site-nav,.pricing-dialog,.codes-drawer{backdrop-filter:none;background-color:#f7f7f9}.plan-card:before{display:none}}
@media(forced-colors:active){.site-nav,.plan-card,.pack-dialog,.signup,.secondary{border:1px solid CanvasText}.nav-gem{background:CanvasText}}
:root:not([data-theme="dark"]){color-scheme:light}body.gallery-page{background:#fff}.pack-tools button{background:#f0f1f4;border-color:#dedfe3}.pack-download.signup{background:linear-gradient(#26262a,#08080a);color:#fff;border-radius:999px}.pack-download.signup:hover{background:#303037}.pack-info{border-color:#dedfe3}#code-form input{background:#fff;color:#15171c;border-color:#dedfe3;border-radius:12px}.drawer-footer .secondary{color:#15171c}
/* Keep the gallery controls; remove the floating topbar and homepage plans. */
body.gallery-page{display:flex;padding-top:0}.gallery-page .side{background:#fafafc;border-right:1px solid #e7e8ed}.gallery-page .side .ico{color:#787a83}.gallery-page .side .ico:hover,.gallery-page .side .ico.on{background:#e9eaef;color:#15171c}.gallery-page .main{flex:1;max-width:1120px;width:calc(100% - 108px);margin:0 auto;padding:12px 24px 32px;min-height:100dvh}.home-heading{padding:28px 0 16px}.asset-preview-strip{margin-top:20px}.home-intro{margin-bottom:24px}
@media(max-width:760px){body.gallery-page{display:block;padding-top:0}.gallery-page .side{display:none}.gallery-page .main{width:100%;padding:8px 16px 24px}.gallery-page .mobile-nav{display:flex;gap:16px;padding:10px 0 18px;align-items:center;overflow:auto;font-size:12px}.mobile-nav a,.mobile-nav button{color:#73757e;white-space:nowrap;font-size:12px}.mobile-nav a.on{color:#15171c}.home-heading{padding:20px 0 12px}}
.shop-banner{overflow:hidden;border-radius:24px;background:#f9d7e8;aspect-ratio:3/1}.shop-banner>img{display:block;width:100%;height:100%;object-fit:cover}.banner-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 2px 4px}.roblox-label{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:500;color:#747680}.roblox-label img{display:block}.banner-heading h1{font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:-1.1px;line-height:1.2;margin:10px 0 0}.banner-heading .home-primary{flex:none}.community-banner{position:relative;display:block;overflow:hidden;aspect-ratio:3.7/1;margin-top:36px;border-radius:24px;background:#efd8e7;color:#fff}.community-banner>img{display:block;width:100%;height:100%;object-fit:cover}.community-banner>span{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:24px;background:linear-gradient(transparent 30%,#31172d9c)}.community-banner strong{font-size:24px;font-weight:500;letter-spacing:-.7px}.community-banner>span>span{background:#fff;color:#15171c;padding:12px 18px;border-radius:999px;font-size:12px}.community-banner:hover>img{scale:1.02;transition:scale .25s ease}.gallery-page .ico:after{background:#15171c;color:#fff;letter-spacing:0;z-index:60}.ico:not([data-tip]):after,.ico[data-tip=""]:after{display:none}.wheel-label-dark{color:#fff!important}.wheel-label{font-size:10px!important;font-weight:500}.gallery-page #announcements:has(h2[hidden]){border-top:0;padding-top:0;margin-top:6px}.footer-top{border-top:0}.pack-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.pack-tags a{font-size:11px;padding:6px 10px;border-radius:999px;background:#f2e7ed;color:#8f4160}.pack-tags a:hover{background:#ecd4df}.pack-updates{border-top:1px solid #e2e3e7;margin-top:20px;padding-top:16px}.pack-info .latest-update{font-size:12px;font-weight:500;color:#555863;line-height:1.6;white-space:normal}.pack-updates details{margin-top:14px}.pack-updates summary{font-size:12px;cursor:pointer;color:#a24767}.pack-updates ol{padding-left:17px;margin:16px 0 0}.pack-updates li{margin:0 0 18px;padding-left:4px}.pack-updates li strong{font-size:12px;font-weight:500;line-height:1.5;display:block;overflow-wrap:anywhere}.pack-updates time{font-size:10px;color:#898b93;display:block;margin:5px 0}.pack-info .pack-updates li p{font-size:12px;margin-top:6px;line-height:1.6}.edit-dialog{width:min(760px,calc(100vw - 32px));max-height:92dvh;margin:auto;padding:28px;border:1px solid #fff;border-radius:28px;background:#fafafc;color:#15171c;overflow:auto;box-shadow:0 24px 80px #15171c38}.edit-dialog::backdrop{background:#25283266;backdrop-filter:blur(10px)}.edit-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.edit-heading h2{font-size:26px;font-weight:500;letter-spacing:-.7px;margin-top:6px}.edit-dialog fieldset{border:0;padding:0}.edit-columns{display:grid;grid-template-columns:1fr 2fr;gap:16px}.edit-dialog small,.fields small{font-size:11px;line-height:1.5;color:#7d7f88}.edit-current-images{display:flex;gap:10px;overflow:auto}.edit-current-images img{height:76px;width:92px;object-fit:cover;border-radius:10px;flex:none}.update-editor{display:grid;gap:16px;border-top:1px solid #e0e1e7;padding-top:22px;margin-top:6px}.update-editor h3,.editor-history h3{font-size:16px;font-weight:500}.update-editor>p{font-size:12px;line-height:1.6;color:#777982}.editor-history{border-top:1px solid #e0e1e7;padding-top:22px;margin-top:24px}.editor-history>div{font-size:12px;color:#777982;margin-top:12px}.editor-update-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e1e7}.editor-update-row span{overflow-wrap:anywhere}.editor-update-row button{font-size:11px;padding:8px 14px;min-height:34px}.edit-dialog .status{margin-top:18px}.dashboard-nav .logo img{object-fit:contain}.dashboard .row-actions .secondary{padding:9px 13px;font-size:12px;min-height:36px}
@media(max-width:760px){.shop-banner{aspect-ratio:2.1/1;border-radius:18px}.banner-heading{padding-top:18px;align-items:flex-start;flex-direction:column;gap:14px}.banner-heading h1{font-size:26px}.banner-heading .home-primary{min-height:38px;font-size:12px;padding:10px 16px}.community-banner{aspect-ratio:2/1;border-radius:18px}.community-banner>span{padding:16px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px}.community-banner strong{font-size:20px}.community-banner>span>span{padding:9px 14px;font-size:11px}.edit-dialog{padding:22px}.edit-columns{grid-template-columns:1fr}.dashboard .row-actions{flex-wrap:wrap}.pack-updates{margin-top:16px}}