.account-wrap{position:relative}.account-button{display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid #dce5d7;border-radius:7px;padding:6px 9px;max-width:200px}#accountName{overflow:hidden;text-overflow:ellipsis;max-width:115px}.user-avatar{display:grid;place-items:center;width:26px;height:26px;background:#e0eccf;color:#536e35;border-radius:5px;font-size:12px}.account-menu{position:absolute;right:0;top:calc(100% + 12px);width:200px;background:white;border:1px solid #e1e8dc;border-radius:10px;box-shadow:0 14px 44px #2c402517;padding:14px;z-index:20}.account-menu>span{display:block;color:#9da696;font-size:10px;padding:2px 6px 12px}.account-menu button{width:100%;padding:11px 7px;text-align:left;font-size:12px;border-radius:5px;display:flex;justify-content:space-between}.account-menu button:hover{background:#f1f6ec}#logoutButton{border-top:1px solid #edf0e7;border-radius:0;margin-top:6px;color:#87917f}.auth-layout{display:grid;grid-template-columns:.87fr 1fr;min-height:500px}#authDialog{padding:0;max-width:790px;border:1px solid #e1e7d8;border-radius:16px;overflow-x:hidden}#authDialog::backdrop{background:#0b142c80;backdrop-filter:blur(8px)}.auth-art{padding:31px 30px;background:#0b142c;color:#fff;position:relative;overflow:hidden}.auth-art .brand{font-size:19px;color:#ffffff;font-weight:700}.auth-art .brand>span{font:11px Arial;align-self:start;margin-left:-5px}.auth-art-cards{height:219px;position:relative;margin-top:29px}.auth-art-cards img{position:absolute;width:115px;height:115px;object-fit:contain;background:#edf2f7;border:8px solid #edf2f7;border-radius:18px;transform:rotate(-12deg);top:5px;left:6px}.auth-art-cards img:nth-child(2){background:#f7eded;border-color:#f7eded;transform:rotate(10deg);top:46px;right:-1px;left:auto}.auth-art-cards img:nth-child(3){width:105px;height:105px;top:113px;left:24px;transform:rotate(-4deg);background:#edf2f7;border-color:#edf2f7}.auth-art h2{font-size:24px;letter-spacing:-1px;font-weight:500;margin:17px 0 15px}.auth-art p{font-size:12px;color:#adbfad;line-height:1.9;margin:0}.auth-art-foot{font:8px monospace;letter-spacing:1.2px;color:#839d87;display:block;margin-top:34px}.auth-panel{padding:38px 33px 27px}.auth-tabs{display:flex;gap:22px;border-bottom:1px solid #e6ebdf;margin-bottom:25px}.auth-tabs button{padding:0 2px 12px;color:#9ca491;font-size:13px;border-bottom:2px solid transparent}.auth-tabs [aria-selected=true]{border-color:#46663a;color:#364e2d;font-weight:600}.auth-panel h2{font-size:25px;margin:0 0 9px;letter-spacing:-.6px}.auth-panel>p{font-size:11px;line-height:1.8;color:#969f8b;margin:0 0 23px}#authForm{display:flex;flex-direction:column;align-items:stretch;gap:0;border:0;padding:0;background:transparent;box-shadow:none}#authForm>label{font-size:11px;color:#526244;margin-bottom:8px}#authForm>input,.password-field{border:1px solid #dce4d4;border-radius:6px;background:#fff;min-height:43px;margin:0;font-size:12px}.password-field{display:flex;align-items:center;margin-bottom:17px}#authForm input{padding:12px 13px;color:#35472f;border-radius:6px;width:100%;font-size:12px;min-width:0}#authForm input:focus-visible{outline:2px solid #a3bd82!important;outline-offset:1px}#authForm input::placeholder{font-size:11px;color:#acb39f}.password-field button{background:none!important;color:#8b977b!important;border-radius:0;padding:10px 13px;font-size:10px;white-space:nowrap}#usernameHint{font-size:9px;color:#9ca68e;margin:8px 0 20px;line-height:1.5}#authForm #confirmPassword{margin-bottom:16px}#authForm #authSubmit{padding:13px 15px;background:#218858;border-radius:6px;font-size:12px;margin-top:3px}#authSubmit:disabled{opacity:.65;cursor:wait}#authError{background:#fff0eb;border:1px solid #f4d8cc;color:#a6563c;border-radius:6px;padding:10px 11px;font-size:11px;line-height:1.7;margin:0 0 14px}.auth-panel>.auth-note{font-size:9px;text-align:center;line-height:1.9;margin:18px 0 0;color:#a4ad96}.close{color:#819071;font-size:23px}button:disabled{cursor:wait}.detail-copy h2{font-weight:500}

/* Neutral surfaces and navy navigation, following the supplied reference. */
:root{--ink:#14213d;--muted:#607080;--paper:#fff;--line:#e2e5e8;--accent:#218858}
body{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:white}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #218858;outline-offset:3px}
.header{height:64px;background:#0b142c;border:0;backdrop-filter:none;color:#fff}.header-inner{max-width:1600px;padding:0 32px;gap:38px}.brand{font-size:24px;letter-spacing:-.6px}.brand-mark{transform:none}.brand-mark i,.brand-mark i:last-child{background:#27cbb7}.brand-label{display:none}.header nav{gap:28px}.nav-link{font-size:13px;font-weight:600;color:#dce3ef}.nav-link.current{color:#fff;border-color:#29c7ac}.nav-link:hover{color:#fff}#favCount{color:#bdcadb}.header-actions{margin-left:auto;display:flex;align-items:center;gap:28px}.about-link{font-size:13px;color:#dce3ef}.login-button{border:1px solid #e1e5ee;border-radius:3px;padding:9px 18px;font-size:13px;color:white}.login-button:hover{background:#25324b}.login-button span{display:none}
.search-strip{padding:12px 32px;border-bottom:1px solid #dedfe2;background:white}#searchForm{max-width:1536px;margin:auto;min-height:48px;border:1px solid transparent;border-radius:3px;padding:0 8px 0 22px;background:#f0f1f2;gap:20px;box-shadow:none}#searchForm:focus-within{border-color:#8aa5b5}.search-type{display:flex;align-items:center;gap:28px;padding-right:23px;border-right:1px solid #d5d9dc;font-size:14px;white-space:nowrap;color:#46535f}.search-type span{font-size:13px;color:#65707b}#search{font-size:14px;padding:13px 0;color:#26384a}#search::placeholder{color:#737f8a}#searchForm button{display:grid;place-items:center;background:transparent;padding:10px;color:#44515e}#searchForm svg{stroke:currentColor}
.reference-hero{background:#f7f8fa;overflow:hidden;border-bottom:1px solid #eef0f2}.hero-inner{max-width:1240px;margin:auto;min-height:326px;display:flex;align-items:center;position:relative;gap:40px;padding:40px 0}.hero-copy{position:relative;z-index:1;flex:1}.hero-copy h1{font-size:34px;line-height:1.4;letter-spacing:-.8px;margin:0 0 18px;font-weight:700}.hero-copy p{font-size:15px;line-height:1.9;color:#526375;margin:0 0 25px}.primary{background:#218858;color:white;border-radius:3px;font-size:14px;padding:13px 23px;gap:20px}.primary:hover{background:#187247}.hero-facts{margin-top:17px;color:#647483;font-size:12px}.hero-facts span{margin:0 12px;color:#8493a0}.hero-mosaic{display:grid;grid-template-columns:repeat(2,220px);gap:18px;transform:rotate(-11deg);margin-right:6px;width:458px;flex-shrink:0}.hero-tile{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:5px;background:white;border-radius:12px;padding:17px 12px;min-height:119px;box-shadow:0 14px 40px #102a4310}.hero-tile:nth-child(2){transform:translateY(24px)}.hero-tile:nth-child(3){transform:translateY(-4px)}.hero-tile:nth-child(4){transform:translateY(20px)}.hero-tile img{width:100%;aspect-ratio:1;object-fit:contain}
main{max-width:1304px;padding:0 32px;margin:auto}.collections{padding-top:44px;border:0;margin-bottom:44px}.library-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.library-heading h2{font-size:24px;font-weight:600;letter-spacing:-.4px;margin:0;color:#344555}.library-heading>a{font-size:13px;color:#536675}.library-heading>a span{margin-left:10px}.library-heading p{font-size:12px;color:#647483;margin:0 170px 0 0}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pack{border:1px solid #d9dde1;border-radius:3px;background:#fff;text-align:left;padding:0;overflow:hidden;transition:box-shadow .2s,border-color .2s}.pack:hover{border-color:#98b8ab;box-shadow:0 5px 16px #152b4110}.pack-preview{height:160px;display:flex;justify-content:center;align-items:center;gap:8px;padding:22px 14px}.pack-preview img{width:30%;max-height:115px;object-fit:contain}.pack-preview img:only-child{width:105px}.pack-caption{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;gap:8px}.pack-caption strong{font-weight:500;font-size:13px;color:#172c40}.pack-caption small{font-size:11px;color:#657685;white-space:nowrap}
.library{position:relative;border-top:1px solid #e5e9ec;padding-top:31px}.library-sort{position:absolute;right:0;top:26px}.sort-label{color:#657482;font-size:12px}.sort-label select{font-size:12px;color:#344555}.filters{gap:6px;margin:0 0 16px;padding:0 0 19px;border-bottom:1px solid #e5e9ec}.chip{font-size:12px;color:#536576;border-radius:3px;padding:9px 13px}.chip small{font-size:10px;color:#687c8b}.chip.selected{background:#e8f5ee;color:#207a51}.chip.selected small{color:#207a51}.chip:hover{background:#f1f4f6}.results{color:#617181;font-size:12px;margin-bottom:18px}.view-controls>span{font-size:11px}.swatch.selected{outline-color:#536a7b}.light{background:#fff}.dark{background:#253144}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}.card{border:1px solid #d9dde1;border-radius:3px;overflow:hidden;background:#fff;transition:box-shadow .2s}.card:hover{box-shadow:0 5px 17px #14283a10;border-color:#a4bbb1}.preview{height:195px;border:0;border-radius:0;background:#fff}.preview>button:first-child{padding:27px 42px}.preview img{filter:none}.card:hover .preview img{transform:scale(1.04)}.card-info{padding:12px 13px 14px;border-top:1px solid #f1f3f4}.card-info h3{font-size:13px;font-weight:500;color:#203346;margin-bottom:6px}.card-info p,.card-info p span{font-size:11px;color:#687a89}.favorite{opacity:1;border:1px solid #e3e8eb;background:#fff;color:#738390;border-radius:4px;width:28px;height:28px}.favorite:hover{background:#f3f7f5;color:#218858}.favorite.saved{background:#e8f5ee;color:#218858}.favorite.saved svg{fill:#c6ead8}.new-label{left:12px;top:13px;font-size:9px;color:#657685;letter-spacing:.4px;background:#f2f5f7;padding:3px 5px;border-radius:2px}.download{color:#536f7b;background:#f2f6f8;border-radius:3px}.download:hover{color:#218858;background:#e8f5ee}.grid[data-background=dark] .preview{background:#253144}.grid[data-background=dark] .new-label{color:#536576}.checker,.grid[data-background=checker] .preview{background-color:#fff;background-image:linear-gradient(45deg,#edf0f2 25%,transparent 25%),linear-gradient(-45deg,#edf0f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f2 75%),linear-gradient(-45deg,transparent 75%,#edf0f2 75%)}#reset{color:#218858}.library-end{margin:30px 0 38px}.library-end p{color:#697b89;font-size:12px}.format-note{margin:0;padding:30px 0;border-color:#e2e7eb}.format-symbol{border-color:#d4dee4;color:#536b7a;border-radius:4px}.format-note h2{font-size:19px;color:#344555}.format-note p{color:#647483;font-size:12px}.format-note>a{font-size:13px;color:#218858}footer{max-width:1304px;padding:28px 32px;color:#697a89;font-size:12px}footer .brand{color:#24354a}footer button,footer small{color:#647483;font-size:11px}
.account-button{border-color:#657187;color:#fff;background:transparent}.user-avatar{background:#d8f2e9;color:#207851}.account-menu{color:#203346;border-color:#dce3e8;border-radius:5px}.account-menu>span{font-size:11px;color:#687a89}.account-menu button:hover{background:#f1f5f7}#logoutButton{color:#536576;border-color:#e2e7eb}.auth-art{background:#0b142c}.auth-art p,.auth-art-foot{color:#c0ccda}.auth-art h2{color:white}.auth-panel h2{color:#203346}.auth-panel>p,.auth-panel>.auth-note{color:#657685;font-size:12px}.auth-tabs{border-color:#dce3e8}.auth-tabs button{color:#697b8a}.auth-tabs [aria-selected=true]{color:#218858;border-color:#218858}#authForm>label{font-size:13px;color:#344555}#authForm>input,.password-field{border-color:#cbd5dd;border-radius:4px}#authForm input{color:#203346;font-size:13px}#authForm input::placeholder{color:#768491;font-size:12px}#authForm input:focus-visible{outline-color:#218858!important}#usernameHint{color:#647483;font-size:11px}.password-field button{color:#536576!important;font-size:12px}#authForm #authSubmit{background:#218858;font-size:14px;border-radius:4px}.auth-panel>.auth-note{font-size:11px}#authDialog{border-color:#dae2e7;border-radius:8px}.close{color:#687a89}.tag,.detail-copy dt,.detail-copy small,#info p{color:#647483}.detail-copy small,.detail-copy small button{font-size:11px}.detail-copy dl,.size-label,.size-label select{font-size:12px}.detail-image{border-color:#dce3e8;border-radius:4px}.toast{background:#15253b}dialog{background:white;border-radius:8px}.section-index{color:#667a8a}
@media(max-width:1304px){.hero-inner{padding:38px 32px}.hero-copy h1{font-size:30px}.hero-copy p{font-size:14px}.hero-mosaic{grid-template-columns:repeat(2,190px);width:398px}.hero-tile{min-height:110px}}
@media(max-width:1000px){.header-inner{gap:26px}.header nav{gap:20px}.header-actions{gap:20px}.hero-mosaic{grid-template-columns:repeat(2,150px);width:318px;gap:14px}.hero-tile{min-height:96px;padding:12px 8px;gap:2px}.hero-copy h1{font-size:28px}.hero-copy p br{display:none}.hero-copy p{max-width:430px}.pack-preview{height:130px;padding:12px 10px;gap:4px}.preview{height:175px}.preview>button:first-child{padding:26px}.library-heading p{display:none}}
@media(max-width:760px){.header{height:60px}.header-inner{padding:0 20px;gap:22px}.header .brand{font-size:21px}.header nav{gap:18px}.header-actions{gap:0}.about-link{display:none}.login-button{padding:8px 11px;font-size:12px}.nav-link{font-size:12px}.search-strip{padding:10px 20px}.hero-inner{padding:33px 24px;min-height:270px;gap:20px}.hero-copy h1{font-size:26px}.hero-copy p{font-size:13px}.hero-mosaic{width:220px;grid-template-columns:repeat(2,105px);gap:10px}.hero-tile{grid-template-columns:1fr;min-height:90px;padding:8px 20px}.hero-tile img:not(:first-child){display:none}.hero-tile img{height:70px}.hero-facts{font-size:11px}.hero-facts span{margin:0 6px}main{padding:0 24px}.collections{padding-top:30px;margin-bottom:30px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-preview{height:135px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview{height:170px}.preview>button:first-child{padding:25px}.library-heading h2{font-size:22px}.library{padding-top:27px}.library-sort{top:21px}.auth-art{padding:30px 20px}.auth-panel{padding:35px 26px}footer{padding:25px 24px}.account-button{max-width:150px}#accountName{max-width:75px}}
@media(max-width:560px){.header-inner{padding:0 16px;gap:14px}.header nav>a{display:none}.header nav{margin-left:auto}.header-actions{margin-left:0}.header .brand{font-size:20px;gap:5px}.brand-mark{transform:scale(.85)}.login-button{font-size:12px;padding:8px 10px}.search-strip{padding:10px 16px}.search-type{font-size:12px;gap:12px;padding-right:14px}#searchForm{padding-left:13px;gap:13px;min-height:45px}#search{font-size:12px}.hero-inner{padding:30px 22px;min-height:270px}.hero-copy h1{font-size:27px;letter-spacing:-.6px}.hero-copy p{font-size:13px;max-width:330px;margin-bottom:21px;line-height:1.9}.hero-mosaic{display:none}.hero-facts{font-size:11px;margin-top:18px}.primary{font-size:13px;padding:12px 21px}main{padding:0 18px}.library-heading{margin-bottom:18px}.library-heading h2{font-size:21px}.library-heading>a{font-size:11px}.collection-grid{gap:10px}.pack-preview{height:116px;padding:12px 8px;gap:3px}.pack-preview img:only-child{width:80px}.pack-caption{padding:10px;gap:4px}.pack-caption strong{font-size:12px}.pack-caption small{font-size:10px}.library-sort{display:none}.filters{gap:3px;margin:0 0 14px;padding-bottom:15px}.chip{font-size:11px;padding:8px 9px}.chip small{font-size:10px}.results{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.preview{height:auto;aspect-ratio:1.08}.preview>button:first-child{padding:27px}.card-info{padding:11px 10px}.card-info h3{font-size:12px}.card-info p,.card-info p span{font-size:10px}.favorite{width:25px;height:25px;right:7px;top:7px}.new-label{font-size:8px;left:8px;top:9px}.download{width:25px;height:25px}.library-end p{font-size:11px}.format-note{gap:15px;padding:24px 0}.format-note h2{font-size:17px}.format-note p{font-size:11px}footer{padding:23px 18px}footer button{font-size:10px}footer small{font-size:10px}.auth-layout{display:block;min-height:0}.auth-art{display:none}.auth-panel{padding:33px 25px 28px}#authDialog{max-width:390px;width:calc(100% - 28px)}.account-button{font-size:11px;max-width:120px;padding:5px}#accountName{max-width:55px}.user-avatar{width:23px;height:23px}.account-menu{width:180px}}

/* Refined interface: unified line icons, navigation panels and asset detail. */
.ui-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
button,a{-webkit-tap-highlight-color:transparent}.icon-button{width:38px;height:38px;padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#627386}.icon-button:hover{background:#f0f3f5;color:#1e8a59}.icon-button:disabled{opacity:.4;cursor:default}
.header-inner{gap:36px}.header nav{gap:27px}.header-actions{gap:22px}.nav-link .ui-icon{width:17px;height:17px}.nav-link#favorites{gap:8px}#favCount{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:4px;background:#ffffff10;font-family:Arial;font-size:10px}.header .icon-button{color:#a5b4c6}.header .icon-button:hover,.header .icon-button[aria-expanded=true]{color:#fff;background:#ffffff12}.header .icon-button .ui-icon{width:23px;height:23px}.header .brand{letter-spacing:-.5px}.brand-mark{gap:3px;grid-template-columns:repeat(2,9px);margin-right:3px;transform:none}.brand-mark i{width:9px;height:9px;border-radius:2px}.brand-mark i:last-child{grid-column:1}.brand-mark i:nth-child(2){opacity:.72}.account-button{padding:0;border:0;gap:9px;border-radius:30px;max-width:180px}.user-avatar{width:35px;height:35px;border-radius:50%;color:white;background:#a849b9;font-size:14px;font-weight:600}#accountName{font-size:12px;max-width:85px}.account-button>.ui-icon{width:14px;height:14px;color:#c8d2df}.account-menu button{justify-content:flex-start;align-items:center;gap:10px}.account-menu button>.ui-icon{width:18px;height:18px}.account-menu button>.ui-icon:last-child:not(:first-child){margin-left:auto;width:15px}.account-menu{padding:15px 12px;box-shadow:0 8px 32px #0b142c20}.account-menu>span{padding-bottom:13px}
.menu-wrap{position:relative}.more-wrap{height:100%}.more-wrap>.nav-link{gap:4px}.dropdown{position:absolute;top:calc(100% + 12px);left:0;background:#fff;color:#34434f;border:1px solid #e6e9ed;border-radius:5px;box-shadow:0 9px 32px #0b142c20;z-index:30;text-align:left}.more-menu::before,.updates-menu::before{content:'';position:absolute;top:-7px;width:12px;height:12px;background:white;transform:rotate(45deg);border-left:1px solid #e6e9ed;border-top:1px solid #e6e9ed}.more-menu::before{left:22px}.more-menu{width:510px;left:-15px;top:calc(100% + 10px);padding:25px 24px;display:grid;grid-template-columns:1fr 1fr;gap:26px}.more-menu h3{font-size:12px;margin:0 0 13px;font-weight:600;color:#7c8894}.more-menu a,.more-menu button{display:flex;align-items:flex-start;gap:11px;width:100%;padding:11px 0;text-align:left;font-size:13px;line-height:1.5}.more-menu small{display:block;font-size:11px;font-weight:400;color:#81909d;margin-top:5px;white-space:normal;line-height:1.7}.more-menu a>.ui-icon,.more-menu button>.ui-icon{margin-top:1px;color:#647789;width:19px;height:19px}.more-menu a:hover,.more-menu button:hover{color:#218858}.updates-menu{left:auto;right:-10px;width:308px;padding:20px}.updates-menu::before{right:21px}.dropdown-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dropdown-heading strong{font-size:14px}.dropdown-heading>span{font-size:11px;color:#81909d}#recentIcons{display:grid;gap:3px}#recentIcons button{display:flex;align-items:center;gap:14px;text-align:left;padding:8px;border-radius:4px;font-size:12px;width:100%}#recentIcons button:hover{background:#f5f7f8}#recentIcons img{width:38px;height:38px;object-fit:contain}#recentIcons small{display:block;color:#80909f;font-size:10px;margin-top:6px}#recentIcons .ui-icon{margin-left:auto;width:15px;color:#92a0ab}.updates-menu>p{margin:13px 0 0;padding-top:14px;border-top:1px solid #edf0f2;font-size:11px;color:#81909d}
.search-strip{position:relative;z-index:9;padding-top:11px;padding-bottom:11px}#searchForm{padding-left:0;gap:20px;min-height:47px}#searchForm .search-type{display:flex;padding:0 17px 0 21px;gap:18px;border-radius:0;min-height:27px;font-size:13px;color:#4b5967}#searchForm .search-type>span{margin:0;display:inline;font-size:13px;color:inherit}#searchForm .search-type .ui-icon{width:15px;height:15px}#searchForm>.ui-icon{width:20px;height:20px}#searchForm>button{padding:11px}#searchForm>button .ui-icon{width:21px;height:21px}#searchForm .search-menu{top:calc(100% + 18px);min-width:216px;padding:9px 0;border-radius:3px}#searchForm .search-menu p{font-size:10px;letter-spacing:.4px;color:#8b97a2;padding:9px 17px;margin:0 0 4px}#searchForm .search-menu button{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:11px 17px;gap:10px;border-radius:0;font-size:12px;color:#53616e;text-align:left}#searchForm .search-menu button:hover{background:#f5f8f6}#searchForm .search-menu button[aria-pressed=true]{color:#218858}#searchForm .search-menu small{margin-left:auto;font-size:10px;color:#93a0ab}.radio-mark{display:inline-block!important;width:16px;height:16px;border:1px solid #d4dadf;border-radius:50%;margin:0!important;flex-shrink:0}button[aria-pressed=true]>.radio-mark{border:4px solid #38a870}.search-scope{border-top:1px solid #e8ebee;margin-top:6px;padding-top:6px}
.hero-copy h1{font-size:33px;letter-spacing:-.6px}.hero-copy p{color:#687888;font-size:14px;line-height:2}.hero-facts{color:#82909d;font-size:11px}.hero-inner{min-height:322px}.primary{font-weight:600;background:#38ad76}.primary:hover{background:#289b65}.library-heading h2{font-size:23px;font-weight:600;letter-spacing:0}.library-heading>a{display:flex;align-items:center;gap:9px;font-size:12px}.library-heading>a .ui-icon{width:16px;height:16px}.pack-preview{height:158px;padding:23px 20px}.pack-caption{padding:13px 15px 15px}.pack-caption strong{font-size:13px}.pack-caption small{font-size:10px}.pack:hover{border-color:#a2bbb0;box-shadow:0 6px 18px #20394b0d}.preview{height:205px}.preview>button:first-child{padding:31px 47px}.favorite{width:32px;height:32px;right:11px;top:11px;color:#82909c;border-color:transparent;background:#ffffffb3;border-radius:4px}.favorite svg.ui-icon{width:19px;height:19px;stroke-width:1.75}.favorite:hover{border-color:#d7e4dc}.favorite.saved svg.ui-icon{fill:#d8efe3}.new-label{color:#7d8e9b;background:transparent;font:10px Arial,'Microsoft YaHei',sans-serif;left:10px;top:14px}.download{width:33px;height:33px;background:transparent;color:#7c8e9a}.download svg.ui-icon{width:20px;height:20px;stroke-width:1.75}.card-info{padding:13px 15px 15px}.card-info h3{font-size:13px}.card-info p{font-size:10px}.card-info p span{font-size:10px;color:#8d9ba6}.card{border-color:#e0e4e7}.filters .chip{font-size:12px;padding:9px 12px}#reset{display:inline-flex;align-items:center;gap:5px}#reset>.ui-icon{width:14px;height:14px}#empty>.ui-icon{width:43px;height:43px;color:#9caeb9}.format-symbol>.ui-icon{width:12px;height:12px;align-self:flex-start;margin-top:12px}.format-note>a,footer button{display:inline-flex;align-items:center;gap:10px}.format-note>a .ui-icon,footer button .ui-icon{width:16px;height:16px}
/* Spacious two-column asset viewer. */
body:has(dialog[open]){overflow:hidden}dialog::backdrop{background:#0b142cb5;backdrop-filter:blur(3px)}.close{width:34px;height:34px;top:12px;right:12px;display:grid;place-items:center;border-radius:5px;background:#fff;color:#778795}.close:hover{color:#1d2d40;background:#edf1f4}.close .ui-icon{width:22px;height:22px}#detail{width:calc(100% - 80px);max-width:1250px;max-height:calc(100dvh - 48px);padding:40px 34px 30px;border-radius:10px;overflow:auto}#detail>.close{top:8px;right:9px;width:29px;height:29px;background:transparent}#detailBody{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:42px;align-items:start}.detail-main{min-width:0}.detail-image{aspect-ratio:1.25;min-height:360px;max-width:none;width:100%;margin:0;background:#f6f7f8;border:0;border-radius:7px;position:relative;display:grid;place-items:center;overflow:hidden}.detail-image img{width:66%;height:66%;max-height:410px;object-fit:contain;grid-area:1/1}.detail-image[data-preview=dark]{background:#263347}.detail-image[data-preview=checker]{background-color:white;background-image:linear-gradient(45deg,#eef0f2 25%,transparent 25%),linear-gradient(-45deg,#eef0f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef0f2 75%),linear-gradient(-45deg,transparent 75%,#eef0f2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.preview-toolbar{position:absolute;left:17px;right:18px;top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.outline-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:35px;padding:7px 11px;border:1px solid #dce2e6;border-radius:4px;background:white;color:#546676;font-size:12px}.outline-button .ui-icon{width:17px;height:17px}.outline-button.is-saved{color:#218858;border-color:#afd8c2;background:#eef8f2}.outline-button.is-saved .ui-icon{fill:#ccebdc}.preview-format{font-size:10px;letter-spacing:.2px;color:#8b98a3}.preview-bottom{position:absolute;bottom:17px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between}.preview-bottom>span{font-size:10px;color:#8a98a4}.detail-image[data-preview=dark] .preview-format,.detail-image[data-preview=dark] .preview-bottom>span{color:#bcc9d6}.detail-swatches{display:flex;gap:12px;align-items:center}.detail-swatches .swatch{width:17px;height:17px}.detail-navigation{display:flex;align-items:center;justify-content:space-between;margin:14px 0 22px}.detail-navigation>span{text-align:center;font-size:12px;color:#637888}.detail-navigation small{display:block;font-size:10px;margin-top:6px;color:#9aa7b1}.detail-navigation .icon-button{border:1px solid #e0e6e9;width:33px;height:33px}.detail-navigation .ui-icon{width:18px;height:18px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags button{padding:6px 10px;border:1px solid #dce3e8;border-radius:3px;font-size:11px;color:#6a7b89;background:#fff}.detail-tags button:hover{color:#218858;border-color:#99c6ae;background:#f4faf6}.detail-copy{padding:8px 0 0;min-width:0}.detail-eyebrow{font-size:11px;color:#8695a2;letter-spacing:.5px}.detail-copy h2{font-size:25px;letter-spacing:0;font-weight:600;margin:12px 0 10px;color:#293d50}.detail-subtitle{font-size:12px;color:#82909d;margin:0 0 25px}.detail-subtitle>span{margin:0 8px}.download-group{display:flex;height:46px;border-radius:5px;overflow:hidden;background:#39b279;color:#fff}.download-group>button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;font-size:14px;font-weight:600;padding:0 12px}.download-group>button:hover{background:#2da069}.download-group .ui-icon{width:20px;height:20px}.download-size{position:relative;display:flex;align-items:center;background:#2c9e69;width:104px;border-left:1px solid #ffffff29}.download-size select{appearance:none;-webkit-appearance:none;width:100%;height:100%;padding:0 28px 0 15px;color:white;font-size:12px;outline-offset:-3px;position:relative;z-index:1}.download-size option{color:#26394b;background:white}.download-size>.ui-icon{position:absolute;right:10px;width:14px;height:14px;pointer-events:none}.copy-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:41px;background:#f0f2f4;border:1px solid #e8ebee;border-radius:4px;margin-top:9px;color:#536777;font-size:12px}.copy-button:hover{background:#e7edf0}.copy-button .ui-icon{width:18px;height:18px}.detail-tools{display:flex;align-items:center;gap:22px;margin:18px 0 24px}.detail-tools button{display:flex;align-items:center;gap:8px;padding:5px 0;color:#758692;font-size:11px}.detail-tools .ui-icon{width:17px;height:17px}.detail-tools button:hover{color:#218858}.detail-copy .asset-specs{margin:0;padding:20px 0;border-top:1px solid #e7ebee;border-bottom:1px solid #e7ebee;grid-template-columns:80px 1fr;gap:13px;font-size:11px}.asset-specs dt{color:#8a98a3}.asset-specs dd{color:#516777}.asset-specs dd span{margin-left:12px;color:#8697a4}.asset-source{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #e7ebee}.source-avatar{width:36px;height:36px;border-radius:50%;background:#e4f5ef;color:#25966b;display:grid;place-items:center;font-size:19px;font-weight:700}.asset-source strong{font-size:12px;font-weight:600;color:#42576a}.asset-source span{display:block;color:#94a0ab;font-size:10px;margin-top:6px}.asset-source>.ui-icon{margin-left:auto;color:#48a87d;width:17px;height:17px}.usage-note{padding:19px 0 18px}.usage-note>strong{font-size:11px;font-weight:600;color:#647787}.usage-note>p{font-size:11px;line-height:1.9;color:#8d9aa5;margin:8px 0 7px;max-width:340px}.usage-note>button{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#218858;padding:0}.usage-note .ui-icon{width:14px;height:14px}.related-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.related-heading>strong{font-size:11px;font-weight:500;color:#6d808f}.related-heading>button{display:flex;align-items:center;gap:5px;padding:0;font-size:10px;color:#8497a4}.related-heading .ui-icon{width:13px;height:13px}.related-icons{display:flex;gap:10px;margin-top:12px}.related-icons>button{width:70px;height:66px;border:1px solid #e6ebee;border-radius:4px;padding:9px;background:#fafbfc}.related-icons>button:hover{border-color:#a3c6b4;background:#f3f9f5}.related-icons img{width:100%;height:100%;object-fit:contain}.share-box{background:#f5f8f7;border:1px solid #dce9e2;border-radius:5px;padding:13px;margin:0 0 19px}.share-box>label{display:block;font-size:11px;color:#64796e;margin-bottom:8px}.share-box>input{border:1px solid #dbe3df;border-radius:3px;background:white;padding:9px;font-size:11px}.share-box>button{display:flex;align-items:center;gap:6px;font-size:11px;color:#218858;padding:10px 0 0}.share-box .ui-icon{width:15px;height:15px}.share-box>small{margin-top:9px;font-size:10px;color:#788e80}.detail-status{position:sticky;bottom:0;width:fit-content;max-width:100%;padding:11px 17px;margin:15px auto 0;border-radius:5px;background:#183149;color:#fff;font-size:12px;line-height:1.6;box-shadow:0 3px 16px #0b142c18}#authSubmit{display:flex;justify-content:center;align-items:center;gap:10px}#authSubmit>.ui-icon{width:18px;height:18px;color:white;stroke:white}#togglePassword{display:grid;place-items:center;min-width:43px}#togglePassword .ui-icon{width:19px;height:19px;stroke:currentColor}.auth-panel{padding-top:40px}.auth-tabs button{border-radius:0}
@media(min-width:1500px){.preview{height:220px}}
@media(max-width:1100px){.header-inner{gap:25px}.header nav{gap:20px}.header-actions{gap:15px}.more-menu{left:-200px}.more-menu::before{left:222px}#detail{width:calc(100% - 42px);padding:39px 25px 26px}#detailBody{gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}.detail-image{min-height:350px;aspect-ratio:1.08}.preview>button:first-child{padding:31px}.preview-toolbar{left:13px;right:13px}.preview-format{font-size:9px}.pack-preview{padding:18px 13px}}
@media(max-width:800px){.header-inner{gap:20px}.header-actions{gap:8px}.header nav{gap:16px}.header .about-link{display:none}.more-menu{width:450px;left:-230px}.more-menu::before{left:252px}.preview{height:175px}.preview>button:first-child{padding:29px}#detailBody{gap:25px;grid-template-columns:minmax(0,1fr) minmax(270px,1fr)}#detail{padding:39px 22px 25px}.detail-image{min-height:310px}.detail-image img{width:75%;height:65%}.preview-format{display:none}.detail-copy h2{font-size:23px}.detail-navigation small{font-size:9px}.detail-tags{gap:5px}.detail-tags button{font-size:10px;padding:5px 8px}}
@media(max-width:600px){.header .brand{font-size:19px;gap:7px}.header-inner{gap:10px;padding:0 15px}.header nav{gap:12px}.header nav>#favorites>.ui-icon{display:none}.header .nav-link{font-size:12px}.header .more-wrap{display:none}.header-actions{gap:7px}.header .icon-button{width:30px;height:32px;padding:5px}.header .icon-button .ui-icon{width:21px;height:21px}.header .login-button{font-size:11px;padding:8px 9px}.header #accountName{display:none}.user-avatar{width:31px;height:31px;font-size:12px}.updates-menu{position:fixed;left:14px;right:14px;top:69px;width:auto;max-width:360px;margin-left:auto}.updates-menu::before{display:none}.search-strip{padding:10px 15px}#searchForm{gap:12px}#searchForm .search-type{padding:0 9px 0 12px;gap:6px}#searchForm .search-type>span{font-size:11px}#searchForm .search-type .ui-icon{width:13px;height:13px}#searchForm>button{padding:10px 5px}#searchForm>button .ui-icon{width:19px;height:19px}.search-menu-wrap{flex-shrink:0}.hero-copy h1{font-size:27px}.hero-copy p{font-size:12px}.hero-inner{min-height:272px}.pack-preview{height:117px;padding:16px 10px}.pack-caption{padding:11px 10px 12px}.pack-caption strong{font-size:12px}.pack-caption small{font-size:9px}.library-heading h2{font-size:21px}.preview{height:auto;aspect-ratio:1.06}.preview>button:first-child{padding:30px}.favorite{width:30px;height:30px;right:5px;top:5px}.favorite svg.ui-icon{width:17px;height:17px}.new-label{left:6px;top:12px;font-size:9px}.card-info{padding:11px 10px}.card-info h3{font-size:12px}.card-info p,.card-info p span{font-size:9px}.download{width:29px;height:29px}.download svg.ui-icon{width:18px;height:18px}.filters .chip{font-size:11px;padding:8px 9px}#detail{width:calc(100% - 22px);padding:39px 16px 22px;max-height:calc(100dvh - 22px)}#detailBody{grid-template-columns:1fr;gap:24px}.detail-image{min-height:0;aspect-ratio:1.15;max-width:none}.detail-image img{width:65%;height:65%;max-height:none}.preview-format{display:block;font-size:9px}.preview-toolbar{top:13px}.preview-bottom{bottom:15px;left:17px;right:17px}.detail-navigation{margin:12px 0 15px}.detail-tags{gap:6px}.detail-copy{padding:0}.detail-copy h2{font-size:24px;margin-top:9px}.detail-subtitle{margin-bottom:21px}.detail-tools{margin-bottom:21px;gap:28px}.detail-copy .asset-specs{font-size:12px}.usage-note>p{max-width:none}.related-icons>button{width:76px;height:72px}.detail-status{font-size:11px}.detail-navigation small{display:none}.download-group{height:48px}.copy-button{height:43px}.close{top:8px;right:8px}footer{gap:20px}}
/* Readable secondary text without adding visual weight. */
.detail-tools button,.detail-copy .asset-specs{font-size:12px}.detail-tools button{color:#637786}.asset-specs dt{color:#788995}.asset-specs dd{color:#4f6474}.detail-subtitle{color:#718390}.preview-format,.preview-bottom>span{color:#7c8c98}.detail-eyebrow{color:#718491}.asset-source span{color:#788a96;font-size:11px}.usage-note>strong,.related-heading>strong{font-size:12px}.usage-note>p{font-size:12px;color:#788994}.usage-note>button{font-size:12px}.related-heading>button{font-size:11px;color:#6b8190}.more-menu small{font-size:12px;color:#788894}.more-menu h3{color:#71828f}.detail-navigation small{color:#7b8f9d}.outline-button{font-size:13px}.copy-button{font-size:13px}
@media(max-width:380px){.header-inner{gap:8px;padding:0 12px}.header .brand{font-size:17px;gap:6px}.header nav{gap:8px}.header-actions{gap:5px}.header .login-button .ui-icon{display:none}.header .login-button{padding:8px}.header #favCount{min-width:16px;padding:0 2px}.nav-link#favorites{gap:4px}.header .icon-button{width:27px}.preview-format{font-size:8px}.view-controls{gap:7px}.results{gap:9px}}
@media(max-width:380px){.hero-copy h1{font-size:23px;letter-spacing:-.5px}}

/* Individually generated avatars and recent assets. */
.pack-preview.avatar-preview{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:10px 12px;padding:16px 30px}.avatar-preview img{width:100%;height:100%;min-height:0;max-height:58px;object-fit:contain}#recentIcons{max-height:min(430px,60dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}@media(max-width:600px){.pack-preview.avatar-preview{gap:6px;padding:12px 17px}.avatar-preview img{max-height:42px}}

/* Yitu identity: layered image cards and a Y monogram. */
.brand-logo{display:block;width:34px;height:34px;flex:0 0 auto;object-fit:contain}.source-logo{display:block;flex-shrink:0;border-radius:9px}footer .brand-logo{width:29px;height:29px}.auth-art .brand-logo{width:34px;height:34px}@media(max-width:600px){.header .brand-logo{width:29px;height:29px}}

/* Yitu identity: a compact landscape tile and a quiet wordmark. */
.header .brand,footer .brand,.auth-art .brand{gap:10px;font-family:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:21px;font-weight:600;letter-spacing:1px;text-shadow:none}
.brand-logo,.header .brand-logo,.auth-art .brand-logo{width:36px;height:36px}
footer .brand-logo{width:32px;height:32px}
@media(max-width:600px){.header .brand{font-size:19px;gap:8px;letter-spacing:.5px}.header .brand-logo{width:32px;height:32px}}

/* Geometric Y symbol with a bold, compact wordmark. */
.credits-button{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff35;border-radius:8px;padding:8px 11px;color:#eafffa;font-size:12px;white-space:nowrap}.credits-button strong{color:#66e5c9;font-size:13px}.credits-button:disabled{opacity:.6}#creditsDialog{width:min(460px,calc(100vw - 28px));padding:32px;border:0;border-radius:18px;color:#22344a;background:#fff;max-height:90vh;overflow:auto}#creditsDialog h2{margin:12px 0;font-size:26px}#creditsMessage{font-size:13px;color:#68788b;line-height:1.6}.credit-balance{display:flex;align-items:baseline;gap:12px;margin:25px 0;padding:22px;border-radius:12px;background:#eaf9f3}.credit-balance strong{font-size:46px;line-height:1;color:#16896e}.credit-balance span{font-size:13px;color:#4e7368}.credit-breakdown{display:flex;gap:20px}.credit-breakdown>div{flex:1;display:flex;justify-content:space-between;gap:8px;font-size:13px}.credit-rules{padding-left:18px;font-size:12px;color:#6b7886;line-height:1.9;margin:24px 0}.credit-primary{width:100%;padding:13px;border-radius:8px;background:#14846d;color:white;font-weight:600}.purchase-panel{margin-top:16px;border:1px solid #e0e6ec;border-radius:10px;padding:18px}.purchase-panel h3{font-size:16px;margin:0 0 9px}.purchase-panel p{font-size:13px;color:#6b7886;line-height:1.7}.purchase-panel button{width:100%;padding:11px;border-radius:7px;background:#edf0f3;color:#87929e;cursor:not-allowed}@media(max-width:600px){.credits-button{padding:6px;gap:4px;font-size:11px}.credits-button strong{font-size:11px}#creditsDialog{padding:26px 22px}}
.header .brand,footer .brand,.auth-art .brand{gap:8px;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:23px;font-weight:900;letter-spacing:1px;text-shadow:none}
.brand-logo,.header .brand-logo,.auth-art .brand-logo{width:30px;height:30px}
footer .brand-logo{width:28px;height:28px}
@media(max-width:600px){.header .brand{font-size:20px;gap:7px;letter-spacing:.7px}.header .brand-logo{width:27px;height:27px}}
.header-credits{display:flex;align-items:center;gap:8px;flex-shrink:0}.checkin-button{padding:9px 13px;background:#27cbb7;color:#082d30;font-size:12px;font-weight:700;border-radius:8px;white-space:nowrap}.checkin-button:hover{background:#66e5c9}.checkin-button:disabled{background:#ffffff10;color:#99bbb6;cursor:default}.checkin-panel{margin-top:24px;padding:18px 0 0;border-top:1px solid #e9eef0}.checkin-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.checkin-heading>span{font-size:11px;color:#73887f}.checkin-days{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.checkin-days li{display:flex;flex-direction:column;align-items:center;gap:9px;padding:13px 3px;border:1px solid #e3eae7;border-radius:10px;background:#f7faf9;color:#71827a}.checkin-days span{font-size:11px}.checkin-days strong{font-size:23px}.checkin-days .completed{background:#eaf9f3;border-color:#b3e6d3;color:#16896e}.checkin-days .next{border:1px solid #16896e;color:#16896e;box-shadow:0 0 0 2px #16896e15}.credit-primary:disabled{background:#edf4f0;color:#71867b;cursor:default}.credit-secondary{width:100%;padding:12px;border:1px solid #dce7e1;border-radius:8px;color:#276352;font-weight:600}.credits-button:focus-visible,.checkin-button:focus-visible,.credit-primary:focus-visible,.credit-secondary:focus-visible{outline:2px solid #27cbb7;outline-offset:3px}
@media(max-width:1100px){.header-inner{gap:18px}.header nav{gap:14px}.header-actions{gap:12px}.header .about-link{display:none}}
@media(max-width:850px){.header{height:auto;min-height:64px}.header-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}.header nav{order:3;width:100%;justify-content:center}.header nav>a{display:block}.header-actions{margin-left:auto}.header .more-wrap{display:block}}
@media(max-width:600px){.header-inner{padding:12px}.header .brand{font-size:18px;gap:5px}.header .brand-logo{width:24px;height:24px}.header-actions{gap:7px}.header-credits{gap:5px}.credits-button{padding:6px 5px;gap:4px;font-size:10px}.checkin-button{font-size:10px;padding:8px 7px}.header .updates-wrap{display:none}.header .account-button{gap:3px}.header .account-button>.ui-icon{display:none}.header .user-avatar{width:27px;height:27px}.header nav{gap:24px}.header .login-button{padding:7px;font-size:10px}}
/* Points center: navy introduction, clean cards, clear primary actions. */
#creditsDialog{width:min(880px,calc(100vw - 32px));max-width:880px;max-height:calc(100dvh - 40px);padding:0;border-radius:14px;background:#f5f7fa;color:#13213d;box-shadow:0 24px 100px #07132940;overflow:auto;text-align:left;scrollbar-width:thin}#creditsDialog::backdrop{background:#09142db3;backdrop-filter:blur(4px)}#creditsDialog>.close{top:18px;right:18px;width:32px;height:32px;border-radius:50%;color:#e2e9f8;background:#ffffff12}#creditsDialog>.close:hover{background:#ffffff28;color:#fff}.points-hero{position:relative;overflow:hidden;padding:30px 36px 29px;background:#162b59;color:white}.points-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#a5bde8}#creditsDialog .points-hero h2{position:relative;z-index:1;font-size:27px;font-weight:750;line-height:1.35;letter-spacing:.2px;margin:12px 0 9px}.points-hero>p{position:relative;z-index:1;margin:0;color:#bed0ee;font-size:13px;line-height:1.6}.points-hero-art{position:absolute;right:60px;top:25px;width:160px;height:150px;opacity:.18;transform:rotate(-14deg)}.points-hero-art>.ui-icon{position:absolute;width:62px;height:62px;padding:13px;border:1px solid #adc6f1;border-radius:13px;background:#7799df50;color:#87ffcf}.points-hero-art>.ui-icon:nth-child(2){left:80px;top:23px;color:#f3d275}.points-hero-art>.ui-icon:nth-child(3){left:17px;top:79px;color:#acbbff}.points-content{padding:24px 30px 18px}.points-wallet{display:flex;align-items:center;gap:34px;margin-bottom:22px;padding:0 6px 22px;border-bottom:1px solid #e0e6ee}.points-total>span{font-size:12px;color:#67758b}.points-total>div{display:flex;align-items:baseline;gap:8px}.points-total strong{font-size:40px;line-height:1.25;letter-spacing:-1px;font-weight:750;font-variant-numeric:tabular-nums}.points-total small{font-size:12px;color:#8590a1}.points-wallet .credit-breakdown{gap:24px}.points-wallet .credit-breakdown>div{display:flex;flex-direction:column;gap:6px;white-space:nowrap;font-size:12px;color:#778397}.points-wallet .credit-breakdown strong{font-size:17px;color:#263a55;font-variant-numeric:tabular-nums}.points-exchange{margin-left:auto;font-size:13px;font-weight:600;color:#283a53}.points-exchange>span{display:block;margin-top:8px;font-size:11px;font-weight:400;color:#8390a0}.points-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.points-card{background:white;padding:23px;border:1px solid #e2e7ee;border-radius:10px;box-shadow:0 3px 8px #10284405;min-width:0}.points-card.checkin-panel{margin:0}.points-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.points-icon{display:grid;place-items:center;width:36px;height:36px;background:#edf9f2;color:#2ca56c;border-radius:9px}.points-icon .ui-icon{width:22px;height:22px}.points-tag{font-size:10px;color:#657b72;letter-spacing:.4px}.points-card h3{font-size:20px;line-height:1.3;letter-spacing:0;font-weight:700;margin:0 0 8px}.points-description{font-size:12px;color:#7b8799;line-height:1.75;margin:0}.points-description strong{color:#249963}.checkin-days{gap:7px;margin:21px 0 13px}.checkin-days li{padding:12px 2px 11px;background:#f6f8fb;border:1px solid #edf0f4;border-radius:7px;gap:8px;color:#7f8a9b}.checkin-days span{font-size:10px;white-space:nowrap}.checkin-days strong{font-size:22px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums}.checkin-days .next{background:#edfaf3;border-color:#3cb87d;box-shadow:none;color:#279c65}.checkin-days .completed{background:#f0f9f4;border-color:#dcefe3;color:#59a57a}#creditsMessage{margin:0 0 15px;font-size:11px;color:#788798;line-height:1.6;min-height:18px}.credit-primary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:43px;padding:11px 16px;border-radius:6px;background:#35b77b;color:white;font-size:13px;font-weight:650;line-height:1.5;transition:background .15s,box-shadow .15s}.credit-primary:hover{background:#299e69;box-shadow:0 3px 9px #23996224}.credit-primary:disabled{background:#edf6f1;color:#72a58b;box-shadow:none;cursor:default}.credit-primary .ui-icon{width:16px;height:16px}.points-card-foot{display:block;min-height:16px;margin:11px 0 0;text-align:center;font-size:10px;line-height:1.6;color:#8a95a5}.invite-stats{display:flex;gap:34px;padding:18px 0 12px}.invite-stats>div{display:flex;flex-direction:column;gap:5px}.invite-stats strong{font-size:28px;color:#1c3555;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.1}.invite-stats span{font-size:10px;color:#8591a0}.invite-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:29px;margin-bottom:12px;font-size:10px;color:#7e8c9e}.invite-code-row button{display:flex;align-items:center;gap:6px;padding:4px 0;color:#40566f}.invite-code-row strong{font-family:Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.25px;user-select:all}.invite-code-row .ui-icon{width:13px;height:13px}.points-purchase{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eef1f7;border-radius:9px;padding:18px 22px;margin-top:18px}.points-purchase h3{font-size:14px;margin:0 0 6px;font-weight:650}.points-purchase p{font-size:11px;color:#7c8799;margin:0;line-height:1.65}.credit-secondary{display:flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0;width:auto;min-height:39px;padding:9px 17px;border:1px solid #cdd8e2;border-radius:6px;background:#fff;color:#37516c;font-size:12px;font-weight:600}.credit-secondary:hover{border-color:#37b77b;color:#248d61}.credit-secondary .ui-icon{width:14px;height:14px}.points-rules{margin-top:16px}.points-rules summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8390a1;cursor:pointer;padding:2px 4px;list-style:none}.points-rules summary::-webkit-details-marker{display:none}.points-rules summary .ui-icon{width:14px;height:14px}.points-rules[open] summary .ui-icon{transform:rotate(180deg)}.points-rules .credit-rules{font-size:11px;line-height:1.9;color:#8590a0;margin:12px 0 0;padding-left:20px}.purchase-panel{background:white;border-color:#e0e6ec;font-size:12px}#creditsDialog .purchase-panel h3{font-size:15px}#creditsDialog .purchase-panel p{font-size:12px}.auth-panel .invite-field{font-size:12px}#referralHint{line-height:1.6;color:#82909f}label[for=referralCode]>span{font-weight:400;color:#9aa4b1}#authDialog{border-radius:13px}#authSubmit{border-radius:6px;background:#35b77b;font-size:14px;font-weight:650}#authSubmit:hover{background:#299e69}.auth-panel input{border-radius:6px}.auth-panel h2{letter-spacing:0}.auth-note{line-height:1.8}#info{border-radius:12px}#info p{color:#6d7b91;font-size:13px;line-height:1.9}
@media(max-width:650px){#creditsDialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border-radius:12px}.points-hero{padding:25px 22px 24px}#creditsDialog .points-hero h2{font-size:21px;max-width:250px;line-height:1.45;margin:12px 0 8px}.points-hero>p{font-size:11px;max-width:230px;line-height:1.8}.points-eyebrow{font-size:10px}.points-hero-art{right:-40px;top:35px}.points-content{padding:20px 16px 16px}.points-wallet{gap:22px;padding:0 3px 18px;margin-bottom:18px;flex-wrap:wrap}.points-total strong{font-size:34px}.points-wallet .credit-breakdown{gap:22px;margin-left:auto}.points-wallet .credit-breakdown>div{font-size:10px}.points-exchange{display:none}.points-grid{grid-template-columns:1fr;gap:14px}.points-card{padding:20px}.points-card-top{margin-bottom:12px}.points-card h3{font-size:19px}.checkin-days{margin-top:18px}.points-purchase{padding:16px;align-items:flex-start;flex-direction:column;gap:12px}.points-purchase .credit-secondary{width:100%;justify-content:space-between}.invite-stats{gap:45px}.points-card-foot{font-size:10px}}
.points-card{display:flex;flex-direction:column}.points-card>.credit-primary{margin-top:auto}.points-card>.points-card-foot{min-height:16px}.points-card>.points-description{flex-shrink:0}
/* Homepage refresh: curated collections, real style filters and seasonal art. */
.header{height:68px}.header-inner{max-width:1520px}.header nav{gap:24px}.header-actions{gap:18px}
.search-strip{padding:16px 32px}#searchForm{max-width:1280px;border-radius:10px;background:#f3f5f7;min-height:52px}#searchForm:focus-within{border-color:#24a98f;box-shadow:0 0 0 3px #24a98f0c}#searchForm .search-type{display:flex;gap:14px}
.reference-hero{background:radial-gradient(ellipse at 90% 30%,#dcf1ec 0,transparent 45%),#f5f7f9;border:0}.hero-inner{max-width:1280px;min-height:430px;padding:48px 0;gap:70px}.hero-copy{flex:1;min-width:0}.hero-kicker-new{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:2px;color:#438778;margin-bottom:20px}.hero-kicker-new>span{width:7px;height:7px;border-radius:50%;background:#28b59a;box-shadow:0 0 0 4px #28b59a14}.hero-copy h1{font-size:46px;line-height:1.35;letter-spacing:-1.4px;color:#14233c;margin:0 0 20px}.hero-copy h1>span{color:#209d84}.hero-copy p{font-size:14px;line-height:1.9;color:#687888;margin:0 0 25px}.hero-buttons{display:flex;align-items:center;gap:24px}.hero-buttons .primary,.season-banner .primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:7px;background:#219e81;padding:14px 21px;font-size:13px}.hero-buttons .primary:hover,.season-banner .primary:hover{background:#16866c}.hero-secondary{font-size:13px;color:#526577}.hero-facts{display:flex;gap:18px;margin-top:24px}.hero-facts>span{margin:0;color:#788995;font-size:11px;display:flex;gap:6px;align-items:center}.hero-facts>span:before{content:'✓';color:#249e83;font-weight:700}.hero-mosaic{display:grid;grid-template-columns:repeat(2,228px);width:478px;gap:22px;transform:rotate(-10deg);margin:0 20px 0 0;flex-shrink:0}.hero-tile{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:14px;padding:21px;min-height:176px;border-radius:18px;box-shadow:0 15px 40px #273e4d09;border:1px solid #ffffffab}.hero-tile:nth-child(2),.hero-tile:nth-child(4){transform:translateY(25px)}.hero-tile:nth-child(3){transform:none}.hero-tile img,.hero-tile img:not(:first-child){display:block;width:100%;height:59px;object-fit:contain;filter:drop-shadow(0 3px 3px #31405007)}.hero-tile.tile-lilac{background:#ebe7fc}.hero-tile.tile-peach{background:#fff0e1}.hero-tile.tile-mint{background:#dcefe8}.hero-tile.tile-white{background:#fff}
main{max-width:1344px;padding:0 32px}.collections{padding-top:55px;margin-bottom:56px}.section-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2.1px;color:#7a8d98;margin-bottom:9px}.library-heading{gap:20px;margin-bottom:24px}.library-heading h2{font-size:24px;font-weight:650;color:#21364a;line-height:1.5}.library-heading p{display:block;margin:8px 0 0;font-size:12px;color:#83919b}.text-action{display:inline-flex;align-items:center;gap:10px;color:#587064;font-size:12px;padding:10px 0;white-space:nowrap}.text-action .ui-icon{width:16px;height:16px;transition:transform .2s}.text-action[aria-expanded=true] .ui-icon{transform:rotate(180deg)}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pack{border:1px solid #e5e9ed;border-radius:11px;transition:transform .2s,box-shadow .2s,border-color .2s}.pack:hover{transform:translateY(-4px);border-color:#bfdbd0;box-shadow:0 12px 25px #122f4310}.pack-preview.avatar-preview{height:186px;padding:20px 35px;gap:16px 23px}.pack-preview img,.avatar-preview img{width:100%;height:100%;max-height:65px;object-fit:contain}.pack-lilac{background:#f3effa}.pack-blue{background:#eff4fb}.pack-peach{background:#fff4ec}.pack-mint{background:#eef7f3}.pack-pink{background:#fcf0f1}.pack-cream{background:#faf6e9}.pack-caption{padding:16px 17px;background:#fff}.pack-caption strong{font-size:13px;font-weight:600}.pack-caption small{font-size:10px;color:#86959f}.pack-caption small>span{font-size:16px;margin-left:7px;color:#749186}
.style-section{margin:0 0 56px}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.style-card{position:relative;height:244px;padding:24px;overflow:hidden;border-radius:14px;text-align:left;box-shadow:0 7px 15px #1e3b5610;transition:transform .2s,box-shadow .2s}.style-card:hover{transform:translateY(-4px);box-shadow:0 15px 26px #1e3b561b}.style-color{background:#e2eddf;color:#345f43}.style-mono{background:#e2eaf8;color:#345184}.style-cute{background:#eee3f5;color:#76528d}.style-copy{position:relative;z-index:1;display:block}.style-copy strong{font-size:20px;display:block;font-weight:650}.style-copy small{display:block;font-size:11px;margin-top:10px;opacity:.75}.style-count{display:flex;flex-direction:column;align-items:flex-start;gap:25px;font-size:10px;margin-top:42px}.style-count>span{display:grid;place-items:center;background:#ffffff6b;border:1px solid #ffffff80;border-radius:50%;width:31px;height:31px;font-size:20px}.style-paper{position:absolute;width:205px;height:220px;right:-15px;bottom:-68px;background:white;border-radius:17px;transform:rotate(-14deg);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);padding:20px;gap:14px;box-shadow:0 10px 25px #343b4d09}.style-paper img{width:100%;height:54px;object-fit:contain}
.season-banner{position:relative;display:flex;align-items:center;gap:35px;background:radial-gradient(ellipse at 100% 60%,#e4d8f3,transparent 70%),#f6f2f9;min-height:316px;padding:42px 48px;border-radius:17px;overflow:hidden;margin:0 0 64px}.season-copy{position:relative;z-index:1;width:52%}.season-kicker{color:#9870a7;font-size:11px;letter-spacing:1px}.season-copy h2{font-size:29px;line-height:1.5;color:#423a5a;margin:13px 0 12px;letter-spacing:-.5px}.season-copy p{font-size:12px;color:#91869e;margin:0 0 22px}.season-banner .primary{background:#786397;font-size:12px;padding:12px 18px}.season-banner .primary:hover{background:#655082}.season-art{position:absolute;right:30px;top:-38px;width:470px;display:grid;grid-template-columns:repeat(3,1fr);gap:19px;transform:rotate(-13deg)}.season-art>span{display:grid;place-items:center;background:#ffffff87;border:1px solid #ffffffa3;aspect-ratio:1;border-radius:25px;padding:16px}.season-art>span:nth-child(3n+2){transform:translateY(45px)}.season-art img{width:100%;height:100%;object-fit:contain}
.library{padding-top:40px;border-top:1px solid #edf0f2;scroll-margin-top:25px}.library-sort{top:48px;display:flex;gap:22px}.style-filter-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#718290}.style-filter-label select{background:white;border:1px solid #e2e8eb;border-radius:6px;padding:8px;font-size:12px;color:#405468}.filters{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:6px;padding:0 0 15px;margin-bottom:14px;border-bottom:1px solid #edf0f2}.filters .chip{flex-shrink:0;padding:9px 13px;border-radius:6px;white-space:nowrap}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.card{border-radius:10px;overflow:hidden;border-color:#e9edf0;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#b8d8ca;box-shadow:0 8px 24px #193d4d0b}.preview{height:auto;aspect-ratio:1.12;background:#f9fafb}.preview>button:first-child{padding:30px}.card-info{padding:13px 14px}.new-label{color:#6d8f81;background:#edf5f0;padding:3px 6px;border-radius:3px;font-size:9px;left:10px;top:10px}.card-info h3{font-size:12px}.card-info p{font-size:10px}.results{margin:0 0 22px}.library-end{margin-bottom:25px}footer{max-width:1344px;padding:30px 32px}
@media(max-width:1380px){.hero-inner{padding:45px 32px}.hero-copy h1{font-size:42px}.hero-mosaic{grid-template-columns:repeat(2,205px);width:432px}.hero-tile{padding:18px;min-height:162px}.hero-tile img{height:55px}.header-inner{gap:25px}.header nav{gap:18px}.header-actions{gap:12px}}
@media(max-width:1050px){.hero-inner{gap:25px;min-height:395px}.hero-copy h1{font-size:37px}.hero-mosaic{width:358px;grid-template-columns:repeat(2,170px);gap:18px;margin-right:0}.hero-tile{padding:15px;gap:10px;min-height:145px}.hero-tile img,.hero-tile img:not(:first-child){height:48px}.collection-grid{gap:15px}.pack-preview.avatar-preview{height:164px;padding:20px;gap:14px}.pack-caption{padding:13px}.style-grid{gap:15px}.style-card{padding:20px;height:230px}.style-paper{width:165px;right:-21px;bottom:-66px}.style-copy small{max-width:145px;line-height:1.7}.season-banner{padding:35px}.season-art{right:-60px;width:430px}.season-copy h2{font-size:26px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.header nav{gap:14px}.header .nav-link{font-size:12px}}
@media(max-width:850px){.header{height:auto;min-height:64px}.header-inner{padding:12px 24px}.header nav{order:3;width:100%;justify-content:center}.header-actions{margin-left:auto}.hero-inner{padding:35px 24px;min-height:360px}.hero-copy h1{font-size:33px}.hero-copy p{font-size:12px}.hero-mosaic{width:294px;grid-template-columns:repeat(2,140px);gap:14px}.hero-tile{padding:12px;min-height:120px;gap:8px;border-radius:13px}.hero-tile img,.hero-tile img:not(:first-child){height:39px}.hero-buttons{gap:15px}.hero-buttons .primary{padding:12px 15px;font-size:12px}.hero-secondary{font-size:11px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-preview.avatar-preview{height:190px;padding:23px 40px}.style-paper{width:155px;right:-35px}.style-copy strong{font-size:18px}.style-card{padding:17px}.style-copy small{font-size:10px}.season-art{width:360px;right:-90px;top:0}.season-copy{width:65%}.season-copy h2{font-size:24px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-sort{gap:10px}.sort-label{font-size:11px}.library-heading h2{font-size:23px}}
@media(max-width:600px){html{scroll-padding-top:125px}.header-inner{padding:11px 16px;gap:11px}.header-actions{gap:5px}.header nav{gap:25px}.header nav>a{display:block}.header nav .nav-link{font-size:11px}.header .brand{font-size:19px}.search-strip{padding:12px 16px}#searchForm{min-height:46px;border-radius:7px;gap:9px;padding-left:4px}#searchForm .search-type{gap:6px}.hero-inner{display:block;padding:32px 22px 28px;min-height:0}.hero-copy h1{font-size:34px;line-height:1.35;margin-bottom:15px;letter-spacing:-.7px}.hero-kicker-new{font-size:10px;margin-bottom:15px}.hero-copy p{font-size:12px;line-height:1.9;margin-bottom:20px}.hero-copy p br{display:block}.hero-buttons{gap:22px}.hero-facts{margin-top:20px;gap:17px}.hero-facts>span{font-size:10px}.hero-mosaic{display:none}main{padding:0 18px}.collections{padding-top:33px;margin-bottom:36px}.library-heading{align-items:center;gap:10px;margin-bottom:19px}.library-heading h2{font-size:20px}.section-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:7px}.library-heading p{font-size:11px;line-height:1.7;margin-top:6px}.text-action{font-size:10px;gap:4px}.text-action .ui-icon{width:13px}.collection-grid{gap:12px}.pack{border-radius:9px}.pack-preview.avatar-preview{height:143px;padding:15px 19px;gap:12px}.pack-preview img,.avatar-preview img{max-height:48px}.pack-caption{padding:12px 10px;gap:3px}.pack-caption strong{font-size:11px}.pack-caption small{font-size:9px}.pack-caption small>span{display:none}.style-section{margin-bottom:36px}.style-grid{grid-template-columns:1fr;gap:13px}.style-card{height:180px;padding:24px}.style-copy strong{font-size:21px}.style-copy small{max-width:160px;font-size:11px}.style-count{margin-top:19px;gap:0;flex-direction:row;align-items:center;justify-content:space-between;width:130px}.style-paper{width:182px;height:215px;right:-13px;bottom:-47px;gap:10px;padding:19px}.style-paper img{height:48px}.style-copy{max-width:60%}.season-banner{padding:27px 24px;min-height:330px;margin-bottom:38px;border-radius:12px;align-items:flex-start}.season-copy{width:100%}.season-copy h2{font-size:24px;margin-top:12px}.season-copy p{font-size:11px;max-width:205px;line-height:1.8}.season-kicker{font-size:10px}.season-art{width:260px;right:-75px;top:auto;bottom:-81px;gap:12px;opacity:.7}.season-art>span{padding:8px;border-radius:17px}.season-banner .primary{font-size:11px;margin-top:2px}.library{padding-top:30px;scroll-margin-top:0}.library-sort{position:static;display:flex;justify-content:space-between;margin:0 0 18px}.library-sort .sort-label{display:flex;font-size:11px}.style-filter-label{font-size:11px;gap:6px}.style-filter-label select{font-size:11px;padding:7px}.filters{gap:5px;margin:0 0 13px;padding-bottom:12px}.filters .chip{font-size:11px;padding:8px 10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview{aspect-ratio:1.03}.preview>button:first-child{padding:23px}.card-info{padding:11px 10px}.card-info h3{font-size:11px}.card-info p,.card-info p span{font-size:9px}.new-label{font-size:8px;left:7px;top:8px}.results{font-size:10px;gap:7px;margin-bottom:18px}.results .view-controls{gap:8px}footer{padding:25px 18px}.library-heading>a{font-size:11px;white-space:nowrap}}
@media(max-width:360px){.header-inner{padding:10px 12px}.header .brand{font-size:17px}.header .login-button{padding:6px;font-size:9px}.header-credits .credits-button{font-size:9px}.checkin-button{font-size:9px}.hero-copy h1{font-size:30px}.pack-preview.avatar-preview{padding:13px;gap:9px;height:130px}.style-paper{width:160px;right:-30px}.style-copy small{max-width:135px}.library-heading h2{font-size:18px}.text-action{font-size:9px}}

/* Search results use a dedicated sidebar and compact, borderless icon grid. */
.search-sidebar,.search-toolbar{display:none}.search-content{min-width:0}.search-mode{--search-header-height:68px;--search-strip-height:78px}.search-mode .reference-hero,.search-mode main>.collections,.search-mode .style-section,.search-mode .season-banner,.search-mode footer{display:none}.search-mode .header{position:sticky;top:0;z-index:30}.search-mode .search-strip{position:sticky;top:var(--search-header-height);z-index:25;padding:12px 20px;border-bottom:1px solid #e4e7eb}.search-mode #searchForm{max-width:none;min-height:52px;border-radius:5px}.search-mode main{max-width:none;margin:0;padding:0}.search-mode .library{display:flex;align-items:flex-start;padding:0;border:0;min-height:calc(100dvh - 146px);gap:0}.search-mode .search-sidebar{display:block;position:sticky;top:calc(var(--search-header-height) + var(--search-strip-height));width:260px;flex-shrink:0;height:calc(100dvh - var(--search-header-height) - var(--search-strip-height));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-right:1px solid #e4e7eb;padding:22px 20px 30px;background:#fff}.sidebar-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e8ebee;padding:0 0 20px;color:#273c4b;font-size:14px}.sidebar-title>.ui-icon{width:18px;height:18px}.sidebar-title button{margin-left:auto;font-size:11px;color:#82909d;padding:3px}.search-sidebar fieldset{border:0;padding:24px 0 0;margin:0;min-width:0}.search-sidebar legend{float:left;width:100%;font-size:12px;font-weight:600;color:#455666;margin-bottom:15px}.search-sidebar legend+*{clear:both}.filter-options{display:flex;flex-wrap:wrap;gap:9px 7px}.filter-options button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid #dfe5e9;border-radius:6px;font-size:11px;background:white;color:#60717f;min-height:33px;transition:border-color .15s,background .15s}.filter-options button:hover{border-color:#8cc6b7;color:#287c67}.filter-options button[aria-pressed=true]{color:#16896e;border-color:#80c8b5;background:#edf8f4}.color-dot{display:inline-block;width:13px;height:13px;border-radius:50%;flex-shrink:0}.color-dot.mono{background:#344857}.color-dot.multi{background:conic-gradient(#f6cb55,#67c08e,#4eaece,#9a78cd,#ed91aa,#f6cb55)}#sidebarCategory{display:block;width:100%;padding:10px 9px;background:#fff;border:1px solid #dfe5e9;border-radius:6px;color:#536675;font-size:12px}.sidebar-saved{margin-top:28px;padding-top:23px;border-top:1px solid #e9edf0}.sidebar-saved label{display:flex;align-items:center;gap:9px;font-size:12px;color:#516674;cursor:pointer}.sidebar-saved input{width:15px;height:15px;padding:0;accent-color:#219e81;cursor:pointer}.sidebar-format{display:flex;align-items:center;gap:10px;padding:20px 0;color:#87949e}.sidebar-format>span{padding:5px;border:1px solid #dfe5ea;border-radius:4px;font-size:9px}.sidebar-format p{font-size:10px;line-height:1.8;margin:0}.sidebar-format small{display:block;font-size:9px;color:#9ca7af}.back-home{display:flex;gap:5px;align-items:center;color:#657d89;font-size:11px;margin-top:10px}.back-home .ui-icon{width:15px;height:15px}.search-mode .search-content{flex:1;padding:24px 32px 35px;min-width:0}.search-mode .search-toolbar{display:flex;align-items:center;gap:17px;margin-bottom:20px}.search-toolbar>button{display:flex;align-items:center;gap:7px;font-size:12px;border:1px solid #e0e6ea;border-radius:5px;padding:7px 10px;color:#5b6e7b;background:#fff}.search-toolbar .ui-icon{width:15px;height:15px}.search-breadcrumb{font-size:11px;color:#9aa6af}#filterBadge{padding:1px 5px;border-radius:3px;background:#dff1e9;color:#258469;font-size:10px}.search-mode .library-heading{margin-bottom:14px}.search-mode .library-heading h2{font-size:20px;line-height:1.5;color:#334856;overflow-wrap:anywhere}.search-mode .library-heading .section-eyebrow,.search-mode .library-sort,.search-mode #categories{display:none}.search-mode .results{font-size:11px;margin:0 0 18px;min-height:22px}.search-mode #resultCount{color:#92a0aa}.search-mode .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:16px 13px}.search-mode .card{position:relative;border:0;border-radius:8px;box-shadow:none;background:transparent;overflow:visible}.search-mode .card:hover,.search-mode .card:focus-within{background:#f5f8fa;box-shadow:none}.search-mode .preview{height:112px;aspect-ratio:auto;background:transparent!important;border:0;overflow:visible;border-radius:8px}.search-mode .preview>button:first-child{padding:20px;width:100%;height:100%;display:grid;place-items:center}.search-mode .preview img{width:72px;height:72px;max-width:100%;object-fit:contain;transition:transform .15s}.search-mode .card:hover .preview img{transform:scale(1.06)}.search-mode .new-label{display:none}.search-mode .favorite{width:25px;height:25px;top:3px;right:3px;opacity:0;background:white;z-index:2;border:1px solid #e5ebed;border-radius:5px}.search-mode .favorite .ui-icon{width:14px;height:14px}.search-mode .favorite.saved,.search-mode .card:hover .favorite,.search-mode .card:focus-within .favorite{opacity:1}.search-mode .card-info{padding:0 4px 10px;min-height:28px;display:flex;justify-content:center}.search-mode .card-info>div{min-width:0}.search-mode .card-info h3{font-size:10px;font-weight:400;color:#83939f;line-height:1.6;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:130px}.search-mode .card-info p{display:none}.search-mode .card-info .download{position:absolute;right:3px;top:82px;opacity:0;width:25px;height:25px;background:white;border:1px solid #e5ebed;border-radius:5px}.search-mode .card-info .download .ui-icon{width:14px;height:14px}.search-mode .card:hover .download,.search-mode .card:focus-within .download{opacity:1}.search-mode .grid[data-background=checker] .preview{background-color:#fff!important;background-image:linear-gradient(45deg,#f0f2f4 25%,transparent 25%),linear-gradient(-45deg,#f0f2f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f2f4 75%),linear-gradient(-45deg,transparent 75%,#f0f2f4 75%)!important;background-size:16px 16px!important;background-position:0 0,0 8px,8px -8px,-8px 0!important}.search-mode .grid[data-background=dark] .preview{background:#263347!important}.search-mode.filters-collapsed .search-sidebar{display:none}.search-mode .library-end{margin-top:35px}.search-mode #empty{padding:55px 20px}.search-mode #clearSearch{flex-shrink:0;padding:10px;color:#87949f}#clearSearch>.ui-icon{width:17px;height:17px}.search-mode .search-strip .search-menu{max-height:70dvh;overflow-y:auto}
@media(min-width:1800px){.search-mode .search-sidebar{width:295px;padding:24px}.search-mode .search-content{padding:26px 38px}.search-mode .grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px}.search-mode .preview{height:125px}.search-mode .preview img{width:80px;height:80px}}
@media(max-width:1100px){.search-mode .search-sidebar{width:225px;padding:20px 16px}.search-mode .search-content{padding:22px}.search-mode .grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px 8px}}
@media(max-width:850px){.search-mode{--search-header-height:108px}.search-mode .header-inner{min-height:108px}.search-mode .search-sidebar{width:210px}.search-mode .search-content{padding:20px 18px}}
@media(max-width:760px){.search-mode{--search-header-height:108px;--search-strip-height:70px}.search-mode .search-strip{padding:10px 15px}.search-mode #searchForm{min-height:48px}.search-mode .library{display:block;position:relative}.search-mode .search-sidebar{position:static;width:auto;height:auto;max-height:52dvh;margin:0 15px;padding:20px;border:1px solid #e1e8eb;border-top:0;border-radius:0 0 10px 10px}.search-mode .search-sidebar fieldset{padding-top:20px}.search-mode .search-content{padding:19px 16px 30px}.search-mode .search-toolbar{margin-bottom:18px;gap:12px}.search-mode .search-breadcrumb{font-size:10px}.search-mode .library-heading h2{font-size:19px}.search-mode .grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px 7px}.search-mode .preview{height:98px}.search-mode .preview>button:first-child{padding:15px}.search-mode .preview img{width:65px;height:65px}.search-mode .card-info h3{font-size:10px;max-width:105px}.search-mode .card-info .download{top:73px}.search-mode .results{font-size:10px}.search-mode .view-controls{gap:9px}.search-mode .sidebar-format,.search-mode .back-home{display:none}.search-mode .sidebar-saved{margin-top:20px;padding-top:17px}.search-mode .sidebar-title{padding-bottom:15px}.search-mode .favorite{opacity:1;width:21px;height:21px;border-color:transparent;background:transparent;top:0;right:0}.search-mode .favorite .ui-icon{width:13px;height:13px}.search-mode .search-menu{position:fixed;left:15px;right:15px;top:var(--search-header-height);width:auto}}
@media(max-width:360px){.search-mode .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 3px}.search-mode .preview img{width:60px;height:60px}.search-mode .preview>button:first-child{padding:13px}.search-mode .card-info h3{max-width:82px;font-size:9px}.search-mode .search-content{padding:18px 12px}}
@media(prefers-reduced-motion:reduce){.search-mode .preview img{transition:none}}
#search::-webkit-search-cancel-button{display:none}.search-mode .card-info{border-top:0}#closeFilters{display:none}

/* Browsing refinements from the supplied video: persistent search, packs and pagination. */
body{--search-header-height:68px;--search-strip-height:70px}
.header{position:sticky;top:0;z-index:40;height:68px}
.header-inner{min-height:68px}
.search-strip{position:sticky;top:var(--search-header-height);z-index:35;background:#fff;border-bottom:1px solid #e4e8eb;padding:12px 24px}
.search-strip #searchForm{max-width:none;min-height:46px;background:#f3f5f6;border:1px solid transparent;border-radius:5px;box-shadow:none}
.search-strip #searchForm:focus-within{background:#fff;border-color:#58b88c;box-shadow:0 0 0 3px #43ac7c12}
.search-strip #search{font-size:14px}
.reference-hero{background:#f6f8fa}
.hero-inner{min-height:380px;padding-top:38px;padding-bottom:38px}
.hero-copy h1{font-size:42px;letter-spacing:-1px}
.primary{background:#2caa76;border-radius:5px;box-shadow:none;color:#fff;font-weight:600}
.primary:hover{background:#21895e;color:#fff}
.discovery{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1040px;margin:56px auto 18px;text-align:center}
.discovery>button{padding:10px 8px 20px;border-radius:12px}
.discovery>button:hover{background:#f8fafb}
.discovery-orb{position:relative;display:block;margin:0 auto 18px;width:108px;height:108px;border:4px solid white;border-radius:50%;box-shadow:0 0 0 1px #dce6e2;overflow:hidden;transition:transform .2s}
.discovery button:hover .discovery-orb{transform:translateY(-4px)}
.discovery-orb img{position:absolute;object-fit:contain;width:58px;height:58px;left:8px;top:13px;transform:rotate(-12deg)}
.discovery-orb img+img{left:42px;top:42px;transform:rotate(9deg)}
.orb-mint{background:#e8f5ee}.orb-blue{background:#e9eefb}.orb-yellow{background:#fff5d9}.orb-pink{background:#faeaf0}
.discovery strong{display:block;font-size:16px;color:#253749;margin-bottom:10px}
.discovery small{display:block;font-size:12px;line-height:1.8;color:#7c8993}
.collections{padding-top:40px}
.collection-grid{gap:18px}.collection-grid .pack{border-radius:6px}
.collection-grid .pack-preview{background:white}.collection-grid .pack:hover .pack-preview{background:#f8fafb}
.collection-grid .pack-caption{padding:15px;border-top:1px solid #f0f2f4}
.emoji-feature{position:relative;overflow:hidden;display:flex;align-items:center;min-height:300px;padding:40px 48px;margin:0 0 52px;border-radius:12px;background:radial-gradient(ellipse at 90% 100%,#fff0c9,transparent 45%),radial-gradient(ellipse at 90% 0%,#e3e0fa,transparent 55%),#f7f9fa}
.emoji-feature>div:first-child{position:relative;z-index:1;width:57%}
.emoji-feature h2{font-size:28px;line-height:1.5;margin:10px 0 15px;color:#182c45}
.emoji-feature p{font-size:13px;color:#788592;line-height:1.9;margin-bottom:22px}
.emoji-feature .primary{display:inline-flex;align-items:center;gap:18px;padding:13px 19px;font-size:12px}
.emoji-feature-art{position:absolute;right:28px;top:-22px;width:410px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;transform:rotate(-13deg)}
.emoji-feature-art span{padding:20px;border-radius:25px;background:#ffffff70;aspect-ratio:1}
.emoji-feature-art span:nth-child(3n+2){transform:translateY(45px)}
.emoji-feature-art img{width:100%;height:100%;object-fit:contain}
.browse-tabs{display:none}
.search-mode{--search-strip-height:70px}
.search-mode .search-strip{padding:12px 24px}
.search-mode #searchForm{min-height:46px}
.search-mode .discovery,.search-mode .emoji-feature{display:none}
.search-mode .search-content{padding-top:0;min-height:calc(100dvh - 138px)}
.search-mode .browse-tabs{display:flex;gap:30px;height:62px;border-bottom:1px solid #e8ecef;margin-bottom:22px;align-items:stretch}
.browse-tabs button{position:relative;padding:0 3px;font-size:13px;color:#7c8994;white-space:nowrap}
.browse-tabs button:hover{color:#218858}
.browse-tabs button[aria-pressed=true]{color:#183b2b;font-weight:600}
.browse-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#2caa76;border-radius:3px 3px 0 0}
.search-mode .search-toolbar{margin-bottom:18px}
.search-mode .library-heading{margin-bottom:16px}
.search-mode .library-heading h2{font-size:22px;font-weight:600}
.search-mode .grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:23px 15px}
.search-mode .preview{height:125px}
.search-mode .preview img{width:74px;height:74px}
.search-mode .card-info h3{font-size:11px;color:#7d8994}
.search-mode .favorite,.search-mode .card-info .download{width:29px;height:29px;border-radius:6px;box-shadow:0 2px 5px #21354709}
.search-mode .card-info .download{top:89px}
.search-mode .card:hover .preview img{transform:scale(1.08)}
.applied-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.applied-filters button{display:flex;align-items:center;gap:9px;background:#eaf5ef;color:#267b55;border:1px solid #d2eade;padding:7px 10px;border-radius:5px;font-size:11px}
.applied-filters .ui-icon{width:13px;height:13px}
.pagination{height:auto;display:flex;justify-content:center;align-items:center;gap:22px;margin:50px 0 35px;padding:25px 0;border-top:1px solid #edf0f2}
.pagination button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border:1px solid #e0e6e9;border-radius:5px;font-size:12px;background:#fff;min-height:41px}
.pagination button:disabled{opacity:.38;cursor:default}
.pagination button:not(:disabled):hover{border-color:#54af86;color:#218858}
.pagination .page-next{background:#2caa76;color:#fff;border-color:#2caa76}
.pagination .page-next:not(:disabled):hover{background:#21895e;color:white}
.page-numbers{display:flex;align-items:center;gap:7px;color:#9ba6ad}
.page-numbers button{min-width:39px;padding:9px}
.page-numbers [aria-current=page]{background:#e9f5ee;border-color:#92caaa;color:#217a52;font-weight:700}
.pagination .ui-icon{width:15px;height:15px}
.library-end>a{display:flex;align-items:center;gap:20px;padding:14px 24px;font-size:13px}
.packs-mode .search-sidebar,.packs-mode .search-toolbar,.packs-mode .view-controls{display:none}
.packs-mode .search-content{max-width:1480px;margin:auto;padding-left:32px;padding-right:32px}
.packs-mode .library-heading{justify-content:center;margin-top:38px;margin-bottom:8px;text-align:center}
.packs-mode .library-heading h2{font-size:30px}
#packIntro{text-align:center;color:#7d8994;font-size:13px;line-height:1.8;margin:0 0 30px}
.search-mode .grid.pack-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.result-pack{text-align:left;background:white;border:1px solid #e3e8ec;border-radius:6px;overflow:hidden}
.result-pack .pack-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,80px);gap:18px;padding:28px 22px;background:#fff;height:auto}
.result-pack .pack-preview img{height:66px;width:66px;max-width:100%;object-fit:contain;margin:auto}
.result-pack:hover{transform:translateY(-3px);border-color:#a7d1b9;box-shadow:0 10px 22px #16352b0a}
.result-pack .pack-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f0f3f5;padding:16px}
.result-pack .pack-caption small{display:flex;align-items:center;gap:12px;white-space:nowrap}
.result-pack .pack-caption .ui-icon{width:15px;height:15px}
#libraryTitle:focus{outline:none}
@media(min-width:1800px){.search-mode .grid:not(.pack-results){grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}}
@media(max-width:1100px){.search-mode .grid.pack-results{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery{gap:14px}.emoji-feature-art{right:-45px;width:370px}.emoji-feature{padding:35px}.header-inner{gap:20px}}
@media(max-width:850px){body{--search-header-height:108px}.header{height:auto}.header-inner{min-height:108px}.discovery small{font-size:11px}.search-mode .grid.pack-results{grid-template-columns:repeat(2,minmax(0,1fr))}.packs-mode .search-content{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.search-strip,.search-mode .search-strip{padding:10px 15px}.search-strip #searchForm,.search-mode #searchForm{min-height:48px}.header nav .nav-link[href='#collections']{display:flex}.hero-copy h1{font-size:34px}.discovery{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.discovery-orb{width:87px;height:87px}.discovery-orb img{width:48px;height:48px;left:4px;top:8px}.discovery-orb img+img{left:30px;top:32px}.discovery strong{font-size:14px}.discovery small{font-size:10px}.collections{padding-top:26px}.emoji-feature{padding:26px;min-height:295px}.emoji-feature>div:first-child{width:75%}.emoji-feature h2{font-size:23px}.emoji-feature p{font-size:11px;max-width:210px}.emoji-feature-art{width:265px;right:-133px;top:7px;opacity:.68;gap:10px}.emoji-feature-art span{padding:12px;border-radius:15px}.browse-tabs{gap:20px!important;overflow-x:auto;height:54px!important}.browse-tabs button{font-size:12px}.search-mode .search-content{padding-top:0}.search-mode .library-heading h2{font-size:20px}.search-mode .grid:not(.pack-results){grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:18px 8px}.search-mode .preview{height:105px}.search-mode .preview img{width:65px;height:65px}.search-mode .card-info .download{top:77px}.search-mode .favorite{width:23px;height:23px;box-shadow:none}.pagination{gap:10px;flex-wrap:wrap;margin-top:28px}.page-numbers{gap:3px}.page-numbers button{min-width:30px;padding:7px}.pagination>button{padding:10px}.pagination .ui-icon{display:none}.packs-mode .library-heading{margin-top:25px}.packs-mode .library-heading h2{font-size:25px}#packIntro{font-size:11px}.search-mode .grid.pack-results{gap:12px}.result-pack .pack-preview{padding:18px 10px;gap:10px;grid-template-rows:repeat(2,45px)}.result-pack .pack-preview img{width:40px;height:40px}.result-pack .pack-caption{padding:12px 10px;flex-direction:column;align-items:flex-start}.result-pack .pack-caption strong{font-size:12px}.result-pack .pack-caption small{font-size:10px}}
[hidden]{display:none!important}
html{scroll-padding-top:165px}
#styles,#collections{scroll-margin-top:160px}
.browse-tabs{overflow-y:hidden!important}
.browse-tabs button[aria-pressed=true]:after{bottom:0}
#adminEntry{display:block;padding:11px 7px;font-size:12px;color:#27866b;border-radius:5px}#adminEntry:hover{background:#f1f6f3}
@media(max-width:380px){.header nav{gap:18px;overflow-x:auto;flex-wrap:nowrap}.header nav .nav-link{white-space:nowrap;flex-shrink:0}.header .header-inner{padding-left:14px;padding-right:14px}.search-mode .grid:not(.pack-results){grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 4px}.search-mode .preview{height:88px}.search-mode .preview img{width:56px;height:56px}.search-mode .preview>button:first-child{padding:12px}.search-mode .card-info h3{font-size:10px;max-width:85px}.search-mode .card-info .download{top:61px}.browse-tabs{gap:17px!important}.browse-tabs button{font-size:11px}}
@media(max-width:760px){#closeFilters{display:grid;place-items:center;width:28px;height:28px;margin-left:5px;padding:4px}#closeFilters>.ui-icon{width:17px;height:17px}}
/* Compact header account controls: shared baseline, restrained surfaces. */
.header .header-inner{gap:30px}.header .header-actions{gap:14px;flex-shrink:0}
.header .header-credits{height:36px;gap:0;padding:3px;background:#ffffff09;border:1px solid #ffffff16;border-radius:9px}
.header .credits-button{height:28px;padding:0 11px 0 8px;border:0;border-radius:6px;gap:7px;color:#c7d1e2;font-size:12px;font-weight:500;background:transparent}
.header .credits-button:hover{background:#ffffff09;color:#fff}.header .points-coin{display:grid;place-items:center;width:18px;height:18px;border:1px solid #d6b66b80;border-radius:50%;color:#e7ca87;font-size:12px}.header .credits-button strong{font-size:13px;color:#fff;font-weight:650;font-variant-numeric:tabular-nums}.header .credits-button strong:empty{display:none}
.header .checkin-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;padding:0 10px;border-radius:6px;background:#2bd4b71c;color:#68e3c8;font-size:12px;font-weight:600;transition:background .15s,color .15s}
.header .checkin-button .ui-icon{width:14px;height:14px}.header .checkin-button small{font-size:11px;font-weight:600}.header .checkin-button:hover:not(:disabled){background:#2bd4b735;color:#b5ffe9}.header .checkin-button:disabled{background:transparent;color:#8cafa9}.header .checkin-button.is-checked{color:#78b5a6}
.header .header-actions>.updates-wrap{margin-left:2px}.header .icon-button{width:34px;height:36px;border-radius:8px}.header .icon-button .ui-icon{width:20px;height:20px}
.header .about-link{font-size:12px;font-weight:500;color:#b8c5d8;white-space:nowrap}.header .about-link:hover{color:#fff}
.header .guest-actions{display:flex;align-items:center;gap:7px;padding-left:14px;border-left:1px solid #ffffff20}
.header .login-button,.header .register-button{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:52px;padding:0 13px;font-size:12px;line-height:1;font-weight:600;border:0;border-radius:7px;white-space:nowrap;transition:background .15s}
.header .login-button{background:transparent;color:#e6edf7}.header .login-button:hover{background:#ffffff10}.header .register-button{background:#f3f7fc;color:#14213a}.header .register-button:hover{background:#dce9f8}.header .register-button:disabled{opacity:.55}
.header .account-button{height:36px;padding:0 2px 0 8px;gap:8px}.header .user-avatar{width:30px;height:30px;background:#6376ad;font-size:12px}.header #accountName{font-size:12px;color:#e0e7f2}
.header button:focus-visible{outline:2px solid #65dec4;outline-offset:3px}
@media(max-width:1200px){.header .header-inner{gap:20px}.header nav{gap:16px}.header .header-actions{gap:8px}.header .about-link{display:none}.header .guest-actions{padding-left:8px}}
@media(min-width:851px) and (max-width:1040px){.header nav .nav-link[href='#styles']{display:none}.header .header-inner{gap:16px;padding-left:22px;padding-right:22px}.header nav{gap:13px}}
@media(max-width:600px){.header .header-inner{padding:10px 14px;gap:10px}.header .header-actions{gap:5px}.header .header-credits{height:32px;padding:2px;border-radius:7px}.header .credits-button{height:26px;padding:0 6px;gap:4px;font-size:11px}.header .points-coin{display:none}.header .credits-button strong{font-size:11px}.header .checkin-button{height:26px;padding:0 7px;font-size:11px;gap:3px}.header .checkin-button .ui-icon{display:none}.header .guest-actions{gap:0;padding-left:5px;border:0}.header .login-button,.header .register-button{height:31px;min-width:36px;padding:0 8px;font-size:11px}.header nav{gap:23px}.header .account-button{padding:0 0 0 4px}.header .user-avatar{width:28px;height:28px}.header .brand{font-size:18px;gap:6px}.header .brand-logo{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.header button{transition:none}}
/* Custom icon service and webmaster WeChat contact. */
#customServiceDialog{max-width:760px;padding:0;max-height:calc(100dvh - 32px);overflow:auto;border-radius:18px;background:#fff;color:#172a40}
#customServiceDialog .close{top:14px;right:14px;width:32px;height:32px;background:#edf3f1;border-radius:50%;display:grid;place-items:center;color:#557168}
.custom-service-layout{display:grid;grid-template-columns:1fr 1fr}
.custom-service-copy{padding:48px 34px 34px;background:linear-gradient(145deg,#effaf5,#f5f8fc);border-radius:18px 0 0 18px}
.custom-service-kicker{display:inline-block;font-size:11px;letter-spacing:1px;font-weight:600;color:#258265}
#customServiceTitle{font-size:32px;line-height:1.4;letter-spacing:-.7px;margin:21px 0 18px;font-weight:700}
.custom-service-copy>p{font-size:14px;line-height:1.9;color:#62758a;margin:0}
.custom-service-tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 32px}
.custom-service-tags span{background:#fff;border:1px solid #dce9e2;border-radius:6px;padding:7px 9px;color:#47715f;font-size:11px}
.custom-service-brief{border-top:1px solid #dce8e3;padding-top:22px}
.custom-service-brief strong{font-size:12px;font-weight:600;color:#344e45}
.custom-service-brief p{font-size:12px;color:#718579;line-height:1.9;margin:10px 0 25px}
.custom-service-copy>small{font-size:11px;color:#88978f;line-height:1.8;display:block}
.custom-service-contact{padding:42px 28px 28px;text-align:center;align-self:center}
.custom-service-wechat{font-size:17px;font-weight:650;color:#233c32}
.custom-service-contact>img{display:block;width:100%;max-width:268px;height:auto;margin:8px auto 0}
.custom-service-contact>p{font-size:12px;color:#527363;margin:5px 0 15px}
.custom-service-save{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:8px;background:#238866;color:#fff;font-size:13px;font-weight:600;text-decoration:none}
.custom-service-save:hover{background:#187152}.custom-service-save:focus-visible{outline:3px solid #82cbb7;outline-offset:3px}.custom-service-save .ui-icon{width:16px;height:16px}
.custom-service-contact>small{display:block;font-size:10px;line-height:1.8;color:#89968f;margin-top:12px}
@media(min-width:851px) and (max-width:1200px){.header nav{gap:12px}.header .header-inner{gap:16px}.header .about-link{display:none}}
@media(max-width:600px){.header nav{gap:15px}.header nav .nav-link{white-space:nowrap;flex-shrink:0}#customServiceDialog{max-width:420px;border-radius:14px}.custom-service-layout{grid-template-columns:1fr}.custom-service-copy{padding:28px 24px 22px;border-radius:14px 14px 0 0}#customServiceTitle{font-size:25px;margin:12px 0 10px}#customServiceTitle br{display:none}.custom-service-copy>p{font-size:12px}.custom-service-copy>p br{display:none}.custom-service-tags{margin:15px 0 0}.custom-service-brief,.custom-service-copy>small{display:none}.custom-service-contact{padding:20px 28px}.custom-service-contact>img{max-width:215px;margin-top:2px}.custom-service-wechat{font-size:15px}.custom-service-contact>small{font-size:11px}}

/* Custom design service: generated ceramic icon, soft periwinkle palette. */
.custom-service-float{position:fixed;right:24px;bottom:100px;z-index:38;display:flex;flex-direction:column;align-items:center;gap:4px;width:100px;padding:9px 8px 13px;border:1px solid #e2e4f2;border-radius:23px;background:linear-gradient(155deg,#fff 35%,#f0f1ff);color:#303654;box-shadow:0 8px 26px #434d8620,inset 0 1px 0 #fff;cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s;font-family:inherit}
.custom-service-float-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:2px;transition:transform .22s}
.custom-service-float-icon img{display:block;width:100%;height:100%;object-fit:contain}
.custom-service-float-label{font-size:13px;line-height:1.5;font-weight:650;letter-spacing:.5px;white-space:nowrap}
.custom-service-float-caption{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.5;color:#8186a0}
.custom-service-float-caption>span{color:#7779cf;font-size:12px}
@media(hover:hover){.custom-service-float:hover{transform:translateY(-4px);border-color:#bdc2ed;box-shadow:0 14px 34px #434d8630}.custom-service-float:hover .custom-service-float-icon{transform:rotate(-5deg) scale(1.06)}}
.custom-service-float:active{transform:translateY(-1px) scale(.97)}
.custom-service-float:focus-visible{outline:3px solid #858ae0;outline-offset:4px}
@media(max-width:600px){.custom-service-float{right:14px;bottom:calc(20px + env(safe-area-inset-bottom,0px));flex-direction:row;gap:8px;width:auto;padding:5px 16px 5px 7px;border-radius:30px}.custom-service-float-icon{width:42px;height:42px;margin:0}.custom-service-float-label{font-size:12px}.custom-service-float-caption{display:none}}
@media(prefers-reduced-motion:reduce){.custom-service-float,.custom-service-float-icon{transition:none}}

/* Crisp vector identity and a compact points token. */
.header .brand-logo{width:34px;height:34px;object-fit:contain;filter:none}
.header .points-coin{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border:0;border-radius:0;background:none}
.header .points-coin svg{display:block;width:22px;height:22px}
.header .credits-button{gap:7px}
.account-fav-count{margin-left:auto;min-width:20px;padding:2px 5px;border-radius:5px;background:#edf5f3;color:#327264;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}
.account-menu #accountFavorites>.ui-icon:last-child{margin-left:0}
@media(max-width:600px){.header .brand-logo{width:28px;height:28px}.header .points-coin,.header .points-coin svg{width:18px;height:18px}.header .points-coin{flex-basis:18px}.header .credits-button{gap:4px}}

/* Image-generated brand and points assets, exported at high pixel density. */
.header .brand-logo{width:40px;height:40px;object-fit:contain}
.header .points-coin{width:24px;height:24px;flex-basis:24px}
.header .points-coin img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.header .brand-logo{width:34px;height:34px}.header .points-coin{width:21px;height:21px;flex-basis:21px}}
/* Shared collection previews on the homepage and collection listing. */
.collections .collection-grid .pack-preview.avatar-preview,.packs-mode .grid.pack-results .pack-preview{height:190px;padding:12px 14px;gap:10px 8px;grid-template-rows:repeat(2,minmax(0,1fr))}
.collections .collection-grid .pack-preview img,.packs-mode .grid.pack-results .pack-preview img{width:100%;height:100%;min-width:0;min-height:0;max-height:none;object-fit:contain;transform:scale(1.2)}
@media(max-width:1100px){.collections .collection-grid .pack-preview.avatar-preview,.packs-mode .grid.pack-results .pack-preview{height:170px;padding:10px;gap:8px 6px}}
@media(max-width:800px){.collections .collection-grid .pack-preview.avatar-preview,.packs-mode .grid.pack-results .pack-preview{height:184px;padding:12px;gap:10px 8px}}
@media(max-width:600px){.collections .collection-grid .pack-preview.avatar-preview,.packs-mode .grid.pack-results .pack-preview{height:142px;padding:8px;gap:8px 4px}}

/* Compact homepage banner with a cropped, staggered collection wall. */
.reference-hero{background:#f6f8fa;isolation:isolate}
.reference-hero .hero-inner{min-height:328px;max-width:1280px;padding:46px 32px;display:flex;align-items:center;gap:0}
.reference-hero .hero-copy{flex:0 0 49%;z-index:2}
.reference-hero .hero-kicker-new{display:none}
.reference-hero .hero-copy h1{font-size:32px;line-height:1.4;letter-spacing:-.8px;margin:0 0 16px;white-space:nowrap}
.reference-hero .hero-copy p{font-size:14px;line-height:1.9;margin:0 0 24px;max-width:480px}
.reference-hero .hero-buttons{gap:24px}
.reference-hero .hero-buttons .primary{padding:13px 23px;border-radius:5px;font-size:13px}
.reference-hero .hero-facts{margin-top:18px;gap:18px}
.reference-hero .hero-mosaic{position:absolute;right:-92px;top:50%;width:648px;display:grid;grid-template-columns:repeat(3,204px);grid-template-rows:repeat(3,142px);gap:18px;margin:0;transform:translateY(-50%) rotate(-10deg);pointer-events:none}
.reference-hero .hero-tile{height:142px;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));padding:15px;gap:9px 10px;border:0;border-radius:16px;box-shadow:0 18px 40px #25394d0b;transform:none}
.reference-hero .hero-tile:nth-child(3n+2){transform:translateY(20px)}
.reference-hero .hero-tile img,.reference-hero .hero-tile img:not(:first-child){display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;filter:none;transform:scale(1.13)}
.reference-hero .hero-tile.tile-white{background:#fff}
.reference-hero .hero-tile.tile-violet{background:#8278e9}
.reference-hero .hero-tile.tile-green{background:#38c797}
.reference-hero .hero-tile.tile-reverse img{filter:brightness(0) invert(1)}
@media(max-width:1100px){.reference-hero .hero-inner{min-height:310px;padding:38px 32px}.reference-hero .hero-copy{flex-basis:52%}.reference-hero .hero-copy h1{font-size:29px}.reference-hero .hero-mosaic{right:-190px;opacity:.95}}
@media(max-width:800px){.reference-hero .hero-inner{padding:34px 24px;min-height:300px}.reference-hero .hero-copy{flex-basis:60%}.reference-hero .hero-copy h1{font-size:26px}.reference-hero .hero-copy p{font-size:12px}.reference-hero .hero-mosaic{right:-305px;opacity:.75}}
@media(max-width:600px){.reference-hero .hero-inner{display:block;min-height:0;padding:30px 22px 26px}.reference-hero .hero-copy{width:100%}.reference-hero .hero-copy h1{font-size:27px;white-space:normal;letter-spacing:-.7px}.reference-hero .hero-copy p{font-size:12px;margin-bottom:20px}.reference-hero .hero-mosaic{display:none}.reference-hero .hero-facts{gap:16px;margin-top:18px}}

.reference-hero .hero-copy p br{display:block}
.reference-hero .hero-copy p{max-width:100%}

/* Keep collection cards identical when entering the full collection listing. */
.packs-mode .search-content{max-width:1344px;padding-left:32px;padding-right:32px}
.packs-mode .grid.pack-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.packs-mode .result-pack .pack-caption{padding:15px;flex-direction:row;align-items:center;gap:8px;border-top-color:#f0f2f4}
.packs-mode .result-pack .pack-caption strong{font-size:13px}
.packs-mode .result-pack .pack-caption small{font-size:10px;gap:7px}
@media(max-width:800px){.packs-mode .grid.pack-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.packs-mode .search-content{padding-left:18px;padding-right:18px}.packs-mode .result-pack .pack-caption{gap:3px}.packs-mode .result-pack .pack-caption strong{font-size:11px}.packs-mode .result-pack .pack-caption small{font-size:9px}.packs-mode .result-pack .pack-caption .ui-icon{display:none}}

/* Popular styles: compact vertical covers with generous icon previews. */
.style-section .style-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.style-section .style-card{height:260px;padding:26px 22px;border-radius:16px;display:block;isolation:isolate;box-shadow:0 9px 22px #2636511c;color:#fff}
.style-section .style-copy{position:relative;z-index:2;max-width:100%}
.style-section .style-copy strong{font-size:17px;line-height:1.4;font-weight:700;white-space:nowrap}
.style-section .style-copy small,.style-section .style-count{display:none}
.style-section .style-mono{background:linear-gradient(115deg,#365fbe,#8fa9e9)}
.style-section .style-solid{background:linear-gradient(115deg,#f5a00b,#ffd37a)}
.style-section .style-color{background:linear-gradient(115deg,#7067c9,#949aee)}
.style-section .style-cute{background:linear-gradient(115deg,#ed6d5d,#ffb5a8)}
.style-section .style-cats{background:linear-gradient(115deg,#41a36d,#88dc9b)}
.style-section .style-portraits{background:linear-gradient(115deg,#2e468b,#767cbd)}
.style-section .style-paper{width:calc(100% - 10px);height:235px;left:36px;right:auto;top:91px;bottom:auto;border-radius:23px;transform:rotate(-10deg);transform-origin:center;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,58px);padding:23px 15px;gap:14px 12px;box-shadow:none;background:#fff}
.style-section .style-paper img{width:100%;height:58px;min-width:0;object-fit:contain;transform:scale(1.28)}
.style-section .style-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #26365128}
.style-section .style-card:focus-visible{outline:3px solid #142d54;outline-offset:4px}
@media(max-width:1100px){.style-section .style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.style-section .style-paper{width:calc(100% - 28px);left:46px;grid-template-rows:repeat(3,65px);height:265px;gap:14px 22px;padding:23px}.style-section .style-paper img{height:65px;transform:scale(1.18)}}
@media(max-width:600px){.style-section .style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.style-section .style-card{height:225px;padding:22px 18px;border-radius:14px}.style-section .style-copy strong{font-size:15px}.style-section .style-paper{width:calc(100% - 8px);left:26px;top:80px;height:220px;padding:19px 12px;gap:13px 8px;grid-template-rows:repeat(3,52px);border-radius:19px}.style-section .style-paper img{height:52px;transform:scale(1.23)}}
@media(prefers-reduced-motion:reduce){.style-section .style-card{transition:none}.style-section .style-card:hover{transform:none}}

.style-section .style-copy{position:absolute;left:22px;right:16px;top:26px}
@media(max-width:600px){.style-section .style-copy{left:18px;top:22px}}

/* Preview sheets respond to pointer hover and keyboard focus. */
.style-section .style-card{transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease}
.style-section .style-paper{transition:transform .48s cubic-bezier(.2,.7,.2,1),box-shadow .48s ease}
.style-section .style-copy{transition:transform .32s ease}
.style-section .style-paper img{transition:transform .42s cubic-bezier(.2,.7,.2,1)}
.style-section .style-paper img:nth-child(2n){transition-delay:35ms}
.style-section .style-paper img:nth-child(n+5){transition-delay:65ms}
.style-section .style-card:focus-visible{transform:translateY(-4px);box-shadow:0 16px 30px #26365126}
.style-section .style-card:focus-visible .style-paper{transform:translate(-8px,-9px) rotate(-2deg);box-shadow:0 12px 26px #26365118}
.style-section .style-card:focus-visible .style-copy{transform:translateY(-2px)}
.style-section .style-card:focus-visible .style-paper img{transform:translateY(-3px) scale(1.28)}
@media(hover:hover) and (pointer:fine){
.style-section .style-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #26365126}
.style-section .style-card:hover .style-paper{transform:translate(-8px,-9px) rotate(-2deg);box-shadow:0 12px 26px #26365118}
.style-section .style-card:hover .style-copy{transform:translateY(-2px)}
.style-section .style-card:hover .style-paper img{transform:translateY(-3px) scale(1.28)}
}
@media(hover:none){.style-section .style-card:hover{transform:none}.style-section .style-card:active{transform:scale(.985)}}
@media(prefers-reduced-motion:reduce){
.style-section .style-card,.style-section .style-paper,.style-section .style-copy,.style-section .style-paper img{transition:none!important}
.style-section .style-card:hover,.style-section .style-card:focus-visible,.style-section .style-card:active{transform:none}
}
/* Collection download entry and explicit credit quote. */
.collection-download{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f3faf7;border:1px solid #dbece4;border-radius:14px;padding:26px 28px;margin:22px 0 28px}
.collection-label{font-size:11px;color:#21856b;font-weight:600;letter-spacing:1px}
.collection-download h3{font-size:21px;font-weight:600;color:#153d38;margin:9px 0 10px}
.collection-download p{font-size:13px;color:#627a76;line-height:1.8;margin:0;max-width:650px}
.collection-download-action{min-width:232px;flex-shrink:0;text-align:center}
.collection-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#149c7c;border:1px solid #149c7c;border-radius:8px;color:#fff;font-size:15px;font-weight:600;padding:15px 24px;min-height:48px;width:100%}
.collection-primary:hover{background:#10866b}.collection-primary:disabled{opacity:.6;cursor:wait}
.collection-download-action small{display:block;color:#688077;font-size:11px;margin-top:10px}
.collection-mode .search-sidebar,.collection-mode .search-toolbar{display:none}
.collection-mode .search-content{max-width:1440px;margin:0 auto;padding-top:32px}
.collection-mode .library-heading h2{font-size:28px}
#collectionDownloadDialog{max-width:500px;background:#fff;padding:34px;border-radius:16px}
#collectionDownloadDialog h2{margin:12px 0;font-size:24px;color:#183c36;line-height:1.5}
#collectionDownloadDialog p{font-size:13px;line-height:1.8;color:#677d75}
.collection-price{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eff8f3;border-radius:10px;padding:20px;margin:24px 0 16px;color:#467165;font-size:12px}
.collection-price>div{display:flex;align-items:baseline;gap:8px}.collection-price strong{font-size:36px;color:#148469}
#collectionDownloadStatus{min-height:23px;margin:12px 0 0}
.collection-primary:focus-visible{outline:3px solid #70d8bc;outline-offset:3px}
@media(max-width:760px){.collection-download{flex-direction:column;align-items:stretch;padding:22px;gap:20px}.collection-download h3{font-size:18px}.collection-download-action{min-width:0}.collection-mode .library-heading h2{font-size:24px}#collectionDownloadDialog{padding:28px 22px}.collection-price{padding:16px}}

/* Collection detail: spacious artwork gallery with a dedicated download sidebar. */
.collection-title-count{font-size:11px;line-height:1.6;color:#7c8794;white-space:nowrap;font-weight:500}
.collection-side-details{display:none}
.collection-mode .search-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:44px;row-gap:0;max-width:1600px;width:100%;padding:38px 36px 48px;align-content:start;align-items:start}
.collection-mode .browse-tabs,.collection-mode #appliedFilters,.collection-mode .results,.collection-mode .library-sort,.collection-mode #categories{display:none}
.collection-mode .library-heading{grid-column:1;grid-row:1;margin:0 0 28px;min-height:48px;align-items:center}
.collection-mode .library-heading>div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.collection-mode .library-heading h2{font-size:23px;line-height:1.5;font-weight:650;color:#263746;margin:0}
.collection-mode .collection-download{grid-column:2;grid-row:1 / span 4;position:sticky;top:158px;display:block;margin:0;padding:0;border:0;border-radius:0;background:none;min-width:0}
.collection-mode .collection-download-action{min-width:0;text-align:left}
.collection-mode .collection-primary{border-radius:6px;min-height:48px;padding:12px 18px;font-size:14px}
.collection-mode .collection-download-action small{font-size:12px;color:#829089;margin:12px 0 25px;text-align:center}
.collection-mode .collection-download-copy{padding:0 0 20px;border-bottom:1px solid #e7ebef}
.collection-mode .collection-label{display:none}
.collection-mode .collection-download h3{font-size:14px;font-weight:600;color:#35434e;margin:0 0 9px;line-height:1.6}
.collection-mode .collection-download p{font-size:12px;color:#859098;line-height:1.8;margin:0}
.collection-mode .collection-side-details{display:block}
.collection-info-row{padding:19px 0;border-bottom:1px solid #e7ebef}
.collection-info-row h4{font-size:13px;font-weight:600;color:#45515b;margin:0 0 8px}
.collection-info-row small{display:block;font-size:11px;line-height:1.9;color:#929ba4;margin-top:3px}
.collection-publisher{display:flex;align-items:center;gap:12px;padding:22px 0;border-bottom:1px solid #e7ebef}
.collection-publisher img{object-fit:contain;background:#f0f8f6;border-radius:50%;padding:8px;width:48px;height:48px}
.collection-publisher strong{font-size:13px;font-weight:600;color:#24455c;display:block}
.collection-publisher span{font-size:11px;color:#8b959d;display:block;margin-top:7px}
.collection-style-row{display:flex;gap:16px;align-items:baseline;border:0}
.collection-style-row h4{font-weight:400;color:#8b959d;margin:0}
.collection-mode .collection-style-row p{color:#23876d;font-weight:500}
.collection-mode .grid:not(.pack-results){grid-column:1;grid-row:2;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px;margin:0;align-content:start}
.collection-mode .preview{height:156px;position:relative}
.collection-mode .preview>button:first-child{padding:8px;border-radius:10px}
.collection-mode .preview img{width:140px;height:140px;max-width:100%;object-fit:contain}
.collection-mode .card{min-width:0;border:0;box-shadow:none;background:none}
.collection-mode .card-info{padding:0 2px 4px;min-height:20px}
.collection-mode .card-info h3{font-size:11px;max-width:100%;color:#94a0aa;font-weight:400}
.collection-mode .card-info .download{top:120px;right:3px}
.collection-mode .favorite{top:5px;right:3px}
.collection-mode .card:hover .preview,.collection-mode .card:focus-within .preview{background:#f6f9fa!important}
.collection-mode #pagination,.collection-mode #empty{grid-column:1}
@media(max-width:1300px){.collection-mode .search-content{grid-template-columns:minmax(0,1fr) 290px;column-gap:30px;padding:30px 28px}.collection-mode .grid:not(.pack-results){grid-template-columns:repeat(5,minmax(0,1fr));gap:23px 10px}.collection-mode .preview{height:148px}.collection-mode .preview img{width:132px;height:132px}}
@media(max-width:1050px){.collection-mode .search-content{grid-template-columns:minmax(0,1fr) 260px;column-gap:24px;padding:28px 22px}.collection-mode .grid:not(.pack-results){grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 8px}.collection-mode .preview{height:132px}.collection-mode .preview img{width:116px;height:116px}.collection-mode .card-info .download{top:100px}}
@media(max-width:760px){.collection-mode .search-content{grid-template-columns:minmax(0,1fr);padding:24px 18px 36px}.collection-mode .library-heading{margin-bottom:18px;min-height:0}.collection-mode .library-heading h2{font-size:22px}.collection-mode .collection-download{position:static;grid-column:1;grid-row:2;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid #e7ebef}.collection-mode .collection-download-action small{margin:9px 0 0;font-size:11px}.collection-mode .collection-download-copy,.collection-mode .collection-side-details{display:none}.collection-mode .grid:not(.pack-results){grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.collection-mode .preview{height:118px}.collection-mode .preview img{width:108px;height:108px}.collection-mode .card-info .download{top:87px}.collection-mode .card-info h3{font-size:10px}.collection-mode .library-heading>div{gap:10px}}
@media(max-width:370px){.collection-mode .grid:not(.pack-results){grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Whole-collection download action uses the requested golden yellow. */
.collection-primary{background:#ffb800;border-color:#ffb800;color:#171b22}
.collection-primary:hover{background:#efa900;border-color:#efa900;color:#171b22}
.collection-primary:focus-visible{outline-color:#d58a00}

/* Verified website filing information, shared across homepage and collection views. */
footer{flex-wrap:wrap}.footer-legal{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 18px}.footer-legal a{white-space:nowrap}.footer-legal a:hover{color:#16896e;text-decoration:underline}.search-mode footer{display:flex}