:root{color:#111318;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;margin:0}html[data-dexpets-theme=dark],html[data-dexpets-theme=dark] body,html[data-dexpets-theme=dark] #root{background:#10141d}html[data-dexpets-theme=dark][data-dexpets-colorway=green-coral],html[data-dexpets-theme=dark][data-dexpets-colorway=green-coral] body,html[data-dexpets-theme=dark][data-dexpets-colorway=green-coral] #root{background:#101712}html[data-dexpets-theme=dark][data-dexpets-colorway=yellow-blue],html[data-dexpets-theme=dark][data-dexpets-colorway=yellow-blue] body,html[data-dexpets-theme=dark][data-dexpets-colorway=yellow-blue] #root{background:#10141d}html[data-dexpets-theme=dark][data-dexpets-colorway=blue-peach],html[data-dexpets-theme=dark][data-dexpets-colorway=blue-peach] body,html[data-dexpets-theme=dark][data-dexpets-colorway=blue-peach] #root{background:#121821}html[data-dexpets-theme=dark][data-dexpets-colorway=lilac-sage],html[data-dexpets-theme=dark][data-dexpets-colorway=lilac-sage] body,html[data-dexpets-theme=dark][data-dexpets-colorway=lilac-sage] #root{background:#15121d}html[data-dexpets-theme=dark][data-dexpets-colorway=mint-rose],html[data-dexpets-theme=dark][data-dexpets-colorway=mint-rose] body,html[data-dexpets-theme=dark][data-dexpets-colorway=mint-rose] #root{background:#111818}html[data-dexpets-theme=dark][data-dexpets-colorway=lavender-amber],html[data-dexpets-theme=dark][data-dexpets-colorway=lavender-amber] body,html[data-dexpets-theme=dark][data-dexpets-colorway=lavender-amber] #root{background:#171421}html[data-dexpets-theme=dark][data-dexpets-colorway=seafoam-brick],html[data-dexpets-theme=dark][data-dexpets-colorway=seafoam-brick] body,html[data-dexpets-theme=dark][data-dexpets-colorway=seafoam-brick] #root{background:#0f181a}html[data-dexpets-theme=dark][data-dexpets-colorway=cream-teal],html[data-dexpets-theme=dark][data-dexpets-colorway=cream-teal] body,html[data-dexpets-theme=dark][data-dexpets-colorway=cream-teal] #root{background:#14170f}button,input{font:inherit}button{cursor:pointer}.app{background:var(--page,#fff);min-height:100vh;color:var(--ink,#101216);transition:background .16s,color .16s}.app.dark{--page:#10141d;--surface:#171d29;--surface-soft:#20293a;--card-surface:#1d2533;--preview-surface:#111827;--line:#2b3547;--ink:#f5f7fb;--muted:#aab4c4;--accent:#6ea8ff;--accent-soft:#172846;--accent-ink:#cfe1ff;--secondary-soft:#15352d;--secondary-ink:#b7f2d8;--warm-soft:#3a2c19;--warm-ink:#ffd69a;--shadow:#00000042;background:var(--page);color:var(--ink)}.app.dark.colorway-green-coral{--page:#101712;--surface:#182319;--surface-soft:#203227;--card-surface:#213024;--preview-surface:#132019;--line:#314735;--ink:#f1f8f0;--muted:#acc3ae;--accent:#7bd88f;--accent-soft:#183725;--accent-ink:#c9f7d2;--secondary-soft:#3b261c;--secondary-ink:#ffc1a2;--warm-soft:#3c311b;--warm-ink:#f0d488;--shadow:#0000004d}.app.dark.colorway-yellow-blue{--page:#10141d;--surface:#171d29;--surface-soft:#20293a;--card-surface:#1d2533;--preview-surface:#111827;--line:#2b3a52;--ink:#f5f7fb;--muted:#aab4c4;--accent:#6ea8ff;--accent-soft:#172846;--accent-ink:#d5e6ff;--secondary-soft:#2f2b17;--secondary-ink:#f4dc77;--warm-soft:#3a221a;--warm-ink:#ffba93}.app.dark.colorway-blue-peach{--page:#121821;--surface:#1b2430;--surface-soft:#243142;--card-surface:#26303d;--preview-surface:#141d27;--line:#354357;--ink:#f5f8fb;--muted:#adbac8;--accent:#79c7ff;--accent-soft:#173348;--accent-ink:#d0eeff;--secondary-soft:#412a24;--secondary-ink:#ffb7a3;--warm-soft:#263720;--warm-ink:#bee79c}.app.dark.colorway-lilac-sage{--page:#15121d;--surface:#201a2c;--surface-soft:#2a2238;--card-surface:#2a2238;--preview-surface:#191522;--line:#40334f;--ink:#faf7ff;--muted:#c4b8d4;--accent:#b08cff;--accent-soft:#302347;--accent-ink:#eadfff;--secondary-soft:#243725;--secondary-ink:#bfe6b4;--warm-soft:#3e2b1d;--warm-ink:#ffc79b}.app.dark.colorway-mint-rose{--page:#111818;--surface:#192421;--surface-soft:#20332e;--card-surface:#22332f;--preview-surface:#14211f;--line:#314d45;--ink:#f2fbf8;--muted:#adc8c0;--accent:#7ce0bb;--accent-soft:#17392f;--accent-ink:#cdf7e8;--secondary-soft:#43242d;--secondary-ink:#ffb4c6;--warm-soft:#39311c;--warm-ink:#e8d27d}.app.dark.colorway-lavender-amber{--page:#171421;--surface:#211d30;--surface-soft:#2c2740;--card-surface:#2e2942;--preview-surface:#1a1727;--line:#453c5d;--ink:#faf8ff;--muted:#c5bdd2;--accent:#c3a0ff;--accent-soft:#34284f;--accent-ink:#efe6ff;--secondary-soft:#3c2c18;--secondary-ink:#f6bf5f;--warm-soft:#20342f;--warm-ink:#9de3cd}.app.dark.colorway-seafoam-brick{--page:#0f181a;--surface:#172527;--surface-soft:#203638;--card-surface:#203639;--preview-surface:#111f21;--line:#2f4e52;--ink:#f0fbfc;--muted:#abc7ca;--accent:#74d6df;--accent-soft:#14393e;--accent-ink:#c9f7fb;--secondary-soft:#42241f;--secondary-ink:#ffad9b;--warm-soft:#373119;--warm-ink:#e8d47b}.app.dark.colorway-cream-teal{--page:#14170f;--surface:#202417;--surface-soft:#2d321f;--card-surface:#2e3420;--preview-surface:#1a1f13;--line:#475033;--ink:#fbfbef;--muted:#c6c8a9;--accent:#58d1c7;--accent-soft:#183b39;--accent-ink:#c3f4ef;--secondary-soft:#3c3219;--secondary-ink:#e2ba67;--warm-soft:#442822;--warm-ink:#ffb2a3}.app:not(.dark){--page:#f6f9ff;--surface:#fff;--surface-soft:#eef5ff;--line:#dce7f6;--ink:#111827;--muted:#667085;--accent:#2f6fed;--accent-soft:#eaf2ff;--accent-ink:#164a9f;--secondary-soft:#edf8f5;--secondary-ink:#1b6657;--warm-soft:#fff5e6;--warm-ink:#72502e;--shadow:#21406c1a}.app:not(.dark).colorway-green-coral{--page:#ddeedb;--surface:#f7e6dc;--card-surface:#f2a08e;--line:#c77f70;--ink:#2a211e;--muted:#6e514a;--accent:#2f7d5c;--accent-soft:#d1e9d7;--accent-ink:#235f47;--secondary-soft:#f7c0b3;--secondary-ink:#8e3d31;--warm-soft:#f2dfa6;--warm-ink:#765910;--shadow:#2a211e24}.app:not(.dark).colorway-yellow-blue{--page:#f1e8aa;--surface:#f6efcb;--card-surface:#9fc4e8;--line:#6f9fcc;--ink:#1f2b36;--muted:#526879;--accent:#2f6fa6;--accent-soft:#d8e5f5;--accent-ink:#24557f;--secondary-soft:#efe0a6;--secondary-ink:#8a5f18;--warm-soft:#f0c7b1;--warm-ink:#8b4c30;--shadow:#1f2b3624}.app:not(.dark).colorway-blue-peach{--page:#d8eaf4;--surface:#eef6f8;--card-surface:#f1b895;--line:#cc9271;--ink:#2a251f;--muted:#715746;--accent:#326e91;--accent-soft:#c8e1ed;--accent-ink:#275671;--secondary-soft:#f5d0b7;--secondary-ink:#8d482b;--warm-soft:#d7e7c8;--warm-ink:#546f37;--shadow:#2a251f24}.app:not(.dark).colorway-lilac-sage{--page:#e2d7ec;--surface:#f1e9f5;--card-surface:#afcb9a;--line:#7fa36e;--ink:#202819;--muted:#5b6a50;--accent:#7d5aa6;--accent-soft:#ded0ee;--accent-ink:#5c407d;--secondary-soft:#d4e7c6;--secondary-ink:#4d743c;--warm-soft:#f2d5b8;--warm-ink:#865432;--shadow:#20281924}.app:not(.dark).colorway-mint-rose{--page:#d6efe6;--surface:#eaf8f2;--card-surface:#efa6b4;--line:#c97b8c;--ink:#2b2024;--muted:#714f58;--accent:#2e806d;--accent-soft:#cbece1;--accent-ink:#246452;--secondary-soft:#f5ccd5;--secondary-ink:#9b3652;--warm-soft:#eee0a9;--warm-ink:#765e16;--shadow:#2b202424}.app:not(.dark).colorway-lavender-amber{--page:#dfd9f0;--surface:#f1edfa;--card-surface:#e7be67;--line:#bd9145;--ink:#2c2417;--muted:#725e3b;--accent:#6652a3;--accent-soft:#d7d0ef;--accent-ink:#4d3c80;--secondary-soft:#f0d69a;--secondary-ink:#8a5a12;--warm-soft:#cfe5d8;--warm-ink:#3f735b;--shadow:#2c241724}.app:not(.dark).colorway-seafoam-brick{--page:#cfe7e2;--surface:#e8f4f1;--card-surface:#cb735f;--line:#a65745;--ink:#2b211f;--muted:#6b4b45;--accent:#2d7180;--accent-soft:#c9e4e6;--accent-ink:#235a66;--secondary-soft:#e9b5a9;--secondary-ink:#853d31;--warm-soft:#e6dca8;--warm-ink:#6d5916;--shadow:#2b211f24}.app:not(.dark).colorway-cream-teal{--page:#efe1b8;--surface:#f6edcb;--card-surface:#7fc9c1;--line:#5aa8a0;--ink:#173030;--muted:#4a6b67;--accent:#b16c1e;--accent-soft:#e8d59b;--accent-ink:#814d14;--secondary-soft:#c6ebe7;--secondary-ink:#207c78;--warm-soft:#f0bdb0;--warm-ink:#944537;--shadow:#17303024}.app:not(.dark)[class*=colorway-]{background:var(--page);color:var(--ink)}.app:not(.dark)[class*=colorway-] .topbar{border-color:var(--line);background:var(--surface)}.app:not(.dark)[class*=colorway-] .item-card{border:1px solid var(--line);background:var(--card-surface);box-shadow:0 12px 28px var(--shadow);border-radius:14px;padding:10px 10px 14px}.app:not(.dark)[class*=colorway-] .codex-pet-preview{border-color:var(--line);background:var(--surface);box-shadow:none}.app:not(.dark).palette-sage{--page:#f7faf6;--surface:#fff;--surface-soft:#edf5ee;--line:#d9e7dc;--ink:#14211d;--muted:#687a70;--accent:#26735d;--accent-soft:#e7f3ed;--accent-ink:#17513f;--secondary-soft:#f6f1df;--secondary-ink:#7a5b1f;--warm-soft:#fff3e2;--warm-ink:#8a4f22;--shadow:#265b471a}.app:not(.dark).palette-paper{--page:#fbf7ef;--surface:#fffdf8;--surface-soft:#f6ead9;--line:#eadbc6;--ink:#241c16;--muted:#76695d;--accent:#b8612d;--accent-soft:#faeadc;--accent-ink:#82401d;--secondary-soft:#e9f2f2;--secondary-ink:#2f6472;--warm-soft:#f8efd3;--warm-ink:#806118;--shadow:#6b49241c}.app:not(.dark).palette-mono{--page:#f8f8f6;--surface:#fff;--surface-soft:#eef0f2;--line:#dddedb;--ink:#151923;--muted:#676d78;--accent:#344154;--accent-soft:#eceff3;--accent-ink:#1f2937;--secondary-soft:#faedf0;--secondary-ink:#9f2d43;--warm-soft:#f5f0dc;--warm-ink:#74602b;--shadow:#2026301a}.app:not(.dark).palette-studio,.app:not(.dark).palette-sage,.app:not(.dark).palette-paper,.app:not(.dark).palette-mono{background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent-soft), transparent 24%), transparent 30%), linear-gradient(180deg, var(--page) 0%, color-mix(in srgb, var(--page), #fff 42%) 42%, var(--page) 100%);color:var(--ink)}.app:not(.dark).palette-studio .topbar,.app:not(.dark).palette-sage .topbar,.app:not(.dark).palette-paper .topbar,.app:not(.dark).palette-mono .topbar{border-color:var(--line);background:color-mix(in srgb, var(--surface), transparent 6%)}.app:not(.dark) .desktop-nav button,.app:not(.dark) .desktop-nav a,.app:not(.dark) .mobile-tabs button,.app:not(.dark) .mobile-tabs a,.app:not(.dark) .select-button,.app:not(.dark) .icon-button{color:var(--muted)}.app:not(.dark) .desktop-nav button.active,.app:not(.dark) .mobile-tabs button.active{background:var(--accent-soft);color:var(--accent-ink)}.app:not(.dark) .brand-text strong,.app:not(.dark) .select-button strong,.app:not(.dark) .catalog-head h1,.app:not(.dark) .card-meta h2{color:var(--ink)}.app:not(.dark) .brand-text small,.app:not(.dark) .catalog-head p,.app:not(.dark) .catalog-summary,.app:not(.dark) .card-meta p,.app:not(.dark) .asset-signals{color:var(--muted)}.app:not(.dark) .search-box,.app:not(.dark) .select-button.compact,.app:not(.dark) .login-button,.app:not(.dark) .account-chip,.app:not(.dark) .segmented-row,.app:not(.dark) .variant-picker,.app:not(.dark) .library-gate,.app:not(.dark) .library-strip div{border-color:var(--line);background:color-mix(in srgb, var(--surface), var(--page) 10%);color:var(--ink)}.app:not(.dark) .search-box{background:color-mix(in srgb, var(--surface-soft), #fff 42%)}.app:not(.dark) .icon-button:hover,.app:not(.dark) .select-button.compact:hover{background:var(--surface-soft)}.app:not(.dark) .library-gate button,.app:not(.dark) .card-actions .primary-action,.app:not(.dark) .drawer-actions .primary-action{border-color:var(--accent);background:var(--accent);color:#fff}.app:not(.dark) .catalog-filters>div>span{color:color-mix(in srgb, var(--muted), var(--ink) 14%)}.app:not(.dark) .segmented-row button,.app:not(.dark) .variant-picker button{color:var(--muted)}.app:not(.dark) .segmented-row button.active,.app:not(.dark) .variant-picker button.active{background:var(--surface);color:var(--accent-ink);box-shadow:0 1px 5px var(--shadow)}.app:not(.dark) .tag-filter-row button,.app:not(.dark) .tags span{background:var(--accent-soft);color:var(--accent-ink)}.app:not(.dark) .tag-filter-row button:nth-child(3n+2){background:var(--secondary-soft);color:var(--secondary-ink)}.app:not(.dark) .tag-filter-row button:nth-child(3n+3){background:var(--warm-soft);color:var(--warm-ink)}.app:not(.dark) .tag-filter-row button.active{border-color:var(--accent);background:var(--surface);color:var(--accent-ink);box-shadow:0 1px 7px var(--shadow)}.app:not(.dark) .tag-filter-row button.active small{color:var(--accent-ink)}.app:not(.dark) .theme-preview,.app:not(.dark) .codex-pet-preview,.app:not(.dark) .skin-preview{box-shadow:0 10px 24px var(--shadow)}.app:not(.dark) .codex-pet-preview{border-color:var(--line);background:var(--surface-soft)}.app:not(.dark) .card-actions button,.app:not(.dark) .card-actions a,.app:not(.dark) .drawer-actions button,.app:not(.dark) .drawer-actions a{border-color:var(--line);background:color-mix(in srgb, var(--surface), var(--page) 8%);color:var(--ink)}.app:not(.dark) .swatches span{border-color:color-mix(in srgb, var(--line), var(--ink) 16%)}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffed;border-bottom:1px solid #e8e8eb;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;height:54px;padding:0 28px;display:grid;position:sticky;top:0}.dark .topbar{background:#0f1217ed;border-color:#242a35}.brand{align-items:center;gap:10px;min-width:164px;display:flex}.logo-mark{grid-template-columns:repeat(2,1fr);gap:3px;width:24px;height:24px;display:grid}.logo-mark span{border-radius:3px}.logo-mark span:first-child{background:#4f8cff}.logo-mark span:nth-child(2){background:#70d487}.logo-mark span:nth-child(3){background:#f7c948}.logo-mark span:nth-child(4){background:#f26d6d}.brand-text strong{letter-spacing:0;font-size:16px;font-weight:560;line-height:1;display:block}.brand-text small{color:#7a7f8c;margin-top:4px;font-size:10px;line-height:1;display:block}.desktop-nav{align-items:center;gap:3px;display:flex}.desktop-nav button,.desktop-nav a,.mobile-tabs button,.mobile-tabs a{color:#626874;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:13px;font-weight:450;line-height:1;text-decoration:none}.desktop-nav a:hover,.mobile-tabs a:hover{color:#315c9b;background:#f2f5f9}.desktop-nav button.active,.mobile-tabs button.active{color:#0f62fe;background:#eef5ff}.dark .desktop-nav button,.dark .desktop-nav a,.dark .mobile-tabs button,.dark .mobile-tabs a{color:#aab2c0}.dark .desktop-nav a:hover,.dark .mobile-tabs a:hover{color:#9dc3ff;background:#1b2432}.dark .desktop-nav button.active,.dark .mobile-tabs button.active{color:#8db9ff;background:#172033}.toolbar{align-items:center;gap:8px;display:flex}.search-box{color:#7c828e;background:#f7f7f8;border:1px solid #dedfe4;border-radius:8px;align-items:center;gap:9px;width:190px;height:34px;padding:0 10px;display:flex}.search-box input{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0;font-size:13px}.dark .search-box{color:#c4cbd7;background:#171b22;border-color:#2a313d}.select-button,.icon-button{color:#79808c;background:0 0;border:0;height:34px}.select-button{align-items:center;gap:7px;padding:0 4px;font-size:13px;display:flex}.select-button strong{color:#16191f;font-size:13px;font-weight:520}.select-button.compact{border:1px solid #e0e3e8;border-radius:8px;padding:0 8px}.icon-button{border-radius:8px;justify-content:center;align-items:center;width:34px;display:inline-flex}.random-color-button{border:1px solid var(--line,#dfe3e8);background:var(--surface,#fff);width:28px;height:28px;color:var(--accent,#0f62fe);box-shadow:0 5px 16px var(--shadow,#0f172a1a);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.random-color-button:before{content:"";background:linear-gradient(115deg,#0000 34%,#ffffffd6 48%,#0000 62%);animation:2.4s ease-in-out infinite shimmer-run;position:absolute;inset:-40%;transform:translate(-76%)rotate(12deg)}.random-color-button svg{z-index:1;position:relative}.random-color-button:hover{transform:translateY(-1px)}.dark .random-color-button{color:#8db9ff;background:#171d26;border-color:#2b3442}@keyframes shimmer-run{0%,48%{transform:translate(-76%)rotate(12deg)}78%,to{transform:translate(76%)rotate(12deg)}}.login-button,.account-chip{color:#1f2937;background:#fff;border:1px solid #dfe3ea;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;font-size:12px;font-weight:520;display:inline-flex}.account-chip{max-width:128px}.account-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button:hover,.select-button.compact:hover{background:#f3f5f8}.dark .select-button,.dark .icon-button{color:#aab2c0}.dark .select-button strong{color:#f4f7fb}.dark .select-button.compact{border-color:#2b3442}.dark .login-button,.dark .account-chip{color:#f4f7fb;background:#171d26;border-color:#2b3442}.dark .icon-button:hover,.dark .select-button.compact:hover{background:#1b222d}.library-gate,.library-strip{max-width:1392px;margin:18px auto 0;padding:0 32px}.library-gate{color:#1f2937;background:#f8fbff;border:1px solid #dfe5ee;border-radius:8px;align-items:center;gap:16px;min-height:88px;display:flex}.library-gate h2{margin:0 0 4px;font-size:18px}.library-gate p{color:#64748b;margin:0;font-size:14px}.library-gate button{color:#fff;background:#0f62fe;border:0;border-radius:8px;height:38px;margin-left:auto;padding:0 16px;font-size:13px;font-weight:800}.library-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.library-strip div{background:#fff;border:1px solid #dfe5ee;border-radius:8px;flex-direction:column;justify-content:center;min-height:72px;padding:12px 14px;display:flex}.library-strip strong{color:#111827;font-size:24px;line-height:1}.library-strip span{color:#64748b;margin-top:6px;font-size:12px;font-weight:800}.dark .library-gate,.dark .library-strip div{background:#141922;border-color:#2b3442}.dark .library-gate,.dark .library-strip strong{color:#f4f7fb}.dark .library-gate p,.dark .library-strip span{color:#aab3c1}.mobile-tabs{display:none}.catalog-head{justify-content:space-between;align-items:end;gap:24px;max-width:1392px;margin:30px auto 0;padding:0 32px;display:flex}.catalog-head h1{color:#12151b;letter-spacing:0;margin:0;font-size:24px;font-weight:620;line-height:1.16}.catalog-head p{color:#717885;margin:6px 0 0;font-size:14px;line-height:1.5}.dark .catalog-head h1{color:#f4f7fb}.dark .catalog-head p{color:#a3acba}.catalog-summary{color:#687181;white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:inline-flex}.catalog-filters{flex-wrap:wrap;align-items:center;gap:16px 26px;max-width:1392px;margin:18px auto 0;padding:0 32px;display:flex}.catalog-filters>div{align-items:center;gap:10px;min-width:0;display:flex}.catalog-filters>div>span{color:#717885;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.segmented-row,.variant-picker{background:#f8fafc;border:1px solid #dfe3ea;border-radius:10px;align-items:center;gap:4px;min-width:0;padding:4px;display:inline-flex}.segmented-row button,.variant-picker button{color:#596273;white-space:nowrap;background:0 0;border:0;border-radius:7px;height:30px;padding:0 10px;font-size:12px;font-weight:800}.segmented-row button.active,.variant-picker button.active{color:#0f62fe;background:#fff;box-shadow:0 1px 4px #0f172a1a}.tag-filter-group{flex:1}.tag-filter-row{flex-wrap:wrap;gap:6px;min-width:0;padding-bottom:2px;display:flex}.tag-filter-row button{color:#31526f;white-space:nowrap;background:#eef5ff;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:5px;min-height:25px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.tag-filter-row button:nth-child(3n+2){color:#2f5d47;background:#eff8f3}.tag-filter-row button:nth-child(3n+3){color:#705035;background:#fff4e8}.tag-filter-row button.active{color:#165fc4;background:#fff;border-color:#2f7df6;box-shadow:0 1px 6px #2f7df624}.tag-filter-row button small{color:currentColor;opacity:.72;background:#fff9;border-radius:999px;justify-content:center;align-items:center;min-width:14px;height:14px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.tag-filter-row button.active small{color:#0f62fe;background:#fff}.dark .catalog-filters>div>span{color:#9fa9b8}.dark .segmented-row,.dark .variant-picker{background:#171d26;border-color:#2b3442}.dark .segmented-row button,.dark .variant-picker button{color:#aab3c1}.dark .segmented-row button.active,.dark .variant-picker button.active{color:#8db9ff;background:#202838}.dark .tag-filter-row button{color:#a9c8f4;background:#172033}.dark .tag-filter-row button:nth-child(3n+2){color:#a9d8bf;background:#14261f}.dark .tag-filter-row button:nth-child(3n+3){color:#e6c2a0;background:#2a2118}.dark .tag-filter-row button small{background:#ffffff14}.dark .tag-filter-row button.active small{color:#8db9ff;background:#26344d}.dark .tag-filter-row button.active{color:#8db9ff;background:#101722;border-color:#4f8cff}.image-skin-lab{grid-template-columns:minmax(220px,.9fr) minmax(180px,.7fr) minmax(260px,1fr) minmax(320px,1.25fr);align-items:stretch;gap:14px;max-width:1392px;margin:22px auto 0;padding:0 32px;display:grid}.lab-copy,.upload-drop,.palette-panel,.lab-preview{background:#fff;border:1px solid #dfe5ee;border-radius:8px;min-width:0;box-shadow:0 8px 20px #0f172a12}.lab-copy{padding:18px}.lab-copy p{color:#0f62fe;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.lab-copy h2{color:#111827;margin:0;font-size:21px;line-height:1.16}.lab-copy span{color:#64748b;margin-top:12px;font-size:13px;line-height:1.45;display:block}.upload-drop{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:188px;padding:16px;display:flex;position:relative}.upload-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-drop img{object-fit:cover;border:1px solid #dfe5ee;border-radius:8px;width:86px;height:86px}.upload-drop strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.upload-drop span{color:#6b7280;font-size:12px}.palette-panel{padding:14px}.generated-palette{grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:14px;display:grid}.generated-palette span{border:1px solid #0f172a1f;border-radius:6px;height:30px}.base-theme-control,.font-controls label,.checkbox-control{background:#f6f8fb;border-radius:7px;gap:6px;min-width:0;margin-bottom:8px;padding:8px;display:grid}.base-theme-control span,.font-controls span,.checkbox-control span{color:#475569;font-size:11px;font-weight:800}.base-theme-control select,.font-controls input{color:#263244;background:#fff;border:1px solid #dfe5ee;border-radius:6px;width:100%;min-height:28px;padding:0 8px;font-size:12px}.checkbox-control{grid-template-columns:1fr auto;align-items:center}.checkbox-control input{accent-color:#2f7df6;width:18px;min-height:18px}.manual-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.semantic-controls{margin-top:8px}.manual-controls label{background:#f6f8fb;border-radius:7px;grid-template-columns:22px 1fr;align-items:center;gap:5px 8px;min-width:0;padding:8px;display:grid}.manual-controls span{color:#475569;grid-column:1/-1;font-size:11px;font-weight:800}.manual-controls input{background:0 0;border:0;width:22px;height:22px;padding:0}.manual-controls .hex-input{color:#64748b;text-overflow:ellipsis;background:0 0;border:0;outline:0;width:100%;min-width:0;height:22px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;overflow:hidden}.font-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.lab-preview{padding:14px}.lab-preview .skin-preview,.lab-empty-preview{height:176px}.lab-empty-preview{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex}.lab-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.lab-actions button,.lab-actions a,.asset-library button,.share-library button{color:#263244;background:#fff;border:1px solid #dfe5ee;border-radius:7px;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;text-decoration:none}.lab-actions button,.lab-actions a{align-items:center;gap:6px;display:inline-flex}.lab-actions button:disabled,.lab-actions a.disabled{cursor:not-allowed;opacity:.45}.lab-actions span{color:#64748b;font-size:12px;font-weight:800}.asset-library,.share-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.asset-library>div,.share-library>div{color:#64748b;grid-column:1/-1;font-size:12px}.asset-library strong,.asset-library span,.asset-library small,.share-library strong,.share-library span,.share-library small{display:block}.asset-library strong,.share-library strong{color:#111827;font-size:13px}.asset-library button,.share-library button{text-align:left;min-width:0}.asset-library button span,.asset-library button small,.share-library button span,.share-library button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-library button small,.share-library button small{color:#64748b;margin-top:2px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.studio-notice{color:#64748b;background:#fff;border:1px solid #dfe5ee;border-radius:8px;align-items:flex-start;gap:12px;max-width:860px;margin:0 auto 18px;padding:16px 18px;display:flex;box-shadow:0 8px 20px #0f172a0f}.studio-notice svg{color:#2f7df6;flex:none}.studio-notice h2{color:#111827;margin:0 0 5px;font-size:16px}.studio-status{border:1px solid color-mix(in srgb, var(--accent,#2f7df6), #fff 56%);background:color-mix(in srgb, var(--accent-soft,#eaf2ff), #fff 18%);min-height:24px;color:var(--accent-ink,#164a9f);border-radius:999px;align-items:center;margin-bottom:8px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.studio-notice p{margin:0 0 4px;font-size:13px;line-height:1.45}.studio-notice p:last-child{margin-bottom:0}.dark .lab-copy,.dark .upload-drop,.dark .palette-panel,.dark .lab-preview,.dark .studio-notice{background:#141922;border-color:#2b3442;box-shadow:0 8px 20px #00000029}.dark .lab-copy h2,.dark .upload-drop strong,.dark .asset-library strong,.dark .share-library strong,.dark .studio-notice h2{color:#f4f7fb}.dark .lab-copy span,.dark .upload-drop span,.dark .manual-controls .hex-input,.dark .lab-actions span,.dark .asset-library>div,.dark .asset-library button small,.dark .share-library>div,.dark .share-library button small,.dark .studio-notice{color:#aab3c1}.dark .manual-controls label,.dark .base-theme-control,.dark .font-controls label,.dark .checkbox-control,.dark .lab-empty-preview{background:#171d26}.dark .manual-controls span,.dark .base-theme-control span,.dark .font-controls span,.dark .checkbox-control span{color:#d6deea}.dark .base-theme-control select,.dark .font-controls input{color:#eef3fb;background:#11161d;border-color:#2b3442}.dark .lab-actions button,.dark .lab-actions a,.dark .asset-library button,.dark .share-library button{color:#eef3fb;background:#171d26;border-color:#2b3442}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 24px;max-width:1392px;margin:28px auto 0;padding:0 32px 64px;display:grid}.app.channel-codex-skins .grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;max-width:1320px}.item-card{flex-direction:column;min-width:0;display:flex}.preview-button{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.theme-preview,.codex-pet-preview,.skin-preview{color:#f5f7fb;background:var(--base);border-radius:6px;height:226px;position:relative;overflow:hidden;box-shadow:0 9px 22px #1118271f}.theme-preview{border:1px solid #00000014}.skin-preview{border:1px solid var(--skin-border);background:var(--skin-bg);color:var(--skin-text);padding:0}.token-window{background:var(--skin-bg);color:var(--skin-text);grid-template-columns:26% 1fr;display:grid;position:absolute;inset:0}.token-sidebar{border-right:1px solid var(--skin-border);background:var(--skin-sidebar);min-width:0;padding:10px 10px 8px}.token-dots{gap:5px;margin-bottom:14px;display:flex}.token-dots span{border-radius:999px;width:7px;height:7px}.token-dots span:first-child{background:#ff5f57}.token-dots span:nth-child(2){background:#ffbd2e}.token-dots span:nth-child(3){background:#28c840}.token-nav-line,.token-thread{color:var(--skin-text);text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:700;line-height:1;overflow:hidden}.token-nav-line{margin-top:9px}.token-nav-line.muted,.token-sidebar p,.token-thread small{color:var(--skin-muted)}.token-sidebar p{margin:16px 0 8px;font-size:7px;font-weight:800}.token-thread{border-radius:6px;justify-content:space-between;gap:6px;margin-top:7px;padding:6px;display:flex;position:relative}.token-thread.active{background:var(--skin-selected)}.token-thread.active:before{content:"";background:var(--skin-accent);border-radius:999px;width:2px;position:absolute;top:7px;bottom:7px;left:-2px}.token-main{background:var(--skin-bg);min-width:0;padding:10px 12px 12px}.token-title{border-bottom:1px solid var(--skin-border);color:var(--skin-text);padding-bottom:8px;font-size:9px;font-weight:800}.token-message{border-bottom:1px solid var(--skin-border);margin-top:10px;padding-bottom:9px}.token-message strong,.token-message span{display:block}.token-message strong{color:var(--skin-text);font-size:8px;line-height:1.1}.token-message span{color:var(--skin-text);margin-top:7px;font-size:7px;line-height:1.35}.token-file{border:1px solid var(--skin-border);background:var(--skin-panel);width:72%;min-height:24px;color:var(--skin-text);border-radius:7px;align-items:center;margin-top:8px;padding:0 9px;font-size:7px;font-weight:800;display:flex}.token-code{background:var(--skin-panel);width:58%;min-height:20px;color:var(--skin-muted);border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:0 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:7px;display:flex}.token-code .keyword{color:var(--skin-code-keyword)}.token-code .string{color:var(--skin-code-string)}.token-composer{border:1px solid var(--skin-border);background:var(--skin-input);height:36px;color:var(--skin-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:8px;display:flex;position:absolute;bottom:11px;left:calc(26% + 12px);right:12px}.token-send{background:var(--skin-button);color:#fff;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:inline-flex}.titlebar{color:#ffffffd1;background:#ffffff1c;justify-content:center;align-items:center;height:22px;font-size:11px;font-weight:600;display:flex}.editor-body{grid-template-columns:48px 1fr;height:270px;display:grid}.activity-bar,.pet-activity{background:#00000024;flex-direction:column;align-items:center;gap:16px;padding-top:28px;display:flex}.activity-bar span,.pet-activity span{border:1.5px solid #ffffff73;border-radius:4px;width:17px;height:17px}.code-panel{overflow:hidden}.tab{border-top:2px solid var(--accent);background:#0000002e;justify-content:center;align-items:center;width:110px;height:32px;font-size:12px;font-weight:700;display:flex}pre{white-space:pre-wrap;color:#e5e7eb;margin:20px 22px 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.55}.c1{color:var(--accent);font-weight:700}.c2{color:#f472b6}.c3{color:#60a5fa}.c4{color:var(--soft)}.preview-footer{display:none}.preview-footer strong{margin-left:auto;font-weight:700}.codex-pet-preview .preview-footer{background:var(--codex-blue)}.codex-pet-preview{--codex-blue:#2f7df6;color:#12151b;background:#f8fbff;border:1px solid #dfe6f2;display:block}.codex-backplate{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.codex-pet-preview .activity-bar{display:none}.codex-board{background:0 0;min-width:0;height:100%;padding:0;position:absolute;inset:0}.codex-tab,.codex-code{display:none}.codex-code span{background:linear-gradient(90deg, var(--codex-blue), #ffffff59);border-radius:999px;height:8px}.codex-terminal{display:none}.codex-terminal strong,.codex-terminal span{display:block}.codex-terminal strong{color:var(--codex-cyan);margin-bottom:2px}.pet-sprite-wrap{transform-origin:50% 100%;justify-content:center;align-items:end;width:118px;height:118px;display:flex;position:absolute;bottom:14px;right:16px}.pet-sprite-wrap:after{content:"";filter:blur(1px);background:#2f7df61f;border-radius:999px;height:10px;position:absolute;bottom:8px;left:24px;right:20px}.pet-sprite{z-index:1;object-fit:contain;max-width:126px;max-height:126px;image-rendering:pixelated;filter:drop-shadow(0 12px 12px #2f59942e);background:0 0;transition:opacity .12s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pet-sprite-poster{opacity:1}.pet-sprite-hover{opacity:0}.preview-button:hover .pet-sprite-hover,.preview-button:focus-visible .pet-sprite-hover,.drawer .codex-pet-preview:hover .pet-sprite-hover{opacity:1}.preview-button:hover .pet-sprite-poster,.preview-button:focus-visible .pet-sprite-poster,.drawer .codex-pet-preview:hover .pet-sprite-poster{opacity:0}.pixel-pet{width:74px;height:72px;image-rendering:pixelated;transform-origin:50% 100%;position:absolute;bottom:39px;right:32px}.pet-shadow{background:#0000002e;border-radius:999px;height:8px;position:absolute;bottom:0;left:12px;right:10px}.pet-body{background:var(--pet-fur);border-radius:10px 10px 9px 9px;width:40px;height:32px;position:absolute;top:27px;left:18px;box-shadow:inset -5px -5px #0000001f}.pet-face{background:var(--pet-fur);border-radius:9px;width:34px;height:30px;position:absolute;top:16px;left:21px;box-shadow:inset -4px -4px #0000001a}.pet-ear{background:var(--pet-fur);border-radius:3px 3px 1px 1px;width:15px;height:18px;position:absolute;top:9px}.pet-ear-left{left:17px;transform:skew(-12deg)}.pet-ear-right{right:17px;transform:skew(12deg)}.pet-eye{background:#0f172a;width:5px;height:5px;position:absolute;top:27px}.pet-eye-left{left:30px}.pet-eye-right{right:30px}.pet-nose{background:var(--pet-accent);width:6px;height:4px;position:absolute;top:35px;left:35px}.pet-tail{background:var(--pet-accent);border-radius:0 9px 9px 0;width:18px;height:11px;position:absolute;top:36px;right:6px}.pet-leg{background:var(--pet-accent);width:10px;height:12px;position:absolute;bottom:9px}.pet-leg-left{left:25px}.pet-leg-right{right:24px}.pixel-bunny .pet-ear{width:11px;height:28px;top:0}.pixel-bunny .pet-tail{background:var(--pet-soft);border-radius:50%;width:12px;height:12px}.pixel-fox .pet-ear{height:19px}.pixel-fox .pet-tail{width:22px;height:16px;right:3px;transform:rotate(-14deg)}.pixel-panda .pet-eye{width:8px;height:7px}.pixel-duck .pet-nose,.pixel-bird .pet-nose{border-radius:0 7px 7px 0;width:12px;height:7px}.pixel-turtle .pet-body{background:var(--pet-accent);border-radius:14px 14px 8px 8px}.pixel-penguin .pet-face,.pixel-penguin .pet-body{background:var(--pet-fur)}.pixel-penguin .pet-nose{background:#f59e0b}.pixel-robot .pet-face{border-radius:3px}.pixel-robot .pet-ear{border-radius:1px;width:7px;height:12px;top:15px}.pixel-mouse .pet-ear{border-radius:50%;width:18px;height:18px}.card-meta{justify-content:space-between;gap:18px;margin-top:12px;display:flex}.card-meta>div:first-child{min-width:0}.card-meta h2{color:#12151b;letter-spacing:0;margin:0;font-size:18px;font-weight:620;line-height:1.2}.card-title-line{align-items:baseline;gap:6px;min-width:0;display:flex}.card-title-line h2{overflow-wrap:anywhere;min-width:0}.pet-version{color:#747b87;letter-spacing:0;flex:none;font-size:10px;font-weight:700;line-height:1}.card-meta p{color:#555b67;margin:4px 0 0;font-size:13px;line-height:1.3}.card-meta .skin-card-description{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;margin-top:7px;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.dark .card-meta h2{color:#f5f7fb}.dark .card-meta p{color:#a9b2c0}.dark .pet-version{color:#929cab}.swatches{flex:none;align-items:center;gap:6px;display:flex}.swatches span{border:1px solid #0000001a;border-radius:999px;width:16px;height:16px}.tags{flex-wrap:wrap;align-content:flex-start;gap:5px;min-height:41px;max-height:41px;margin-top:10px;display:flex;overflow:hidden}.tags span{color:#667085;text-overflow:ellipsis;white-space:nowrap;background:#f3f6fb;border-radius:999px;flex:none;align-items:center;max-width:100%;min-height:18px;padding:0 7px;font-size:10px;font-weight:500;display:inline-flex;overflow:hidden}.dark .tags span{color:#aab3c1;background:#1a202b}.asset-signals{color:#64748b;gap:9px;margin-top:10px;font-size:11px;font-weight:450;display:flex}.asset-signals span,.asset-signals button{align-items:center;gap:5px;display:inline-flex}.asset-signals button{min-height:22px;color:inherit;background:0 0;border:0;padding:0;font-size:11px;font-weight:450}.asset-signals button.active svg,.asset-signals button.active svg *{fill:currentColor!important}.asset-signals .like-action.active{color:#e11d48}.asset-signals .favorite-action.active{color:#d69b00}.asset-signals .publish-action{color:#51627a}.dark .asset-signals{color:#aab3c1}.dark .asset-signals .like-action.active{color:#fb7185}.dark .asset-signals .favorite-action.active{color:#fbbf24}.card-actions{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:auto;padding-top:12px;display:grid}.card-actions button,.card-actions a{color:#28303d;white-space:nowrap;background:#fff;border:1px solid #dde1e8;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-width:0;height:34px;padding:0 11px;font-size:12px;font-weight:520;text-decoration:none;display:inline-flex;overflow:hidden}.card-actions .action-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.card-actions .primary-action{color:#fff;background:#0f62fe;border-color:#0f62fe}.card-actions .copy-prompt-action{grid-column:1}.app:not(.dark) .card-actions .primary-action{border-color:var(--accent);background:var(--accent);color:#fff}.dark .card-actions button,.dark .card-actions a{color:#f3f7fb;background:#151a22;border-color:#2b3441}.dark .card-actions .primary-action{background:#4f8cff;border-color:#4f8cff}.drawer-backdrop{z-index:40;background:#0f172a3d;justify-content:flex-end;display:flex;position:fixed;inset:0}.auth-backdrop{z-index:55;background:#0f172a52;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{background:#fff;border:1px solid #dfe5ee;border-radius:10px;gap:14px;width:min(430px,100%);padding:18px;display:grid;box-shadow:0 20px 70px #0f172a38}.auth-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.auth-head p{color:#64748b;margin:0 0 6px;font-size:13px;line-height:1.45}.auth-head h2{color:#111827;margin:0;font-size:24px}.auth-tabs{background:#f8fafc;border:1px solid #dfe5ee;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.auth-tabs button{color:#64748b;background:0 0;border:0;border-radius:6px;min-height:34px;font-size:13px;font-weight:800}.auth-tabs button.active{color:#0f62fe;background:#fff;box-shadow:0 1px 4px #0f172a1a}.google-auth{color:#1f2937;background:#fff;border:1px solid #dfe5ee;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:42px;font-size:14px;font-weight:850;display:inline-flex}.google-auth span{color:#fff;background:conic-gradient(from -45deg,#4285f4,#34a853,#fbbc05,#ea4335,#4285f4);border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:inline-flex}.auth-divider{color:#94a3b8;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-modal label{gap:6px;display:grid}.auth-modal label span{color:#475569;font-size:12px;font-weight:800}.auth-modal input{color:#111827;background:#fff;border:1px solid #dfe5ee;border-radius:8px;outline:0;min-height:40px;padding:0 12px}.auth-submit{color:#fff;background:#0f62fe;border:0;border-radius:8px;min-height:42px;font-size:14px;font-weight:900}.auth-error{color:#b91c1c;background:#fef2f2;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:800}.auth-note{color:#64748b;margin:0;font-size:12px;line-height:1.45}.dark .auth-modal{background:#141922;border-color:#2b3442}.dark .auth-head h2,.dark .auth-modal input{color:#f4f7fb}.dark .auth-head p,.dark .auth-note{color:#aab3c1}.dark .auth-tabs{background:#171d26;border-color:#2b3442}.dark .auth-tabs button{color:#aab3c1}.dark .auth-tabs button.active{color:#8db9ff;background:#202838}.dark .google-auth{color:#f4f7fb;background:#11161d;border-color:#2b3442}.dark .auth-divider:before,.dark .auth-divider:after{background:#2b3442}.dark .auth-modal label span{color:#d6deea}.dark .auth-modal input{background:#11161d;border-color:#2b3442}.drawer{color:#111318;background:#fff;width:min(440px,100vw);height:100%;padding:24px;overflow:auto;box-shadow:-18px 0 40px #0f172a26}.dark .drawer{color:#f5f7fb;background:#11161d}.drawer-top{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.drawer-top p{color:#6e7683;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}.drawer-top h2{margin:0;font-size:28px;line-height:1.08}.drawer .theme-preview,.drawer .codex-pet-preview,.drawer .skin-preview{height:286px}.drawer .variant-picker{justify-content:space-between;width:100%;margin-top:14px}.drawer .variant-picker button{flex:1}.drawer .pet-sprite-wrap{width:150px;height:150px;bottom:18px;right:20px}.drawer .pet-sprite{max-width:158px;max-height:158px}.drawer-description{color:#5e6673;margin:18px 0;font-size:15px;line-height:1.65}.dark .drawer-description{color:#aeb7c4}.color-spec{grid-template-columns:1fr;gap:8px;margin:0 0 18px;display:grid}.theme-field-section{margin:0 0 18px}.theme-field-section h3{color:#222936;margin:0 0 8px;font-size:13px;line-height:1.2}.theme-field-section p{color:#6b7280;margin:-2px 0 10px;font-size:12px;line-height:1.4}.color-spec div{background:#fff;border:1px solid #e3e7ee;border-radius:8px;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;min-width:0;min-height:40px;padding:0 10px;display:grid}.color-spec span{border:1px solid #0000001f;border-radius:999px;width:18px;height:18px}.color-spec .field-dot{background:#eef2f7}.color-spec strong{color:#222936;font-size:13px}.color-spec code{color:#6b7280;font-size:12px}.dark .color-spec div{background:#171d26;border-color:#2b3441}.dark .color-spec strong{color:#f2f5f9}.dark .color-spec code{color:#aab3c1}.dark .theme-field-section h3{color:#f2f5f9}.dark .theme-field-section p{color:#aab3c1}.command-box{background:#f8fafc;border:1px solid #dde2ea;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:grid}.command-box code{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.command-box button{color:#394150;background:#fff;border:0;border-radius:6px;width:32px;height:32px}.dark .command-box{background:#171d26;border-color:#2b3441}.dark .command-box code{color:#f2f5f9}.dark .command-box button{color:#d9e1ee;background:#202836}.drawer-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px;display:grid}.drawer-actions button,.drawer-actions a{color:#28303d;white-space:nowrap;background:#fff;border:1px solid #dde2ea;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:620;text-decoration:none;display:inline-flex}.drawer-actions .primary-action{color:#fff;background:#0f62fe;border-color:#0f62fe}.app:not(.dark) .drawer-actions .primary-action{border-color:var(--accent);background:var(--accent);color:#fff}.dark .drawer-actions button,.dark .drawer-actions a{color:#f3f7fb;background:#151a22;border-color:#2b3441}.dark .drawer-actions .primary-action{background:#4f8cff;border-color:#4f8cff}.drawer-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.drawer-stats div{background:#fff;border:1px solid #e3e7ee;border-radius:8px;min-height:72px;padding:13px}.drawer-stats strong,.drawer-stats span{display:block}.drawer-stats strong{font-size:17px;line-height:1.2}.drawer-stats span{color:#6d7582;margin-top:6px;font-size:12px}.dark .drawer-stats div{background:#171d26;border-color:#2b3441}.app.dark .topbar{border-color:var(--line);background:color-mix(in srgb, var(--surface), transparent 7%)}.app.dark .desktop-nav button,.app.dark .desktop-nav a,.app.dark .mobile-tabs button,.app.dark .mobile-tabs a,.app.dark .select-button,.app.dark .icon-button{color:var(--muted)}.app.dark .desktop-nav button.active,.app.dark .mobile-tabs button.active{background:var(--accent-soft);color:var(--accent-ink)}.app.dark .brand-text strong,.app.dark .select-button strong,.app.dark .catalog-head h1,.app.dark .card-meta h2,.app.dark .drawer-top h2{color:var(--ink)}.app.dark .brand-text small,.app.dark .catalog-head p,.app.dark .catalog-summary,.app.dark .card-meta p,.app.dark .asset-signals,.app.dark .drawer-description{color:var(--muted)}.app.dark .search-box,.app.dark .select-button.compact,.app.dark .login-button,.app.dark .account-chip,.app.dark .segmented-row,.app.dark .variant-picker,.app.dark .library-gate,.app.dark .library-strip div{border-color:var(--line);background:color-mix(in srgb, var(--surface), var(--page) 16%);color:var(--ink)}.app.dark .search-box{background:color-mix(in srgb, var(--surface-soft), var(--page) 28%)}.app.dark .icon-button:hover,.app.dark .select-button.compact:hover{background:var(--surface-soft)}.app.dark .random-color-button{border-color:var(--line);background:var(--surface-soft);color:var(--accent);box-shadow:0 5px 16px var(--shadow)}.app.dark .grid{row-gap:34px}.app.dark .item-card{border:1px solid var(--line);background:var(--card-surface);min-width:0;box-shadow:0 16px 32px var(--shadow);border-radius:14px;padding:10px 10px 14px}.app.dark .theme-preview,.app.dark .codex-pet-preview,.app.dark .skin-preview{box-shadow:0 10px 24px var(--shadow)}.app.dark .codex-pet-preview{border-color:color-mix(in srgb, var(--line), var(--ink) 8%);background:var(--preview-surface)}.app.dark .skin-preview{border-color:color-mix(in srgb, var(--line), var(--ink) 8%)}.app.dark .tag-filter-row button,.app.dark .tags span{background:var(--accent-soft);color:var(--accent-ink)}.app.dark .tag-filter-row button:nth-child(3n+2),.app.dark .tags span:nth-child(3n+2){background:var(--secondary-soft);color:var(--secondary-ink)}.app.dark .tag-filter-row button:nth-child(3n+3),.app.dark .tags span:nth-child(3n+3){background:var(--warm-soft);color:var(--warm-ink)}.app.dark .tag-filter-row button.active{border-color:var(--accent);background:var(--surface);color:var(--accent-ink);box-shadow:0 1px 7px var(--shadow)}.app.dark .tag-filter-row button.active small{background:var(--surface-soft);color:var(--accent-ink)}.app.dark .swatches span{border-color:color-mix(in srgb, var(--line), var(--ink) 18%)}.app.dark .card-actions button,.app.dark .card-actions a,.app.dark .drawer-actions button,.app.dark .drawer-actions a,.app.dark .lab-actions button,.app.dark .lab-actions a,.app.dark .asset-library button,.app.dark .share-library button{border-color:var(--line);background:color-mix(in srgb, var(--surface), var(--page) 8%);color:var(--ink)}.app.dark .card-actions .primary-action,.app.dark .drawer-actions .primary-action,.app.dark .library-gate button{border-color:var(--accent);background:var(--accent);color:#07111f}.app.dark .drawer{border-left:1px solid var(--line);background:var(--surface);color:var(--ink)}.app.dark .drawer-backdrop{background:color-mix(in srgb, var(--page), transparent 18%)}.app.dark .command-box,.app.dark .drawer-stats div,.app.dark .color-spec div,.app.dark .manual-controls label,.app.dark .base-theme-control,.app.dark .font-controls label,.app.dark .checkbox-control,.app.dark .lab-empty-preview{border-color:var(--line);background:color-mix(in srgb, var(--surface-soft), var(--page) 18%)}.app.dark .command-box code,.app.dark .drawer-stats strong,.app.dark .color-spec strong,.app.dark .theme-field-section h3{color:var(--ink)}.app.dark .command-box button{background:var(--surface-soft);color:var(--ink)}.app.dark .drawer-stats span,.app.dark .color-spec code,.app.dark .theme-field-section p{color:var(--muted)}.app.dark .lab-copy,.app.dark .upload-drop,.app.dark .palette-panel,.app.dark .lab-preview,.app.dark .studio-notice,.app.dark .empty-state{border-color:var(--line);background:var(--card-surface);color:var(--muted);box-shadow:0 12px 26px var(--shadow)}.app.dark .lab-copy p,.app.dark .studio-notice svg{color:var(--accent)}.app.dark .lab-copy h2,.app.dark .upload-drop strong,.app.dark .asset-library strong,.app.dark .share-library strong,.app.dark .studio-notice h2{color:var(--ink)}.app.dark .manual-controls .hex-input,.app.dark .lab-actions span,.app.dark .asset-library>div,.app.dark .asset-library button small,.app.dark .share-library>div,.app.dark .share-library button small{color:var(--muted)}.app.dark .base-theme-control select,.app.dark .font-controls input{border-color:var(--line);background:var(--surface);color:var(--ink)}.catalog-footer{border-top:1px solid var(--line,#e3e7ee);max-width:1328px;color:var(--muted,#6d7582);justify-content:space-between;align-items:center;gap:24px;margin:4px auto 0;padding:28px 0 34px;font-size:12px;display:flex}.catalog-footer p{max-width:720px;margin:0}.catalog-footer nav{align-items:center;gap:14px;display:flex}.catalog-footer a{color:var(--muted,#596474);font-weight:560;text-decoration:none}.catalog-footer a:hover{color:var(--accent,#0f62fe)}@media (width<=1380px){.topbar{grid-template-columns:auto 1fr}.desktop-nav{display:none}.toolbar{justify-content:flex-end}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-tabs{gap:8px;padding:16px 32px 0;display:flex;overflow-x:auto}.catalog-footer{width:calc(100% - 64px)}}@media (width<=820px){.topbar{grid-template-columns:1fr;align-items:stretch;gap:14px;height:auto;padding:16px}.brand{min-width:0}.toolbar{grid-template-columns:1fr auto auto auto auto;gap:8px;display:grid}.account-chip{max-width:92px;padding:0 9px}.login-button{padding:0 10px}.search-box{width:100%}.select-button:not(.compact){display:none}.mobile-tabs{padding:14px 16px 0}.catalog-head{flex-direction:column;align-items:start;margin-top:24px;padding:0 16px}.catalog-filters{padding:0 16px}.library-gate,.library-strip{margin-top:16px;padding:0 16px}.library-gate{flex-direction:column;align-items:start;padding-top:16px;padding-bottom:16px}.library-gate button{margin-left:0}.drawer-actions{grid-template-columns:1fr}.library-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.image-skin-lab{grid-template-columns:1fr;padding:0 16px}.catalog-filters>div{flex-direction:column;align-items:start;width:100%}.segmented-row,.tag-filter-row{width:100%;overflow-x:auto}.grid{grid-template-columns:1fr;row-gap:38px;padding:0 16px 42px}.app.channel-codex-skins .grid{grid-template-columns:1fr}.catalog-footer{flex-direction:column;align-items:flex-start;width:calc(100% - 32px);padding-bottom:28px}.theme-preview,.codex-pet-preview,.skin-preview{height:286px}}@media (width<=1020px) and (width>=821px){.grid,.app.channel-codex-skins .grid,.image-skin-lab{grid-template-columns:repeat(2,minmax(0,1fr))}}.item-card .codex-pet-preview,.drawer .codex-pet-preview{aspect-ratio:1492/1054;height:auto}