/* Main-site shell and page layouts share the Clips product visual system. */
html:has(.pixgb-clips-theme){background:#000;color-scheme:dark!important;scroll-padding-top:88px}
body.pixgb-clips-theme{
 --bg:#000;--bg0:#000;--bg1:#0a0a0a;--bg2:#111;--bg-end:#000;--surface:#0a0a0a;--surface-2:#111;--card:#0a0a0a;--panel:#0a0a0a;
 --fg:#ededed;--ink:#ededed;--text:#ededed;--legal:#c4c4c4;--muted:#a1a1a1;--dim:#737373;
 --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.14);--line-strong:rgba(255,255,255,.14);
 --cyan:#42d3f3;--accent:#42d3f3;--accent-hover:#8ae6f8;--accent-dim:#269cb7;--violet:#8b7cf6;--green:#76e3bd;--btn-ink:#000;--danger:#ff7c86;--warn:#e8ba75;
 --header-bg:rgba(0,0,0,.85);--glow-a:transparent;--glow-b:transparent;--font:Geist,'DM Sans',system-ui,sans-serif;--display:Geist,'DM Sans',system-ui,sans-serif;--mono:'Geist Mono','IBM Plex Mono',ui-monospace,monospace;--radius:16px;
 margin:0;padding:0;min-height:100dvh;background:#000;color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;isolation:isolate
}
body.pixgb-clips-theme::before{content:"";position:absolute;inset:64px 0 auto;height:720px;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),radial-gradient(ellipse 65% 70% at 50% 0%,#42d3f313,transparent 70%);background-size:72px 72px,72px 72px,100% 100%;mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent)}
.pixgb-clips-theme [hidden]{display:none!important}
.pixgb-clips-theme :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.pixgb-clips-theme .px-skip{position:fixed;inset:8px auto auto 16px;z-index:500;padding:10px 16px;border-radius:8px;background:#fff;color:#000;transform:translateY(-150%)}
.pixgb-clips-theme .px-skip:focus{transform:none}
/* Navigation */
body.pixgb-clips-theme .site-header.px-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;position:sticky;top:0;z-index:120;min-height:68px;padding:12px clamp(20px,3vw,48px);border:0;border-bottom:1px solid var(--line);background:#000d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:none}
.pixgb-clips-theme .site-header__bar{display:contents!important}
body.pixgb-clips-theme .brand{display:flex;gap:10px;font:700 17px/1 var(--font);letter-spacing:-.035em;color:var(--fg);transform:none}
.pixgb-clips-theme .brand .px-brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line-2);border-radius:10px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);color:var(--cyan);box-shadow:0 0 20px #42d3f31a;font-size:16px}
.pixgb-clips-theme .brand .px-brand-name{color:var(--fg)}
body.pixgb-clips-theme .px-nav{grid-column:2;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;overflow:visible;padding:0;margin:0;border:0;width:auto}
body.pixgb-clips-theme .px-nav>a,.pixgb-clips-theme .px-more>summary{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font:500 13px/1.4 var(--font);white-space:nowrap;cursor:pointer}
body.pixgb-clips-theme .px-nav>a:hover,.pixgb-clips-theme .px-more>summary:hover,body.pixgb-clips-theme .px-nav>a.is-current{background:#ffffff11;border-color:var(--line);color:var(--fg)}
.pixgb-clips-theme .px-more{position:relative}
.pixgb-clips-theme .px-more>summary{list-style:none}
.pixgb-clips-theme .px-more>summary::-webkit-details-marker{display:none}
.pixgb-clips-theme .px-more[open]>summary{color:var(--fg);background:#111}
.pixgb-clips-theme .px-menu{position:absolute;top:calc(100% + 14px);inset-inline-end:0;display:grid;grid-template-columns:1fr 1fr;gap:3px;width:440px;max-height:calc(100dvh - 100px);overflow:auto;padding:14px;border:1px solid var(--line-2);border-radius:14px;background:#0a0a0a;box-shadow:0 24px 60px #000b}
.pixgb-clips-theme .px-menu a{display:flex;flex-direction:column;padding:9px 12px;border-radius:8px;color:var(--fg);font-size:13px}
.pixgb-clips-theme .px-menu a:hover,.pixgb-clips-theme .px-menu a.is-current{background:#171717}
.pixgb-clips-theme .px-menu a span{color:var(--dim);font-size:11px;font-weight:400}
.pixgb-clips-theme .px-menu-label{grid-column:1/-1;margin:8px 12px 4px;color:var(--dim);font:500 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.pixgb-clips-theme .px-menu .language-picker{grid-column:1/-1;margin-top:10px;border-color:var(--line);background:#111;border-radius:8px}
.pixgb-clips-theme .px-menu .language-picker select{flex:1;max-width:none}
.pixgb-clips-theme .px-account{display:flex;align-items:center;gap:10px;white-space:nowrap}
.pixgb-clips-theme .px-account form{margin:0}
.pixgb-clips-theme .px-account-link{padding:8px;color:var(--muted);font-size:13px}
.pixgb-clips-theme .px-account-link:hover{color:var(--fg)}
.pixgb-clips-theme .nav-toggle{display:none}
.pixgb-clips-theme .mobile-bottom-nav{display:none!important}
/* Shared page frame */
body.pixgb-clips-theme .site-main{flex:1;width:min(100%,1440px);max-width:1440px;margin-inline:auto;padding:44px clamp(20px,4vw,60px) 80px}
.pixgb-clips-theme .site-main>:is(section,article,div,nav){min-width:0}
.pixgb-clips-theme .site-main h1{font:650 clamp(30px,3.5vw,46px)/1.12 var(--display);letter-spacing:-.05em;color:var(--fg);text-wrap:balance;margin:0 0 14px}
.pixgb-clips-theme .site-main h2{font-family:var(--display);font-weight:600;letter-spacing:-.03em;line-height:1.25;color:var(--fg)}
.pixgb-clips-theme .site-main h3{font-family:var(--display);font-weight:600;letter-spacing:-.02em;line-height:1.35;color:var(--fg)}
.pixgb-clips-theme .site-main p{line-height:1.65}
.pixgb-clips-theme .muted{color:var(--muted)}
.pixgb-clips-theme :is(.product-eyebrow,.ai-kicker,.restore-kicker,.meme-eyebrow,.studio-eyebrow,.eyebrow,.px-eyebrow){color:var(--dim);font:500 11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px}
.pixgb-clips-theme :is(.panel,.card,.surface){border:1px solid var(--line);border-radius:16px;background:#0a0a0a;color:var(--fg);box-shadow:none}
body.pixgb-clips-theme .site-main .panel{padding:26px}
body.pixgb-clips-theme .site-main :is(.panel,.card)>h2:first-child{margin-top:0}
.pixgb-clips-theme .site-main :is(.table,table){border-collapse:collapse;border-color:var(--line);font-size:13px}
.pixgb-clips-theme .site-main :is(td,th){padding:13px 16px;border-color:var(--line)}
.pixgb-clips-theme .site-main th{color:var(--muted);font-weight:500;background:#101010}
.pixgb-clips-theme .site-main tbody tr:hover{background:#ffffff06}
.pixgb-clips-theme .site-main hr{border:0;border-top:1px solid var(--line);margin-block:24px}
/* Buttons and forms */
body.pixgb-clips-theme .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 20px;border:1px solid #ededed;border-radius:999px;background:#ededed;color:#000;font:600 13px/1.4 var(--font);letter-spacing:-.01em;box-shadow:none;text-shadow:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
body.pixgb-clips-theme .btn:hover{background:#fff;border-color:#fff;color:#000;transform:translateY(-1px);filter:none;box-shadow:none}
body.pixgb-clips-theme .btn-ghost{background:#ffffff08;color:var(--fg);border-color:var(--line-2)}
body.pixgb-clips-theme .btn-ghost:hover{background:#171717;color:#fff;border-color:#484848}
body.pixgb-clips-theme .btn-sm{min-height:34px;padding:7px 13px;font-size:12px}
body.pixgb-clips-theme :is(.btn-danger,.btn.danger){background:#ff636914;color:#ff9a9e;border-color:#ff63694d}
.pixgb-clips-theme :is(button,.btn):disabled{opacity:.4;cursor:not-allowed;transform:none}
.pixgb-clips-theme .site-main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea){max-width:100%;min-height:42px;border:1px solid var(--line-2);border-radius:9px;background:#080808;color:var(--fg);padding:10px 12px;font-family:var(--font);font-size:13px;box-shadow:none}
.pixgb-clips-theme .site-main input::placeholder,.pixgb-clips-theme .site-main textarea::placeholder{color:#666}
.pixgb-clips-theme .site-main :is(input,textarea,select):focus{border-color:#777;outline:0;box-shadow:0 0 0 3px #ffffff0c}
.pixgb-clips-theme .site-main :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--cyan)}
.pixgb-clips-theme .site-main label{color:var(--fg);font-size:13px}
.pixgb-clips-theme .site-main :is(.flash,.notice,.translation-beta-notice){border-radius:10px;border-color:var(--line-2);background:#111;font-size:13px;box-shadow:none}
.pixgb-clips-theme .site-main .flash.err{border-color:#ff63694d;color:#ff9a9e;background:#ff63690a}
.pixgb-clips-theme .site-main .flash.ok{border-color:#76e3bd40;color:var(--green);background:#76e3bd08}
/* Tool workspaces and libraries */
body.pixgb-clips-theme :is(.ai-hero,.restore-hero,.meme-page-header,.studio-page-header,.lib-hero,.drive-hero){background:transparent;border:0;border-radius:0;box-shadow:none;padding:0 0 28px;margin:0 0 26px;border-bottom:1px solid var(--line)}
.pixgb-clips-theme :is(.ai-hero,.restore-hero,.meme-page-header,.studio-page-header,.lib-hero)::after{display:none}
.pixgb-clips-theme :is(.ai-hero-copy,.restore-hero,.meme-page-header,.studio-page-header,.lib-hero) p{max-width:720px}
body.pixgb-clips-theme :is(.images-workspace-nav,.ai-section-nav,.meme-workspace-nav,.studio-workspace-nav,.lib-tabs){display:flex;gap:4px;width:fit-content;max-width:100%;padding:5px;margin:0 0 24px;border:1px solid var(--line);border-radius:12px;background:#080808;overflow-x:auto}
.pixgb-clips-theme :is(.images-workspace-nav,.ai-section-nav,.meme-workspace-nav,.studio-workspace-nav,.lib-tabs) a{padding:8px 13px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:12px;font-weight:500;white-space:nowrap}
.pixgb-clips-theme :is(.images-workspace-nav,.ai-section-nav,.meme-workspace-nav,.studio-workspace-nav,.lib-tabs) a:is(.is-current,.is-active,:hover){color:var(--fg);border-color:var(--line);background:#171717}
body.pixgb-clips-theme :is(.upload-page-layout,.ai-page,.restore-shell,.meme-page,.studio-page,.pixgb-file-page,.recent-page,.drive-shell,.pricing-page){width:100%;max-width:none;margin:0}
body.pixgb-clips-theme :is(.meme-page,.studio-page,.pricing-page){border:0;background:transparent;box-shadow:none;padding:0!important}
body.pixgb-clips-theme .upload-page-layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px}
body.pixgb-clips-theme .upload-page-layout .images-workspace-nav{margin-bottom:4px}
.pixgb-clips-theme :is(.product-upload,.pixgb-file-page)>h1{margin-bottom:14px}
.pixgb-clips-theme :is(.product-upload,.pixgb-file-page)>p{max-width:820px}
body.pixgb-clips-theme :is(.hero-drop-hint,.pixgb-file-pick-zone,.restore-upload){border:1px dashed #ffffff30;border-radius:12px;background:#080808;color:var(--fg);box-shadow:none;padding:32px}
.pixgb-clips-theme :is(.hero-drop-hint,.pixgb-file-pick-zone):hover{background:#111;border-color:var(--cyan)}
body.pixgb-clips-theme :is(.ai-credit-card,.ai-credit-pack,.restore-private,.restore-mode,.restore-pack,.meme-control-card,.meme-preview-card,.studio-control-card,.studio-preview-card,.lib-summary-card,.lib-storage-card,.drive-sidebar,.drive-preview,.pricing-drive-only-card,.integration-card,.feature-card,.home-hub-card){background:#0a0a0a;border:1px solid var(--line);border-radius:14px;box-shadow:none;color:var(--fg)}
body.pixgb-clips-theme :is(.ai-workspace,.meme-layout,.studio-layout,.restore-grid){gap:20px}
.pixgb-clips-theme .ai-hero{grid-template-columns:minmax(0,1fr) 320px}
.pixgb-clips-theme .ai-credit-card{padding:22px}
.pixgb-clips-theme .restore-shell>#restore-photo{background:transparent;border:0;padding:0!important}
.pixgb-clips-theme .restore-modes{gap:16px}
.pixgb-clips-theme .restore-mode{padding:24px}
.pixgb-clips-theme .restore-steps{background:#080808;border-color:var(--line);border-radius:12px}
.pixgb-clips-theme .drive-shell{padding:26px}
.pixgb-clips-theme .drive-hero h1{font-family:var(--display)}
.pixgb-clips-theme :is(.gallery-toolbar,.lib-toolbar,.drive-toolbar,.recent-toolbar){padding:16px 0;border-color:var(--line);gap:10px}
.pixgb-clips-theme .site-main :is(.grid,.gallery-grid-main){gap:18px}
.pixgb-clips-theme :is(.pager,.pagination){display:flex;align-items:center;justify-content:center;gap:10px;margin-block:32px}
/* Plans and documentation */
body.pixgb-clips-theme .clip-studio{--studio-panel:#0a0a0a;--studio-border:var(--line);--studio-muted:var(--muted);--studio-accent:var(--cyan);--studio-green:var(--green)}
body.pixgb-clips-theme .clip-studio-header{padding:0 0 28px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
body.pixgb-clips-theme .clip-studio-header::after{display:none}
body.pixgb-clips-theme :is(.clip-studio-panel,.clip-studio-preview-card,.clip-studio-steps,.clip-studio-notice){border-color:var(--line);background:#0a0a0a;box-shadow:none}
body.pixgb-clips-theme .clip-studio :is(input,select,textarea){background:#080808;border-color:var(--line-2);color:var(--fg)}
.pixgb-clips-theme .pricing-hero{max-width:780px;margin:0 auto 42px;padding:20px 0 0;text-align:center}
.pixgb-clips-theme .pricing-hero h1{font-size:clamp(36px,5vw,60px)}
.pixgb-clips-theme .pricing-hero-lead{color:var(--fg);font-size:20px}
.pixgb-clips-theme .pricing-plans{gap:18px;align-items:stretch}
body.pixgb-clips-theme .pricing-card{background:#0a0a0a;border-color:var(--line);border-radius:16px;padding:26px;box-shadow:none}
.pixgb-clips-theme .pricing-billing-toggle{border-color:var(--line);border-radius:999px;padding:5px;background:#0a0a0a}
.pixgb-clips-theme .pricing-period-btn{border-radius:999px;background:transparent;color:var(--muted)}
.pixgb-clips-theme .pricing-period-btn.is-active{background:#ededed;color:#000;box-shadow:none}
.pixgb-clips-theme :is(.pricing-why,.pricing-faq,.pricing-drive-only){margin-top:48px;padding-top:36px;border-top:1px solid var(--line);background:transparent}
.pixgb-clips-theme :is(.legal,.translation-report-page){max-width:860px;margin:16px auto 0;color:var(--legal)}
.pixgb-clips-theme .legal h1{font-size:clamp(34px,4vw,52px);margin-bottom:20px}
.pixgb-clips-theme .legal h2{margin-top:36px}
.pixgb-clips-theme :is(pre,code,.mono){font-family:var(--mono)}
.pixgb-clips-theme pre{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:20px;background:#080808;color:#d4d4d4}
.pixgb-clips-theme .dev-shell{grid-template-columns:240px minmax(0,1fr);gap:32px}
.pixgb-clips-theme .dev-nav{background:#0a0a0a;border-color:var(--line);border-radius:14px}
.pixgb-clips-theme .dev-content{background:transparent;border-color:var(--line)}
/* Clips-style split account pages */
.pixgb-clips-theme .px-auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.8fr);align-items:center;gap:clamp(40px,7vw,100px);max-width:1180px;min-height:calc(100svh - 240px);margin:auto;padding:38px 0}
.pixgb-clips-theme .px-auth-story h2{margin:24px 0;font:650 clamp(34px,4.6vw,60px)/1.03 var(--display);letter-spacing:-.055em}
.pixgb-clips-theme .px-auth-story h2 em{font-style:normal;background:linear-gradient(95deg,#7fe6fb,#42d3f3 35%,#a99bff 75%,#76e3bd);background-clip:text;color:transparent}
.pixgb-clips-theme .px-auth-story>p:not(.px-eyebrow){max-width:470px;color:var(--muted);font-size:16px}
.pixgb-clips-theme .px-eyebrow{display:inline-flex;align-items:center;gap:10px}
.pixgb-clips-theme .px-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #76e3bd1a}
.pixgb-clips-theme .px-auth-story ol{display:grid;gap:14px;padding:26px 0;margin:24px 0;list-style:none;border-block:1px solid var(--line);color:var(--muted);font-size:13px}
.pixgb-clips-theme .px-auth-story li{display:flex;gap:18px;align-items:center}
.pixgb-clips-theme .px-auth-story li b{color:var(--cyan);font:500 11px var(--mono)}
.pixgb-clips-theme .px-auth-story>a{color:var(--fg);font-size:13px}
.pixgb-clips-theme .px-auth-story>a span{margin-inline-start:12px;color:var(--cyan)}
.pixgb-clips-theme .px-auth-form{min-width:0}
body.pixgb-clips-theme .px-auth-form>.panel{width:100%;max-width:none!important;margin:0!important;padding:32px;border:1px solid var(--line-2);background:#0a0a0a}
.pixgb-clips-theme .px-auth-form h1{font-size:28px}
.pixgb-clips-theme .px-auth-form form{display:grid;gap:12px}
.pixgb-clips-theme .px-auth-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.pixgb-clips-theme .px-auth-form select{width:100%}
.pixgb-clips-theme .px-auth-form form>.btn{width:100%;margin-top:8px}
/* Landing page */
body.pixgb-clips-theme:has(.home) .site-main{padding-top:0}
.pixgb-clips-theme .home{max-width:1320px;margin:auto}
.pixgb-clips-theme .home-top{display:flex;flex-direction:column;gap:64px;padding-top:56px}
body.pixgb-clips-theme .home .hero{width:100%;max-width:980px;margin:auto;padding:0;gap:0;text-align:center;border:0;background:transparent;box-shadow:none}
.pixgb-clips-theme .home .hero h1{max-width:940px;margin:0 auto 22px;font:700 clamp(42px,5.8vw,74px)/1.04 var(--display);letter-spacing:-.06em;background:linear-gradient(180deg,#fff 45%,#a1a1a1);background-clip:text;color:transparent}
.pixgb-clips-theme .home .hero>p:not(.px-eyebrow){max-width:680px;margin:0 auto 26px;font-size:16px;line-height:1.7;color:var(--muted)}
.pixgb-clips-theme .home .hero>.px-eyebrow{padding:7px 14px;border:1px solid var(--line-2);border-radius:999px;background:#ffffff06;color:var(--muted);margin-bottom:28px}
.pixgb-clips-theme .home .hero>.px-eyebrow{width:fit-content;max-width:none;margin-inline:auto;justify-self:center;white-space:nowrap}
.pixgb-clips-theme .home .hero,.pixgb-clips-theme .home .hero>*{animation:none;opacity:1}
.pixgb-clips-theme .hero-upload{width:min(100%,760px);max-width:760px;margin:28px auto 0;text-align:left;gap:0}
body.pixgb-clips-theme .home-drop-zone{display:grid;gap:8px;min-height:156px;padding:30px;text-align:center;align-content:center}
.pixgb-clips-theme .home-drop-title{font-size:18px;font-weight:600}
.pixgb-clips-theme .home-drop-hint-line{font-size:12px;color:var(--dim)}
.pixgb-clips-theme .home-upload-opts{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:12px;background:#080808}
.pixgb-clips-theme .hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
body.pixgb-clips-theme .home-features{padding:32px;border:1px solid var(--line);border-radius:16px;background:#0a0a0a;width:100%}
.pixgb-clips-theme .home-product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin-top:24px}
.pixgb-clips-theme .home-product-list li{padding:24px;border:1px solid var(--line);border-radius:12px;background:#080808}
.pixgb-clips-theme .home-product-list li:first-child{grid-column:span 2}
.pixgb-clips-theme :is(.home-guest-cta,.drive-promo){margin-top:48px;padding:36px;border:1px solid var(--line);border-radius:16px;background:#0a0a0a;box-shadow:none}
.pixgb-clips-theme .home :is(.home-yours,.home-gallery,.home-clips){margin-top:48px}
.pixgb-clips-theme .home-section-head{margin-bottom:20px}
.pixgb-clips-theme .home-feature-links{display:flex;flex-wrap:wrap;gap:8px}
/* Staff screens retain their data grids with matching neutral surfaces. */
body.pixgb-clips-theme.admin-area{--admin-ink:#ededed;--admin-dim:#a1a1a1;--admin-cyan:#42d3f3;--admin-edge:#ffffff24;--admin-edge-soft:#ffffff17;--admin-panel:#0a0a0a;background:#000}
.pixgb-clips-theme .cmd{--c-ink:#ededed;--c-dim:#a1a1a1;--c-cyan:#42d3f3;--c-edge:#ffffff24;--c-glass:#0a0a0a;background:transparent;border-color:var(--line);box-shadow:none;padding:0}
.pixgb-clips-theme .cmd::before,.pixgb-clips-theme .cmd::after{display:none}
.pixgb-clips-theme .admin-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.pixgb-clips-theme .admin-nav a{border:1px solid var(--line);border-radius:8px;padding:7px 12px;color:var(--muted);background:#0a0a0a;font-size:12px}
.pixgb-clips-theme .admin-nav a:hover{color:var(--fg);background:#171717}
/* Footer and responsive layouts */
body.pixgb-clips-theme .site-footer{border-top:1px solid var(--line);padding:28px clamp(20px,4vw,60px);background:#000;color:var(--dim);font-size:12px}
.pixgb-clips-theme .site-footer nav{display:flex;flex-wrap:wrap;gap:12px 22px}
.pixgb-clips-theme .site-footer a{color:var(--muted)}
.pixgb-clips-theme .site-footer a:hover{color:var(--fg)}
.pixgb-clips-theme .site-footer-ads{width:100%}
@media(min-width:1001px){.pixgb-clips-theme .px-nav{display:flex!important}}
@media(max-width:1000px){
 body.pixgb-clips-theme .site-header.px-header{grid-template-columns:1fr auto auto;gap:12px;min-height:64px;padding:12px 20px}
 .pixgb-clips-theme .brand{grid-column:1;grid-row:1}
 .pixgb-clips-theme .px-account{grid-column:2;grid-row:1;gap:6px}
 .pixgb-clips-theme .nav-toggle{display:inline-flex;align-items:center;justify-content:center;grid-column:3;grid-row:1;min-height:36px;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:#111;color:var(--fg)}
 .pixgb-clips-theme .nav-toggle__bars{display:none}
 body.pixgb-clips-theme .px-nav{display:none;grid-column:1/-1;grid-row:2;width:100%;padding:12px 0 0;border-top:1px solid var(--line)}
 body.pixgb-clips-theme .px-nav.is-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:6px;max-height:calc(100dvh - 100px);overflow-y:auto}
 body.pixgb-clips-theme .px-nav.is-open>a{width:100%;justify-content:center;padding:9px 12px;min-height:38px;background:#0a0a0a;border-color:var(--line)}
 .pixgb-clips-theme .px-more{width:100%;grid-column:1/-1}
 .pixgb-clips-theme .px-menu{position:static;width:100%;max-height:55dvh;margin-top:8px;box-shadow:none}
 .pixgb-clips-theme .px-more>summary{width:100%;justify-content:space-between}
 .pixgb-clips-theme .px-auth-layout{grid-template-columns:1fr minmax(300px,.9fr);gap:32px}
 .pixgb-clips-theme .px-auth-story h2{font-size:38px}
 .pixgb-clips-theme .home-top{padding-top:64px}
 body.pixgb-clips-theme .upload-page-layout{grid-template-columns:minmax(0,1fr) 280px}
}
@media(max-width:760px){
 body.pixgb-clips-theme .site-main{padding:28px 18px 48px;width:100%}
 body.pixgb-clips-theme .site-main .panel{padding:20px}
 body.pixgb-clips-theme :is(.upload-page-layout,.ai-hero,.ai-workspace,.meme-layout,.studio-layout,.restore-grid,.dev-shell){grid-template-columns:minmax(0,1fr)}
 .pixgb-clips-theme .upload-page-layout>*{grid-column:1!important}
 .pixgb-clips-theme .px-auth-layout{grid-template-columns:1fr;padding:12px 0;gap:32px}
 .pixgb-clips-theme .px-auth-story h2{font-size:36px;margin-block:16px}
 .pixgb-clips-theme .px-auth-story ol,.pixgb-clips-theme .px-auth-story>a{display:none}
 .pixgb-clips-theme .px-auth-story>p:not(.px-eyebrow){font-size:14px;margin-bottom:0}
 .pixgb-clips-theme .px-auth-story .px-eyebrow{margin-bottom:0}
 .pixgb-clips-theme .px-auth-form>.panel{padding:24px!important}
 .pixgb-clips-theme .home-top{padding-top:46px;gap:40px}
 .pixgb-clips-theme .home .hero h1{font-size:clamp(36px,8vw,56px)}
 .pixgb-clips-theme .home .hero>p:not(.px-eyebrow){font-size:15px}
 .pixgb-clips-theme .home-product-list{grid-template-columns:1fr}
 .pixgb-clips-theme .home-product-list li:first-child{grid-column:auto}
 .pixgb-clips-theme :is(.home-guest-cta,.drive-promo){padding:24px;margin-top:32px}
 .pixgb-clips-theme :is(.meme-preview-card,.studio-preview-card,.drive-preview){position:relative;top:auto}
 .pixgb-clips-theme .pricing-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pixgb-clips-theme .pricing-hero{margin-bottom:28px;padding-top:8px}
 .pixgb-clips-theme .site-main :is(.table,table){display:block;max-width:100%;overflow-x:auto}
 body.pixgb-clips-theme .site-footer{padding:24px 18px}
}
@media(max-width:480px){
 body.pixgb-clips-theme .site-header.px-header{gap:8px;padding:10px 14px}
 .pixgb-clips-theme .px-account-link{padding:4px;font-size:12px}
 .pixgb-clips-theme .px-account .px-join{min-height:34px;padding:7px 10px;font-size:11px}
 .pixgb-clips-theme .nav-toggle{font-size:11px;padding:7px 9px}
 .pixgb-clips-theme .brand .px-brand-mark{width:28px;height:28px}
 .pixgb-clips-theme .brand{gap:7px;font-size:15px!important}
 .pixgb-clips-theme .px-menu{grid-template-columns:1fr}
 .pixgb-clips-theme .pricing-plans{grid-template-columns:1fr}
 .pixgb-clips-theme .hero-actions .btn{flex:1 1 auto}
 .pixgb-clips-theme .home-drop-zone{padding:24px 16px!important}
}
/* Override legacy route styles with the shared product surfaces. */
body.pixgb-clips-theme[data-page] .site-main :is(.panel,.card,.product-upload,.ai-credit-card,.ai-credit-pack,.restore-private,.restore-mode,.restore-pack,.meme-control-card,.meme-preview-card,.studio-control-card,.studio-preview-card,.lib-summary-card,.lib-storage-card,.drive-sidebar,.drive-preview,.pricing-card,.pricing-drive-only-card,.integration-card,.feature-card,.home-hub-card){background:#0a0a0a;border-color:var(--line);box-shadow:none;border-radius:16px}
body.pixgb-clips-theme[data-page] .site-main :is(.meme-page,.studio-page,.pricing-page,.ai-hero,.restore-shell>#restore-photo,.community-home-head,.lib-hero){background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
body.pixgb-clips-theme[data-page] .site-main :is(.ai-hero,.lib-hero,.community-home-head){padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
body.pixgb-clips-theme[data-page] .site-main :is(.pricing-hero,.restore-hero,.meme-page-header,.studio-page-header){background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
body.pixgb-clips-theme[data-page] .site-main .pricing-hero{padding-top:20px;margin:0 auto 40px}
body.pixgb-clips-theme[data-page] .site-main :is(.product-eyebrow,.ai-kicker,.community-kicker,.restore-kicker,.meme-eyebrow,.studio-eyebrow,.pricing-drive-only-eyebrow){padding:0;border:0;background:transparent;color:var(--dim);box-shadow:none;font:500 11px/1.5 var(--mono);letter-spacing:.05em;margin-bottom:14px}
body.pixgb-clips-theme[data-page] .site-main :is(.product-eyebrow,.ai-kicker,.community-kicker)::before{display:none}
body.pixgb-clips-theme[data-page] .site-main .pricing-billing-toggle{display:flex;width:fit-content;margin:0 auto 12px}
body.pixgb-clips-theme[data-page] .site-main .pricing-period-hint{text-align:center;margin-bottom:26px}
body.pixgb-clips-theme[data-page] .px-nav>a.is-current{background:#ffffff11;border-color:var(--line);color:var(--fg)}
.pixgb-clips-theme .brand span{text-shadow:none}
body.pixgb-clips-theme[data-page] .site-main :is(.studio-app-header,.meme-hero,.clips-lib-header){padding:0 0 28px;margin:0 0 26px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
body.pixgb-clips-theme[data-page] .site-main :is(.studio-toolbar,.studio-options,.studio-tools,.studio-layers,.meme-controls,.meme-preview,.clips-lib-toolbar,.clips-lib-filters,.clips-view-toggle){background:#0a0a0a;border-color:var(--line);box-shadow:none}
body.pixgb-clips-theme[data-page] .site-main :is(.studio-app-local,.meme-privacy-badge){color:var(--muted);border-color:var(--line);background:#0a0a0a;box-shadow:none}
body.pixgb-clips-theme[data-page] .site-main .features-hero{display:flex;flex-direction:column;align-items:center;gap:48px;margin:0;padding:44px 0 56px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;overflow:visible}
.pixgb-clips-theme .features-hero::before,.pixgb-clips-theme .features-hero::after{display:none}
body.pixgb-clips-theme[data-page] .site-main .features-hero-copy{max-width:920px}
body.pixgb-clips-theme[data-page] .site-main .features-hero h1{max-width:920px;margin:22px auto;font-size:clamp(40px,5.8vw,74px);letter-spacing:-.06em;line-height:1.04}
body.pixgb-clips-theme[data-page] .site-main .features-lead{max-width:650px;margin-inline:auto;font-size:17px;color:var(--muted)}
body.pixgb-clips-theme[data-page] .site-main :is(.features-hero-actions,.features-proof){justify-content:center}
body.pixgb-clips-theme[data-page] .site-main .features-workflow{width:min(100%,900px);text-align:start;margin:0;background:#0a0a0a;border:1px solid var(--line-2);box-shadow:0 24px 100px -50px #42d3f344;border-radius:16px}
body.pixgb-clips-theme[data-page] .site-main .features-kicker{padding:7px 13px;border:1px solid var(--line-2);border-radius:999px;background:#ffffff06;color:var(--muted);font:500 11px var(--mono)}
body.pixgb-clips-theme[data-page] .site-main :is(.features-section,.desk-hero){background:transparent;border:0;box-shadow:none;border-radius:0}
body.pixgb-clips-theme[data-page] .site-main :is(.feature-card,.integration-card){border-color:var(--line);background:#0a0a0a;box-shadow:none}
body.pixgb-clips-theme[data-page] .site-main .legal.panel{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body.pixgb-clips-theme[data-page] .site-main .px-auth-form form .btn{width:100%}
body.pixgb-clips-theme[data-page] .site-main .home .hero .px-hero-accent{display:block;background:linear-gradient(92deg,#7fe6fb,#42d3f3 35%,#a99bff 75%,#76e3bd);background-clip:text;color:transparent;padding-bottom:.06em}
@media(max-width:760px){body.pixgb-clips-theme[data-page] .site-main .features-hero{padding-top:20px;gap:28px}body.pixgb-clips-theme[data-page] .site-main .features-lead{font-size:15px}}
/* Refinements: keep the first action visible and make every tool easy to reach. */
.pixgb-clips-theme .px-icon{display:inline-block;flex:none;width:19px;height:19px;vertical-align:middle}
.pixgb-clips-theme .px-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
body.pixgb-clips-theme .px-hero-actions .btn{min-height:46px;padding:12px 22px}
body.pixgb-clips-theme .px-primary-upload{box-shadow:0 8px 32px -16px #42d3f3}
.pixgb-clips-theme .px-primary-upload>span{margin-inline-start:8px}
body.pixgb-clips-theme .home-drop-zone{min-height:152px;gap:6px;padding:24px;border:1px dashed #ffffff26;border-radius:16px 16px 0 0;background:radial-gradient(ellipse at 50% 0,#42d3f308,transparent 65%),#080808;transition:background .18s,border-color .18s}
body.pixgb-clips-theme .home-drop-zone:hover{border-color:#42d3f366;background:#0c1214}
.pixgb-clips-theme .px-drop-icon{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 8px;border:1px solid var(--line-2);border-radius:12px;color:var(--cyan);background:#ffffff04}
.pixgb-clips-theme .home-drop-title{font-size:16px}
.pixgb-clips-theme .home-drop-routes{font-size:12px}
.pixgb-clips-theme .home-drop-hint-line{font-size:11px}
.pixgb-clips-theme kbd{padding:2px 5px;border:1px solid var(--line-2);border-radius:4px;background:#ffffff06;font:10px/1.4 var(--mono);color:#c4c4c4}
.pixgb-clips-theme .px-upload-settings{border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;background:#0a0a0a}
.pixgb-clips-theme .px-upload-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;list-style:none;cursor:pointer;color:var(--muted);font-size:12px}
.pixgb-clips-theme .px-upload-settings>summary::-webkit-details-marker{display:none}
.pixgb-clips-theme .px-upload-settings>summary>span:last-child{display:flex;align-items:center;gap:14px;color:var(--dim);font-size:11px}
.pixgb-clips-theme .px-upload-settings>summary b{display:inline-grid;place-items:center;width:18px;height:18px;font-size:16px;font-weight:400;color:var(--fg);transition:transform .16s}
.pixgb-clips-theme .px-upload-settings[open]>summary b{transform:rotate(45deg)}
.pixgb-clips-theme .px-upload-settings>summary:hover{color:var(--fg)}
.pixgb-clips-theme .px-upload-settings .pixgb-upload-opts{margin:0;padding:18px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.pixgb-clips-theme .px-sharing-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;margin:26px 0 0;padding:0;list-style:none;font-size:11px;color:var(--dim)}
.pixgb-clips-theme .px-sharing-steps li{display:flex;align-items:center;gap:10px}
.pixgb-clips-theme .px-sharing-steps b{font:500 10px var(--mono);color:var(--cyan)}
/* A quieter feature grid with distinct entry points instead of nested panels. */
body.pixgb-clips-theme[data-page] .site-main .home-features{padding:42px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;scroll-margin-top:90px}
.pixgb-clips-theme .px-section-heading{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:14px}
.pixgb-clips-theme .px-section-kicker{margin:0 0 12px;color:var(--dim);font:500 10px/1.5 var(--mono);letter-spacing:.05em}
.pixgb-clips-theme .px-section-heading h2{margin:0;font-size:clamp(26px,3vw,36px);letter-spacing:-.04em}
.pixgb-clips-theme .px-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--fg);font-size:12px}
.pixgb-clips-theme .px-text-link .px-icon{width:16px;height:16px;color:var(--dim);transition:transform .16s}
.pixgb-clips-theme .px-text-link:hover .px-icon{transform:translateX(3px);color:var(--cyan)}
.pixgb-clips-theme .home-product-list{gap:16px;margin-block:26px 24px}
.pixgb-clips-theme .home-product-list li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px;background:linear-gradient(150deg,#ffffff03,transparent 75%),#0a0a0a;transition:border-color .16s,transform .16s}
.pixgb-clips-theme .home-product-list li:hover{border-color:#ffffff28;transform:translateY(-3px)}
.pixgb-clips-theme .home-product-list li>.px-tool-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:8px;border:1px solid #42d3f326;border-radius:12px;background:#42d3f30a;color:var(--cyan)}
.pixgb-clips-theme .home-product-list li:nth-child(2)>.px-tool-icon{border-color:#8b7cf633;background:#8b7cf60a;color:#b0a3ff}
.pixgb-clips-theme .home-product-list li:nth-child(4)>.px-tool-icon{border-color:#e8ba7526;background:#e8ba750a;color:#e8ba75}
.pixgb-clips-theme .home-product-list li:nth-child(5)>.px-tool-icon{border-color:#76e3bd26;background:#76e3bd0a;color:var(--green)}
.pixgb-clips-theme .home-product-list li>strong{font-size:17px;font-weight:600;letter-spacing:-.025em;color:var(--fg)}
.pixgb-clips-theme .home-product-list li>span:not(.px-tool-icon){max-width:48ch;color:var(--muted);font-size:13px;line-height:1.65}
.pixgb-clips-theme .home-product-list li>a{display:inline-flex;align-items:center;gap:12px;color:var(--fg);font-size:12px;font-weight:500}
.pixgb-clips-theme .home-product-list li>a:first-of-type{margin-top:auto;padding-top:12px}
.pixgb-clips-theme .home-product-list li>a::after{content:'↗';color:var(--dim)}
.pixgb-clips-theme .home-product-list li:first-child{background:radial-gradient(ellipse at 0 0,#42d3f30c,transparent 70%),#0a0a0a}
.pixgb-clips-theme .home-feature-links{padding-top:12px}
/* One creation-tool rail replaces several inconsistent page navigation rows. */
.pixgb-clips-theme .px-workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 22px;margin:-8px 0 30px;border-bottom:1px solid var(--line)}
.pixgb-clips-theme .px-workspace-nav{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}
.pixgb-clips-theme .px-workspace-nav a{display:inline-flex;align-items:center;gap:8px;flex:none;padding:9px 13px;border:1px solid transparent;border-radius:9px;color:var(--muted);font-size:12px;font-weight:500;white-space:nowrap}
.pixgb-clips-theme .px-workspace-nav a .px-icon{width:16px;height:16px;color:var(--dim)}
.pixgb-clips-theme .px-workspace-nav a:is(:hover,.is-current){background:#ffffff08;border-color:var(--line);color:var(--fg)}
.pixgb-clips-theme .px-workspace-nav a.is-current .px-icon{color:var(--cyan)}
.pixgb-clips-theme .px-workspace-library{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--muted);font-size:12px}
.pixgb-clips-theme .px-workspace-library .px-icon{width:15px;height:15px}
.pixgb-clips-theme .px-workspace-library:hover{color:var(--fg)}
body.pixgb-clips-theme[data-page] .site-main :is(.images-workspace-nav,.meme-workspace-nav){display:none}
.pixgb-clips-theme .px-more:has(a.is-current)>summary{color:var(--fg);background:#ffffff08}
body.pixgb-clips-theme .site-main :is(.home-hub-card,.pricing-card,.feature-card){transition:border-color .18s,box-shadow .18s}
body.pixgb-clips-theme .site-main :is(.home-hub-card,.pricing-card,.feature-card):hover{border-color:#ffffff28;box-shadow:0 12px 40px -24px #000}
/* Grouped footer keeps the full product navigation easy to scan. */
.pixgb-clips-theme .site-footer-row{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.5fr);gap:60px;width:min(100%,1320px);margin:16px auto}
.pixgb-clips-theme .px-footer-brand{max-width:350px;line-height:1.8;color:var(--muted)}
.pixgb-clips-theme .px-footer-brand>strong{display:block;margin-bottom:12px;font-size:20px;letter-spacing:-.04em;color:var(--fg)}
.pixgb-clips-theme .px-footer-brand .footer-ads{margin-top:18px;font-size:11px;line-height:1.7;color:var(--dim)}
.pixgb-clips-theme .px-footer-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.pixgb-clips-theme .px-footer-groups>nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.pixgb-clips-theme .px-footer-groups h2{margin:0 0 8px;color:var(--fg);font-size:12px;font-weight:600;letter-spacing:0}
.pixgb-clips-theme .px-footer-groups a{font-size:12px;line-height:1.6}
@media(max-width:1000px){.pixgb-clips-theme .home-top{padding-top:46px}.pixgb-clips-theme .site-footer-row{gap:32px}.pixgb-clips-theme .px-footer-groups{gap:18px}}
@media(max-width:760px){
 .pixgb-clips-theme .home-top{padding-top:34px;gap:42px}
 .pixgb-clips-theme .home .hero h1{font-size:clamp(34px,7.8vw,54px);margin-bottom:18px}
 .pixgb-clips-theme .home .hero>p:not(.px-eyebrow){font-size:14px;margin-bottom:24px;line-height:1.65}
 .pixgb-clips-theme .home .hero>.px-eyebrow{font-size:9px;margin-bottom:22px}
 .pixgb-clips-theme .hero-upload{margin-top:24px}
 .pixgb-clips-theme .home-drop-hint-line{line-height:1.9}
 .pixgb-clips-theme .px-upload-settings>summary{padding:13px 14px}
 .pixgb-clips-theme .px-upload-settings>summary>span:last-child{font-size:0;gap:0}
 .pixgb-clips-theme .px-upload-settings>summary b{font-size:16px}
 .pixgb-clips-theme .px-sharing-steps{gap:8px 18px;font-size:10px;margin-top:22px}
 .pixgb-clips-theme .px-sharing-steps li{gap:6px}
 .pixgb-clips-theme .px-section-heading{align-items:flex-start}
 .pixgb-clips-theme .home-product-list li{padding:24px}
 .pixgb-clips-theme .home-product-list li:hover{transform:none}
 .pixgb-clips-theme .px-workspace-bar{display:block;margin:0 0 24px;padding-bottom:18px}
 .pixgb-clips-theme .px-workspace-library{display:none}
 .pixgb-clips-theme .px-workspace-nav a{padding:8px 11px;font-size:11px}
 .pixgb-clips-theme .site-footer-row{grid-template-columns:1fr;gap:32px}
 .pixgb-clips-theme .px-footer-brand{max-width:500px}
}
@media(max-width:400px){.pixgb-clips-theme .px-hero-actions{gap:8px}.pixgb-clips-theme .px-hero-actions .btn{font-size:12px;padding:11px 16px}.pixgb-clips-theme .px-sharing-steps{gap:12px}.pixgb-clips-theme .px-sharing-steps b{display:none}}
@media(prefers-reduced-motion:reduce){.pixgb-clips-theme *,.pixgb-clips-theme *::before,.pixgb-clips-theme *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* A continuous, quiet grid with a local pointer highlight. */
body.pixgb-clips-theme::before {
 position:fixed;inset:0;height:auto;
 background-image:linear-gradient(rgba(66,211,243,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(66,211,243,.035) 1px,transparent 1px);
 background-size:72px 72px;
 mask-image:none;-webkit-mask-image:none;
}
body.pixgb-clips-theme::after {
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(rgba(66,211,243,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(66,211,243,.17) 1px,transparent 1px),radial-gradient(circle at var(--grid-x,50%) var(--grid-y,25%),rgba(66,211,243,.045),transparent 300px);
 background-size:72px 72px,72px 72px,100% 100%;
 mask-image:radial-gradient(circle 300px at var(--grid-x,50%) var(--grid-y,25%),#000,transparent);
 -webkit-mask-image:radial-gradient(circle 300px at var(--grid-x,50%) var(--grid-y,25%),#000,transparent);
 opacity:var(--grid-active,0);transition:opacity .3s;
}
@media (hover:none),(prefers-reduced-motion:reduce){body.pixgb-clips-theme::after{display:none}}