.public-skins-page{min-height:100vh;background:var(--page,#f7f7fb);color:var(--text,#25243a)}
        .public-skins-page .skin-library-preview>.skin-favorite-form{position:absolute;top:12px;right:12px;z-index:5;display:inline-flex;margin:0}
        .public-skins-page .skin-library-preview>a.skin-favorite-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;padding:0;line-height:1;vertical-align:top}
        .public-skins-page .skin-library-preview>a.skin-favorite-button>i{display:block;line-height:1}
        .public-skins-page .landing-header .brand-copy strong,.public-skins-page .landing-header .landing-nav a,.public-skins-page .landing-header .landing-login,.public-skins-page .landing-header .icon-button,.public-skins-page .landing-header .landing-profile-trigger{color:var(--text,#25243a);text-shadow:none}
        .public-skins-page .landing-header .landing-profile-trigger .profile-text small{color:var(--muted,#68738e)}
        .public-skins-page .landing-header .icon-button,.public-skins-page .landing-header .landing-login,.public-skins-page .landing-header .landing-nav a{background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:var(--line)}
        .public-skins-main{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:112px 0 0}
        .public-skins-intro{width:100%;max-width:1231px;min-height:132px;margin:0 auto 24px}.public-skins-intro h1{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.7px}
        .public-skins-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.public-skins-header-actions .character-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:116px;height:48px;min-height:48px;margin:0;padding:0 12px;border-radius:12px;font-size:13px;white-space:nowrap;box-shadow:0 5px 14px rgba(120,160,255,.16)}.public-skins-header-actions .skin-total{box-shadow:0 5px 14px rgba(39,32,92,.06)}
        .public-skins-grid{display:grid;width:100%;max-width:1231px;margin:0 auto 20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,295px),295px));justify-content:start;gap:17px;align-items:stretch}
        .public-skins-grid>.skin-library-card{width:100%;min-width:0;max-width:295px}
        .public-skin-preview-card{cursor:pointer}
        .public-skin-preview-card canvas{cursor:grab}
        .public-skin-preview-card canvas:active{cursor:grabbing}
        .public-skins-filters{position:relative;z-index:12;display:grid;width:100%;max-width:1231px;grid-template-columns:minmax(220px,1fr) minmax(145px,.62fr) minmax(145px,.62fr) auto;align-items:center;gap:10px;margin:0 auto 18px;padding:14px;border:1px solid var(--line,#e3e4ef);border-radius:16px;background:var(--surface,#fff)}
        .public-skins-filters>input[type=search]{width:100%;min-width:0;height:42px;padding:0 13px;border:1px solid var(--line,#e3e4ef);border-radius:12px;background:var(--surface-soft,#f7f7fb);color:var(--text,#25243a);font:inherit;font-size:13px}
        .public-skins-filters>input:focus-visible,.filter-dropdown>summary:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 40%,transparent);outline-offset:1px}
        .public-skins-filters>button[type=submit]{display:inline-flex;width:auto;min-width:100px;max-width:150px;height:42px;justify-self:end;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:0;border-radius:12px;background:var(--brand,#7164dd);color:#fff;font:inherit;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer}
        .public-skins-filters>button[type=submit]:hover{filter:brightness(1.05)}
        .filter-dropdown{position:relative;min-width:0}
        .filter-dropdown[open]{z-index:25}
        .filter-dropdown>summary{display:flex;list-style:none;align-items:center;justify-content:space-between;gap:12px;width:100%;height:42px;padding:0 13px;border:1px solid var(--line,#e3e4ef);border-radius:12px;background:var(--surface-soft,#f7f7fb);color:var(--text,#25243a);font-size:13px;cursor:pointer}
        .filter-dropdown>summary::-webkit-details-marker{display:none}
        .filter-dropdown>summary::marker{display:none;content:""}
        .filter-dropdown>summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .filter-dropdown>summary>i{flex:0 0 auto;color:var(--muted,#85849a);font-size:11px;transition:transform .18s ease}
        .filter-dropdown[open]>summary>i{transform:rotate(180deg)}
        .filter-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:max-content;min-width:100%;max-width:min(330px,calc(100vw - 40px));max-height:min(310px,55vh);overflow:auto;padding:8px;border:1px solid var(--line,#e3e4ef);border-radius:14px;background:var(--surface,#fff);box-shadow:0 14px 36px rgba(31,27,71,.16);color:var(--text,#25243a);animation:filter-pop-in .14s ease-out}
        .filter-dropdown-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 9px 9px;color:var(--muted,#85849a);font-size:11px;font-weight:650}
        .filter-dropdown-heading .filter-clear{height:auto;padding:3px 5px;border:0;border-radius:6px;background:transparent;color:var(--brand,#7164dd);font-size:11px;font-weight:600}
        .filter-dropdown-options{display:grid;gap:3px}
        .filter-option{display:flex;align-items:center;gap:9px;min-height:36px;padding:7px 9px;border-radius:9px;color:var(--text,#25243a);font-size:13px;cursor:pointer;transition:background .14s ease,color .14s ease}
        .filter-option:hover{background:var(--surface-soft,#f7f7fb)}
        .filter-option:has(input:checked){background:var(--brand-soft,#eeecff);color:var(--brand,#7164dd)}
        .filter-option input{width:15px;height:15px;flex:0 0 15px;margin:0;accent-color:var(--brand,#7164dd)}
        .filter-tag-dropdown .filter-option input[type=checkbox]{appearance:none;display:grid;place-content:center;border:1.5px solid var(--line,#c9c8d9);border-radius:5px;background:var(--surface,#fff)}
        .filter-tag-dropdown .filter-option input[type=checkbox]:checked{border-color:var(--brand,#7164dd);background:var(--brand,#7164dd)}
        .filter-tag-dropdown .filter-option input[type=checkbox]:checked::after{content:"✓";color:#fff;font-size:11px;font-weight:700;line-height:1}
        .filter-sort-option input{appearance:none;border:1.5px solid var(--muted,#85849a);border-radius:50%;background:var(--surface,#fff)}
        .filter-sort-option input:checked{border:4px solid var(--brand,#7164dd)}
        @keyframes filter-pop-in{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
        .public-skins-page .skin-library-card-body{padding-bottom:14px}
        .public-skins-page .public-skin-uploader[data-uploader-uid]{cursor:pointer;border-radius:6px;transition:color .15s ease}
        .public-skins-page .public-skin-uploader[data-uploader-uid]:hover,.public-skins-page .public-skin-uploader[data-uploader-uid]:focus-visible{color:var(--brand,#7884d5);text-decoration:underline;text-underline-offset:3px}
        .public-skins-provider-filter{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:-7px auto 16px;padding:8px 12px;border:1px solid var(--line,#e3e4ef);border-radius:10px;background:var(--surface,#fff);color:var(--muted,#68738e);font-size:13px}
        .public-skins-provider-filter a{color:var(--brand,#7884d5);font-weight:600;text-decoration:none}
        .public-skins-page .skin-visibility.is-private{background:#fff4d6;color:#a66b12}
        .public-skins-empty{padding:52px 20px;border:1px dashed var(--line,#dfe1ee);border-radius:20px;text-align:center;color:var(--muted,#68738e)}
        @media(max-width:900px){.public-skins-main{width:calc(100% - 32px)}.public-skins-filters{grid-template-columns:minmax(180px,1fr) minmax(130px,.7fr) minmax(130px,.7fr) auto}}
        @media(max-width:700px){.public-skins-main{width:calc(100% - 28px);padding-top:92px}.public-skins-intro{align-items:flex-start;min-height:0}.public-skins-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),260px));justify-content:center}.public-skins-filters{grid-template-columns:1fr 1fr}.public-skins-filters>input[type=search],.public-skins-filters>button[type=submit]{grid-column:1/-1;width:100%;max-width:none}.public-skins-filters>button[type=submit]{justify-self:stretch}}