:root{--blue:#3478ed;--blue-dark:#2161d1;--ink:#26334a;--muted:#8d9aae;--line:#eaf0f6;--bg:#f7f9fc;--white:#fff;--sidebar:238px;--radius:20px;--shadow:0 8px 32px #243b6410}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:wait;opacity:.55}a,button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #a1c5ff}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #aecbff}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}h1{letter-spacing:-.8px;font-size:29px}h2{font-size:20px}h3{font-size:16px}svg{flex-shrink:0}img{max-width:100%;display:block}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #e2e9f2;border-radius:11px;min-width:0;padding:11px 13px}input::placeholder,textarea::placeholder{color:#a2aebf}textarea{resize:vertical}input[type=color]{width:100%;height:46px;padding:5px}.muted{color:var(--muted)}.small-text{font-size:13px}.full{width:100%}.button{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 19px;font-size:13px;font-weight:600;line-height:1.6;display:inline-flex}.button.primary{color:#fff;background:var(--blue);box-shadow:0 4px 10px #3478ed1c}.button.primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.button.secondary{color:#687991;background:#fff;border:1px solid #e5ebf3}.button.secondary:hover{color:var(--blue);background:#f3f7ff;border-color:#aacafb}.button.small{min-height:36px;padding:8px 14px}.button.danger{color:#fff;background:#ee596d}.icon-button{color:#8b99ac;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{color:var(--blue);background:#edf3fb}.text-link{color:var(--blue);align-items:center;gap:5px;padding:0;font-size:13px;display:inline-flex}.pill{color:#929eb0;background:#f0f3f7;border-radius:20px;align-items:center;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.pill.blue{color:#3277db;background:#eaf2ff}.pill.rose{color:#ed6a82;background:#fff0f3}.danger-text{color:#e56678!important}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{width:var(--sidebar);z-index:20;background:#fff;border-right:1px solid #edf1f7;flex-direction:column;height:100dvh;padding:32px 20px 22px;display:flex;position:fixed;top:0;left:0}.brand{letter-spacing:2px;align-items:center;gap:11px;margin:0 13px 37px;font-size:23px;font-weight:750;line-height:1.3;display:flex}.brand small{letter-spacing:2px;color:#9aa6b7;margin-top:4px;font-size:9px;font-weight:600;display:block}.brand-mark{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:3px;width:33px;height:33px;display:grid;transform:rotate(-7deg)}.brand-mark span{background:#3981f5;border-radius:4px}.brand-mark span:nth-child(2){background:#96bdfb}.brand-mark span:nth-child(3){background:#f8c866}.brand-mark span:nth-child(4){background:#5c98f4}.brand-mark.large{gap:4px;width:45px;height:45px;margin:0 auto 22px}.sidebar-user{text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:31px;padding:10px 9px;display:flex}.sidebar-user>span:nth-child(2){flex:1;min-width:0}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.sidebar-user small{color:#9aabc0;margin-top:3px;font-size:11px;display:block}.sidebar-user>svg{color:#a6b4c7}.sidebar-user:hover{background:#f8faff}.avatar{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:600;display:inline-flex}.avatar.empty{color:#94a7c0;background:#f1f5fa}.avatar.small{border-radius:11px;width:34px;height:34px;font-size:13px}.side-nav{gap:10px;display:grid}.nav-link{color:#8797ae;border-radius:12px;align-items:center;gap:16px;padding:14px 19px;font-size:15px;font-weight:500;display:flex;position:relative}.nav-link:hover{color:#4a80cd;background:#f7faff}.nav-link.active{color:#3479ed;background:#edf4ff;font-weight:650}.nav-link i{background:#3479ed;border-radius:100%;width:5px;height:5px;position:absolute;right:16px}.sidebar-bottom{margin-top:auto;padding-top:35px}.island-tip{background:linear-gradient(135deg,#f6f9ff,#f2f6fe);border-radius:15px;padding:18px 16px 17px;display:block;position:relative}.tip-icon{color:#83a8e4;margin-bottom:9px;display:block}.island-tip strong{font-size:12px}.island-tip p{color:#9aa9bf;margin:4px 0 13px;font-size:11px}.tip-link{color:#6092d6;align-items:center;gap:5px;font-size:11px;display:flex}.sidebar-footer{color:#b0bbca;margin:24px 9px 0;font-size:10px;line-height:2.2}.sidebar-footer>div{gap:8px;display:flex}.sidebar-footer small{font-size:10px}.main-content{margin-left:var(--sidebar);min-height:100dvh}.page{width:100%;max-width:1540px;margin:0 auto;padding:42px 50px 30px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.eyebrow{color:#a4b0c2;letter-spacing:2.1px;margin-bottom:8px;font-size:10px;font-weight:600}.page-header h1{align-items:center;gap:13px;display:flex}.heading-dot{background:#efb663;border-radius:100%;align-self:flex-end;width:7px;height:7px;margin-bottom:10px;display:inline-block}.page-header p{color:#94a0b3;margin-top:8px;font-size:13px}.page-header>.button{margin-top:12px}.count-label{color:#93a0b3;border:1px solid #e4eaf2;border-radius:8px;padding:2px 9px;font-size:14px;font-weight:400}.mobile-nav{display:none}.welcome-banner{background:linear-gradient(115deg,#eaf2ff,#f0f5ff 62%,#eaf2ff);border:1px solid #e4edfa;border-radius:19px;justify-content:space-between;align-items:center;height:196px;margin-bottom:25px;padding:29px 34px;display:flex;position:relative;overflow:hidden}.banner-kicker{color:#7899c8;align-items:center;gap:5px;margin-bottom:10px;font-size:11px;display:inline-flex}.welcome-banner h2{letter-spacing:1px;color:#3d5e8e;font-size:27px;font-weight:650}.welcome-banner h2 span{color:#e8b556;margin-left:7px;font-size:20px}.welcome-banner p{color:#92a5c0;margin-top:8px;font-size:12px}.welcome-banner a{color:#668cc5;align-items:center;gap:6px;margin-top:17px;font-size:12px;display:flex}.banner-art{flex-shrink:0;width:260px;height:180px;position:relative}.pixel-flower{width:120px;height:145px;position:absolute;top:23px;left:79px;transform:rotate(8deg)}.pixel-flower i{background:#ffe8a8;width:28px;height:28px;position:absolute;box-shadow:inset -4px -4px #efc86e55}.pixel-flower i:first-child{top:0;left:30px}.pixel-flower i:nth-child(2){top:0;left:58px}.pixel-flower i:nth-child(3){top:28px;left:2px}.pixel-flower i:nth-child(4){top:28px;left:86px}.pixel-flower i:nth-child(5){top:56px;left:30px}.pixel-flower i:nth-child(6){top:56px;left:58px}.pixel-flower i:nth-child(7){background:#e5ad62;width:56px;top:28px;left:30px;box-shadow:inset -6px -5px #d49d50}.pixel-flower i:nth-child(8){background:#86b6a1;width:14px;height:49px;top:84px;left:54px;box-shadow:inset -4px 0 #73a98c}.pixel-flower i:nth-child(9){width:27px;height:17px;box-shadow:none;background:#98c7ae;top:97px;left:27px}.banner-star{color:#a9c7ed;font-size:39px;position:absolute;top:13px;right:20px}.banner-heart{color:#c1d4ef;font-size:36px;position:absolute;bottom:15px;left:31px;transform:rotate(-15deg)}.tiny-grid{background:linear-gradient(90deg,#0000 47%,#cfdef6 48% 52%,#0000 53%),linear-gradient(#0000 47%,#cfdef6 48% 52%,#0000 53%);border:2px solid #cfdef6;border-radius:5px;width:34px;height:34px;position:absolute;top:23px;left:15px;transform:rotate(-13deg)}.search-box{color:#9eacc0;background:#fff;border:1px solid #e8edf5;border-radius:12px;align-items:center;gap:12px;height:47px;padding:0 16px;display:flex}.search-box input{background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:13px}.search-box kbd{color:#b8c2d1;text-align:center;border:1px solid #e8edf4;border-radius:4px;width:22px;font-size:12px;line-height:19px}.search-box button{color:#98a8bc;display:flex}.catalog-toolbar{border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;margin-top:23px;display:flex}.sort-tabs{gap:29px;display:flex}.sort-tabs button{color:#9aa7b8;align-items:center;gap:5px;padding:5px 0 15px;font-size:13px;display:flex;position:relative}.sort-tabs button.active{color:#367dec;font-weight:650}.sort-tabs button.active:after{content:"";background:#4386f3;border-radius:4px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.filter-wrap{position:relative}.filter-button{color:#8b9aaf;align-items:center;gap:7px;padding:0 4px 12px;font-size:12px;display:flex}.filter-button i{background:#3478ed;border-radius:50%;width:5px;height:5px}.filter-popover{z-index:10;box-shadow:var(--shadow);background:#fff;border:1px solid #e6edf6;border-radius:12px;width:155px;padding:14px;position:absolute;top:28px;right:0}.filter-popover strong{color:#9daabd;margin:0 8px 7px;font-size:12px;display:block}.filter-popover button{border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px;font-size:13px;display:flex}.filter-popover button:hover{background:#f1f6ff}.category-tabs{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.category-tabs a{color:#8c9bb0;background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:7px 13px;font-size:12px;display:flex}.category-tabs a.active{color:#4b87e7;background:#eaf2ff;border-color:#dae7fc;font-weight:600}.category-tabs a:hover{color:#3478ed;border-color:#d9e6fa}.category-tabs a>span{font-size:13px}.results-line{color:#a1adbe;justify-content:space-between;margin:21px 0 16px;font-size:11px;display:flex}.pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 19px;display:grid}.pattern-card{background:#fff;border:1px solid #eaf0f6;border-radius:15px;min-width:0;transition:transform .22s,box-shadow .22s;overflow:hidden}.pattern-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #34527b0b}.pattern-cover{aspect-ratio:1.08;padding:17%;display:block;position:relative;overflow:hidden}.pattern-cover img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;transition:transform .3s}.pattern-card:hover img{transform:scale(1.07)}.cover-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#8f9caa;background:#ffffffb0;border:1px solid #ffffff60;border-radius:5px;padding:2px 7px;font-size:10px;position:absolute;top:12px;left:12px}.cover-action{color:#6280aa;opacity:0;background:#fff;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.pattern-card:hover .cover-action,.pattern-card:focus-within .cover-action{opacity:1;transform:none}.pattern-info{padding:14px 15px 13px}.pattern-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;display:block;overflow:hidden}.pattern-spec{color:#a0adbf;align-items:center;gap:9px;margin-top:7px;font-size:10px;display:flex}.pattern-spec>span{align-items:center;gap:4px;display:flex}.pattern-spec>span+span:before{content:"";background:#c9d3e0;border-radius:50%;width:2px;height:2px;position:relative;left:-3px}.pattern-bottom{color:#a0adbf;border-top:1px solid #f1f4f8;justify-content:space-between;align-items:center;margin-top:14px;padding-top:11px;font-size:10px;display:flex}.author-mini{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.author-mini>span{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:inline-flex}.card-likes{align-items:center;gap:4px;display:flex}.pagination{justify-content:center;gap:8px;margin:35px 0 10px;display:flex}.pagination a{color:#99a7ba;background:#fff;border:1px solid #e7edf5;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:12px;display:flex}.pagination a.active{color:#377ced;background:#edf4ff;border-color:#dbe8ff}.catalog-footer{text-align:center;color:#b1bbca;letter-spacing:1px;margin:32px 0 10px;font-size:11px}.catalog-footer>span{color:#d7b879;margin:0 10px}.empty-state{text-align:center;color:#a7b6cb;background:#ffffff60;border:1px dashed #e4ebf4;border-radius:20px;flex-direction:column;align-items:center;margin:24px 0;padding:80px 20px;display:flex}.empty-state h2{color:#637896;margin-top:22px;font-size:18px;font-weight:500}.empty-state p{color:#a0aec2;margin:10px 0 24px;font-size:13px}.empty-illustration{color:#86a8db;background:#eef4ff;border-radius:30px;place-items:center;width:115px;height:115px;display:grid;position:relative}.empty-illustration span{color:#e8bc71;font-size:33px;position:absolute;top:4px;right:-13px}.login-empty{justify-content:center;min-height:510px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-heading h2{align-items:center;gap:7px;font-size:16px;font-weight:600;display:flex}.section-heading>a,.section-heading>span{color:#90a3bf;align-items:center;gap:6px;font-size:12px;display:flex}.section-heading>div>p{color:#a1adc0;margin-top:5px;font-size:12px}.content-panel{background:#fff;border:1px solid #e9eff6;border-radius:17px;padding:24px}.content-panel>p{color:#8a9ab0;margin-bottom:12px;font-size:13px;line-height:2.1}.breadcrumbs{color:#a5b1c2;align-items:center;gap:9px;margin:0 0 27px;font-size:11px;display:flex}.breadcrumbs span{color:#7f92ad}.detail-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:44px;margin-bottom:32px;display:grid}.detail-art{aspect-ratio:1.05;border-radius:23px;justify-content:center;align-items:center;padding:16%;display:flex;position:relative}.detail-art img{width:100%;image-rendering:pixelated}.art-label{color:#a0a7ab;background:#ffffff75;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;display:flex;position:absolute;top:20px;left:20px}.art-footer{text-align:center;color:#a0a7ab;letter-spacing:2px;width:100%;font-size:10px;position:absolute;bottom:21px;left:0}.detail-tags{gap:7px;margin-bottom:12px;display:flex}.detail-summary h1{font-size:27px}.detail-description{color:#90a0b6;margin-top:13px;font-size:13px;line-height:1.9}.detail-author{align-items:center;gap:10px;margin-top:25px;display:flex}.detail-author .avatar{border-radius:11px;width:35px;height:35px;font-size:13px}.detail-author>span:nth-child(2){flex:1}.detail-author strong{font-size:12px;display:block}.detail-author small{color:#a1aec0;margin-top:2px;font-size:10px;display:block}.detail-author>svg{color:#aebcce}.detail-stats{border:1px solid #e6edf6;border-radius:13px;grid-template-columns:repeat(3,1fr);margin:25px 0 23px;padding:18px 0;display:grid}.detail-stats>div{border-right:1px solid #e6edf6;flex-direction:column;align-items:center;gap:4px;display:flex}.detail-stats>div:last-child{border:0}.detail-stats svg{color:#98b5e1;margin-bottom:3px}.detail-stats strong{font-size:17px;font-weight:600}.detail-stats strong small{color:#9eacc0;font-size:11px;font-weight:400}.detail-stats span{color:#a4b0c0;font-size:10px}.detail-action-row{gap:9px;margin-top:11px;display:flex}.detail-action-row>*{flex:1;padding:10px;font-size:12px}.is-liked{color:#e47590!important;background:#fff4f7!important}.license-note{color:#a3b0c2;align-items:center;gap:6px;margin-top:19px;font-size:10px;display:flex}.demo-note{color:#a5b1c1;margin-top:9px;font-size:10px}.detail-content-grid{grid-template-columns:1.65fr 1fr;align-items:start;gap:24px;display:grid}.tag-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag-list a{color:#8ba0bc;background:#f4f7fc;border-radius:6px;padding:4px 9px;font-size:11px}.palette-table-scroll{max-height:480px;overflow:auto}.palette-table{border-collapse:collapse;width:100%;font-size:12px}.palette-table th{text-align:left;color:#acb7c8;border-bottom:1px solid #edf1f6;padding:11px 0;font-size:10px;font-weight:400}.palette-table th:last-child,.palette-table td:last-child{text-align:right}.palette-table td{border-bottom:1px solid #f0f3f7;padding:11px 0}.palette-table td:first-child{align-items:center;gap:9px;display:flex}.color-swatch{border:1px solid #00000008;border-radius:6px;width:21px;height:21px;display:inline-block}.palette-table td small{color:#aeb9c9;font-size:9px}.palette-table td:last-child>span{color:#a2b0c2;font-size:10px}.palette-table tfoot td{color:#677f9e;border:0;font-weight:600}.comments-section{margin-top:29px}.comments-section h2{font-size:16px}.comments-section h2 span{color:#a4b0c0;margin-left:8px;font-size:12px;font-weight:400}.comment-form{gap:12px;margin-top:20px;display:flex}.comment-form>div{background:#fff;border:1px solid #e5edf6;border-radius:12px;flex:1;min-width:0;overflow:hidden}.comment-form textarea{border:0;border-radius:0;outline:0;width:100%;font-size:12px;display:block}.comment-form-footer{color:#bbc4d0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:10px;display:flex}.comment-form-footer .button{min-height:30px;padding:6px 10px;font-size:11px}.comment-empty{text-align:center;color:#b0bed0;flex-direction:column;align-items:center;gap:10px;padding:35px 10px;font-size:11px;display:flex}.comment-item{border-bottom:1px solid #e8eef6;gap:11px;margin-top:23px;padding-bottom:17px;display:flex}.comment-item strong{font-size:12px}.comment-item p{color:#7d90ab;overflow-wrap:anywhere;white-space:pre-wrap;margin:5px 0;font-size:13px}.comment-item time{color:#abb8ca;font-size:10px}.related-section{margin-top:42px}.detail-create-link{color:#769bd0;background:#eef4ff;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:28px;padding:24px;font-size:13px;display:flex}.studio-wrap{max-width:850px;margin:0 auto;padding:42px 30px 50px}.new-project-card{text-align:left;color:#fff;background:linear-gradient(115deg,#5089dc,#1761ce 65%,#1260c6);border-radius:29px;width:100%;height:248px;padding:30px 32px;position:relative;overflow:hidden;box-shadow:0 15px 30px #2b67bb12}.new-project-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px #2b67bb24}.new-project-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:21px;display:flex;position:relative}.new-project-top>i{background:#ffffff20;border:1px solid #ffffff42;border-radius:14px;place-items:center;width:51px;height:51px;display:grid}.new-project-top>span{color:#c2dbff;background:#ffffff12;border:1px solid #ffffff23;border-radius:30px;align-items:center;gap:6px;padding:4px 11px;font-size:10px;display:flex}.new-project-top b{background:#6bd6c3;border-radius:50%;width:6px;height:6px}.new-project-card h2{z-index:1;font-size:27px;position:relative}.new-project-card p{color:#add0ff;z-index:1;margin-top:10px;font-size:13px;position:relative}.hero-arrow{z-index:2;background:#ffffff25;border:1px solid #ffffff32;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:29px;right:31px}.hero-circle{background:#ffffff0e;border-radius:50%;position:absolute}.hero-circle.one{width:150px;height:150px;bottom:-35px;right:-17px}.hero-circle.two{width:73px;height:73px;bottom:40px;right:65px}.studio-heading{margin-top:39px;margin-bottom:17px}.studio-heading h2{letter-spacing:1px;color:#9cacc3;font-size:14px}.studio-heading>a{color:#4f84cf;font-size:12px}.studio-tool-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.studio-tool{background:#fff;border:1px solid #f0f4fa;border-radius:23px;min-height:207px;padding:23px;position:relative}.studio-tool:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.studio-tool.cyan{background:linear-gradient(145deg,#f2fbff,#fff 60%)}.studio-tool.purple{background:linear-gradient(145deg,#f7f4ff,#fff 60%)}.tool-icon{color:#43b3e7;background:#e0f5ff;border-radius:14px;place-items:center;width:45px;height:45px;margin-bottom:30px;display:grid}.purple .tool-icon{color:#a27cec;background:#eee7ff}.tool-arrow{color:#c9d7e7;position:absolute;top:24px;right:23px}.studio-tool h3{margin-bottom:6px;font-size:15px}.studio-tool p{color:#a0aec2;font-size:11px}.tool-footer{color:#aab9cd;margin-top:14px;font-size:10px;display:block}.studio-tool-row{background:#fff;border:1px solid #f0f3f9;border-radius:22px;align-items:center;gap:17px;margin-top:14px;padding:19px 22px;display:flex}.studio-tool-row:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.studio-tool-row.pink{background:linear-gradient(110deg,#fff7f9,#fff 55%)}.row-icon{border-radius:15px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.row-icon.blue{color:#fff;background:#347be9;box-shadow:0 4px 8px #347be925}.row-icon.pink{color:#fff;background:#ee7791;box-shadow:0 4px 8px #ee779125}.studio-tool-row>div{flex:1}.studio-tool-row h3{align-items:center;gap:9px;font-size:14px;display:flex}.studio-tool-row p{color:#a5b2c5;margin-top:5px;font-size:11px}.studio-tool-row>svg{color:#c3d0e2}.recent-heading{margin-top:37px}.recent-heading h2{color:#94a5be;font-size:13px}.recent-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.recent-card{background:#fff;border:1px solid #eaf0f6;border-radius:15px;padding:12px}.recent-card img{object-fit:contain;width:100%;height:130px;image-rendering:pixelated;background:#f6f8fc;border-radius:8px;padding:20px}.recent-card strong{margin:10px 0 3px;font-size:12px;display:block}.recent-card>span{color:#a3b0c2;font-size:10px}.studio-empty{text-align:center;color:#c1cede;border:1px dashed #e1e9f5;border-radius:18px;padding:25px}.studio-empty svg{margin:0 auto}.studio-empty p{color:#a0b0c8;margin:9px 0 4px;font-size:12px}.studio-empty>span{color:#b8c4d4;font-size:11px}.warehouse-toolbar{border-bottom:1px solid #e4ebf5;justify-content:space-between;align-items:center;gap:18px;margin:30px 0 25px;padding-bottom:15px;display:flex}.warehouse-tabs{flex-wrap:wrap;gap:22px;display:flex}.warehouse-tabs button{color:#94a4bc;padding:5px 0;font-size:13px}.warehouse-tabs button.active{color:#3e7ee6;font-weight:600}.warehouse-tabs span{color:#acb8cb;background:#eef2f8;border-radius:5px;margin-left:5px;padding:1px 5px;font-size:11px}.warehouse-tabs .active span{color:#7ba3e3;background:#e5efff}.warehouse-search,.inventory-search{color:#a6b5ca;background:#fff;border:1px solid #e5ecf5;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.warehouse-search input,.inventory-search input{background:0 0;border:0;outline:none;width:155px;padding:9px 0;font-size:12px}.folder-strip{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.folder-strip button{color:#a1b0c6;background:#fff;border:1px solid #e7edf6;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.folder-strip button.active{color:#568bdb;background:#edf4ff;border-color:#dbe7fb}.folder-strip button span{color:#a9b8cc;font-size:10px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-card{background:#fff;border:1px solid #e6edf6;border-radius:17px;min-width:0}.project-cover{aspect-ratio:1.3;background:#eef3fa;border-radius:17px 17px 0 0;justify-content:center;align-items:center;padding:15%;display:flex;position:relative}.project-cover img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.project-status{color:#96a5bb;background:#ffffffba;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;display:flex;position:absolute;top:13px;left:13px}.project-status.completed{color:#78a893}.project-status.in-progress{color:#598fda}.project-info{padding:13px 16px 17px}.project-title-row{justify-content:space-between;align-items:center;gap:5px;display:flex;position:relative}.project-title-row>a{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.project-meta{color:#a1b0c5;justify-content:space-between;align-items:center;margin-top:3px;font-size:10px;display:flex}.progress-row{color:#99afcc;align-items:center;gap:10px;margin-top:15px;font-size:10px;display:flex}.progress-track{background:#edf2f9;border-radius:4px;flex:1;height:5px;overflow:hidden}.progress-track i{background:#8db7ef;border-radius:4px;height:100%;display:block}.project-menu{z-index:10;box-shadow:var(--shadow);background:#fff;border:1px solid #e5edf7;border-radius:11px;width:155px;padding:6px;position:absolute;top:34px;right:0}.project-menu>a,.project-menu>button{color:#889cb9;border-radius:7px;align-items:center;gap:7px;width:100%;padding:9px;font-size:12px;display:flex}.project-menu>a:hover,.project-menu>button:hover{background:#f4f8ff}.project-bead-link{color:#7399d0;background:#f0f6ff;border-radius:7px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:8px;font-size:12px;display:flex}.profile-hero{background:linear-gradient(120deg,#eaf2ff,#f5f8ff);border:1px solid #e1eaf8;border-radius:24px;margin-bottom:25px;padding:30px 35px}.profile-hero-top{align-items:center;gap:24px;display:flex;position:relative}.profile-avatar{color:#7da5de;border:4px solid #fff;border-radius:26px;flex-shrink:0;place-items:center;width:83px;height:83px;font-size:30px;display:grid;position:relative;box-shadow:0 5px 15px #527fb110}.profile-avatar>span{color:#efba63;-webkit-text-stroke:3px #f4f8ff;font-size:26px;position:absolute;bottom:-5px;right:-8px}.profile-hero h2{font-size:22px}.profile-hero p{color:#8fa5c4;margin:8px 0;font-size:13px}.profile-settings{margin-left:auto}.profile-stat-row{border-top:1px solid #dfe9fa;gap:0;margin-top:25px;padding-top:26px;display:flex}.profile-stat-row a{text-align:center;border-right:1px solid #dfe9fa;flex:1}.profile-stat-row a:last-child{border:0}.profile-stat-row strong{color:#527cb6;font-size:24px;line-height:1.3;display:block}.profile-stat-row span{color:#97aac7;margin-top:6px;font-size:11px;display:block}.account-info{margin-bottom:24px}.account-info h3{margin-bottom:15px}.account-info p{align-items:center;gap:8px;display:flex}.profile-invite{color:#ae9369;background:linear-gradient(100deg,#fff7e9,#fffdf8);border:1px solid #eee9df;border-radius:18px;align-items:center;gap:18px;margin:24px 0;padding:23px 25px;display:flex}.profile-invite>div{flex:1}.invite-icon{color:#c2a06a;background:#f9eacb;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.profile-invite strong{color:#968064;font-size:14px}.profile-invite p{color:#baaa94;margin-top:5px;font-size:12px}.profile-menu-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.profile-menu-item{background:#fff;border:1px solid #e7edf6;border-radius:16px;align-items:center;gap:14px;padding:22px;display:flex}.profile-menu-item:hover{box-shadow:var(--shadow)}.profile-menu-item>div{flex:1}.profile-menu-item strong{font-size:13px}.profile-menu-item p{color:#a8b4c5;margin-top:4px;font-size:11px}.profile-menu-item>svg{color:#c0cddd}.menu-icon{color:#7da9e8;background:#edf3ff;border-radius:14px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.menu-icon.rose{color:#e296af;background:#fff0f4}.menu-icon.orange{color:#dcad6d;background:#fff5e8}.menu-icon.purple{color:#aa94d7;background:#f2edff}.menu-icon.green{color:#8abc9f;background:#edf8f3}.menu-icon.cyan{color:#7eb5ce;background:#ecf8fc}.sync-card{color:#9fb6d6;border:1px dashed #dfe8f5;border-radius:15px;align-items:center;gap:15px;margin:25px 0;padding:20px;display:flex}.sync-card>div{flex:1}.sync-card strong{color:#879fbd;font-size:13px}.sync-card p{color:#acb9cc;margin-top:4px;font-size:11px}.logout-button{color:#a7b2c3;justify-content:center;align-items:center;gap:7px;margin:25px auto;padding:15px;font-size:12px;display:flex}.inventory-summary{background:#fff;border:1px solid #e6edf5;border-radius:17px;align-items:center;gap:40px;margin-bottom:30px;padding:25px;display:flex}.inventory-summary>div:not(.inventory-search){color:#8eacd3;grid-template-columns:auto auto;align-items:center;gap:0 12px;display:grid}.inventory-summary>div>svg{grid-row:span 2}.inventory-summary strong{color:#5e7b9f;font-size:22px;line-height:1.2}.inventory-summary span{color:#a5b5c9;font-size:10px}.inventory-search{margin-left:auto}.inventory-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.inventory-card{background:#fff;border:1px solid #e7edf6;border-radius:15px;align-items:center;gap:12px;padding:20px 15px;display:flex}.inventory-color{border:1px solid #00000008;border-radius:13px;flex-shrink:0;width:45px;height:45px}.inventory-card>div{flex:1}.inventory-card strong{font-size:13px}.inventory-card>div>span{color:#a6b5c8;font-size:10px;display:block}.inventory-card p{color:#7891b0;margin-top:4px;font-size:15px}.inventory-card small{font-size:10px}.inventory-card .text-link{font-size:11px}.inventory-card .icon-button{width:23px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1000;background:#20304744;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.auth-modal,.standard-modal{background:#fff;border:1px solid #ffffff80;border-radius:25px;width:min(100%,440px);max-height:92dvh;padding:35px;position:relative;overflow:auto;box-shadow:0 24px 100px #273f5e25}.auth-modal{text-align:center;padding:39px}.modal-close{position:absolute;top:15px;right:15px}.auth-modal h2{margin-bottom:8px;font-size:21px}.auth-modal>.muted{font-size:12px}.auth-tabs{background:#f5f7fb;border-radius:10px;margin:25px 0 21px;padding:4px;display:flex}.auth-tabs button{color:#9aaabe;border-radius:7px;flex:1;padding:8px;font-size:13px}.auth-tabs button.active{color:#4785e7;background:#fff;box-shadow:0 2px 5px #5f7b9d08}.field-label{text-align:left;color:#8195b0;margin:16px 0;font-size:12px;display:block}.field-label>input,.field-label>select{width:100%;margin-top:7px;display:block}.input-icon{color:#adbbcd;border:1px solid #e4ebf4;border-radius:10px;align-items:center;gap:9px;margin-top:6px;padding:0 12px;display:flex}.input-icon input{background:0 0;border:0;outline:0;flex:1;width:100%;padding:11px 0;font-size:13px}.form-error{color:#dd7588;text-align:left;background:#fff3f5;border-radius:8px;margin:14px 0;padding:10px 12px;font-size:12px;line-height:1.7}.auth-note{color:#aebbd0;text-align:left;align-items:start;gap:6px;margin-top:23px;font-size:10px;display:flex}.auth-modal form>.button{margin-top:7px}.standard-modal h2{margin-bottom:11px;font-size:21px}.standard-modal>p{color:#98a8bd;font-size:13px;line-height:1.9}.modal-symbol{color:#8dadde;background:#eef4ff;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid}.modal-symbol.danger{color:#e797a7;background:#fff0f4}.modal-buttons{gap:12px;margin-top:25px;display:flex}.modal-buttons>*{flex:1}.two-fields{grid-template-columns:1fr 1fr;gap:15px;display:grid}.size-presets{gap:8px;margin-top:19px;display:flex}.size-presets button{color:#9eacc0;background:#f6f8fc;border:1px solid #e9eef6;border-radius:8px;flex:1;padding:8px 0;font-size:11px}.size-presets button.active{color:#4f85d5;background:#edf4ff;border-color:#caddfa}.toast{color:#6483aa;z-index:2000;background:#fff;border:1px solid #e6edf6;border-radius:13px;align-items:center;gap:10px;max-width:90vw;padding:14px 23px;font-size:13px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 45px #24375320}.toast svg{color:#76ad98}.article-page{max-width:980px}.article-panel{color:#7d91ad;background:#fff;border:1px solid #e5ecf5;border-radius:21px;padding:37px 40px;line-height:2}.article-panel h2{color:#496582;margin:30px 0 13px;font-size:19px}.article-panel h2:first-child{margin-top:0}.article-panel h3{color:#597797;margin:22px 0 9px;font-size:15px}.article-panel p{margin:12px 0;font-size:13px}.article-panel ul,.article-panel ol{padding-left:22px;font-size:13px}.article-panel li{margin:8px 0}.article-panel a{color:#4383df}.article-panel code{background:#f0f5fc;border-radius:4px;padding:2px 5px;font-size:13px}.article-note{color:#7493bc;background:#eef5ff;border-radius:12px;margin:22px 0;padding:18px 22px;font-size:13px}.article-step{gap:18px;margin:30px 0;display:flex}.article-step>span{color:#7b9ecf;background:#eaf2ff;border-radius:15px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.article-step h2{margin:0 0 8px}.article-step p{margin:0}.admin-upload{color:#8fa8ca;background:#f7faff;border:2px dashed #d8e5f7;border-radius:17px;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.admin-preview{margin-top:25px}.admin-preview table{border-collapse:collapse;width:100%;font-size:12px}.admin-preview td,.admin-preview th{text-align:left;border-bottom:1px solid #e8edf6;padding:12px}.admin-result{color:#759b86;background:#edf8f3;border-radius:12px;margin-top:20px;padding:18px}.author-header{align-items:center;gap:20px;margin-bottom:30px;display:flex}.author-header .avatar{border-radius:23px;width:72px;height:72px;font-size:28px}.bead-layout{grid-template-columns:minmax(0,1fr) 255px;gap:24px;display:grid}.bead-view{background:#fff;border:1px solid #e3ebf7;border-radius:20px;max-height:76vh;padding:20px;overflow:auto}.bead-grid{background:#dbe3ef;border:1px solid #d5dfed;gap:1px;width:max-content;margin:auto;display:grid}.bead-cell{color:#223047;width:22px;height:22px;padding:0;font-size:7px;line-height:1;position:relative}.bead-cell.completed:after{content:"✓";color:#426385;background:#ffffffb0;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.bead-cell.dim{opacity:.17}.bead-panel{background:#fff;border:1px solid #e3ebf7;border-radius:18px;align-self:start;padding:20px}.bead-panel h2{margin-bottom:10px;font-size:15px}.bead-panel p{color:#98abc5;margin:10px 0;font-size:11px}.bead-progress{color:#5186d0;margin:15px 0 0;font-size:32px}.bead-palette{gap:7px;max-height:350px;margin:18px 0;display:grid;overflow:auto}.bead-palette button{border:1px solid #e7edf6;border-radius:8px;align-items:center;gap:9px;padding:7px;font-size:11px;display:flex}.bead-palette button.active{background:#eef5ff;border-color:#9ec3f3}.bead-palette button>span:last-child{color:#8da6c8;margin-left:auto}.bead-options{color:#839abc;flex-wrap:wrap;gap:10px;margin-bottom:17px;font-size:12px;display:flex}.bead-options label{align-items:center;gap:5px;display:flex}.bead-options select{padding:5px}@media (min-width:1600px){:root{--sidebar:265px}.page{padding:48px 65px}.sidebar{padding:38px 26px 24px}.pattern-grid{gap:26px}.pattern-title{font-size:14px}.pattern-spec{font-size:12px}.pattern-bottom{font-size:11px}.pattern-cover{padding:18%}.welcome-banner{height:220px}.studio-wrap{padding-top:50px}}@media (max-width:1200px){:root{--sidebar:210px}.sidebar{padding:28px 15px 19px}.brand{margin-left:10px;font-size:21px}.sidebar-user{gap:8px}.sidebar-user small{font-size:10px}.sidebar-user>svg{display:none}.page{padding:35px 30px 25px}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.detail-hero{gap:26px}.detail-summary h1{font-size:24px}.detail-stats{margin:20px 0}.detail-content-grid{grid-template-columns:1.4fr 1fr;gap:18px}.inventory-grid{grid-template-columns:repeat(2,1fr)}.inventory-summary{gap:20px}.warehouse-tabs{gap:13px}.project-grid{gap:16px}.project-info{padding:10px 12px 14px}.studio-wrap{padding-top:35px}}@media (max-width:950px){:root{--sidebar:185px}.sidebar{padding:25px 12px}.sidebar-user{padding:8px 3px}.sidebar-user small{font-size:9px}.brand{gap:8px;margin-left:8px;font-size:20px}.nav-link{gap:13px;padding:13px 16px;font-size:14px}.island-tip{padding:15px 11px}.island-tip strong{font-size:11px}.island-tip p{font-size:10px}.page{padding:28px 25px}.welcome-banner{height:184px;padding:25px}.welcome-banner h2{font-size:22px}.banner-art{transform-origin:100%;width:180px;transform:scale(.85)}.pixel-flower{left:39px}.tiny-grid,.banner-heart{left:0}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-title{font-size:13px}.pattern-spec{font-size:11px}.detail-hero{grid-template-columns:1fr;gap:25px}.detail-art{aspect-ratio:1.25;max-height:530px;padding:17% 25%}.detail-summary{padding:0 6px}.detail-content-grid{grid-template-columns:1fr}.palette-panel{grid-row:1}.palette-table-scroll{max-height:290px}.detail-summary h1{font-size:27px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warehouse-toolbar{flex-direction:column;align-items:flex-start}.warehouse-search,.warehouse-search input{width:100%}.profile-menu-grid{grid-template-columns:1fr}.profile-hero{padding:25px}.profile-hero-top{gap:16px}.profile-hero h2{font-size:19px}.profile-hero p{font-size:11px}.profile-avatar{width:67px;height:67px}.inventory-summary{flex-wrap:wrap}.inventory-search{width:100%;margin:0}.inventory-search input{width:100%}.bead-layout{grid-template-columns:1fr}.bead-panel{grid-row:1}.bead-palette{flex-wrap:wrap;max-height:150px;display:flex}.bead-palette button{min-width:100px}.article-panel{padding:27px}.studio-wrap{padding:28px 25px}.new-project-card{height:230px;padding:25px}.studio-tool{min-height:207px;padding:19px}.studio-tool p{font-size:11px}.studio-tool-row{padding:17px}.studio-tool-row h3{gap:5px;font-size:13px}.studio-tool-row p,.studio-tool-row .pill{font-size:10px}.studio-tool-row{gap:12px}}@media (max-width:650px){:root{--sidebar:0px}.sidebar{display:none}.main-content{margin-left:0;padding-bottom:72px}.page{padding:27px 19px 20px}.page-header{gap:10px;margin-bottom:22px}.eyebrow{letter-spacing:1.6px;margin-bottom:7px;font-size:7px}h1{font-size:24px}.page-header p{margin-top:7px;font-size:11px}.page-header>.button{gap:5px;min-height:37px;margin-top:10px;padding:9px 11px;font-size:11px}.page-header>.button svg{width:15px}.heading-dot{width:5px;height:5px;margin-bottom:9px}.mobile-nav{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px 0 max(10px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e8eef7;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 30px #37587d04}.mobile-nav a{color:#a1b1c8;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:10px;display:flex}.mobile-nav a.active{color:#4584ed}.welcome-banner{border-radius:17px;height:164px;margin-bottom:20px;padding:20px}.welcome-banner h2{letter-spacing:0;font-size:19px}.welcome-banner h2 span{margin-left:1px;font-size:13px}.welcome-banner p{max-width:200px;font-size:9px}.banner-kicker{margin-bottom:8px;font-size:9px}.welcome-banner a{margin-top:13px;font-size:10px}.banner-art{transform-origin:100%;opacity:.9;width:105px;position:absolute;top:-2px;right:11px;transform:scale(.64)}.pixel-flower{left:-25px}.banner-star{right:-10px}.banner-heart,.tiny-grid{display:none}.search-box{gap:9px;height:43px;padding:0 13px}.search-box input{font-size:11px}.search-box>svg{width:16px}.search-box kbd{display:none}.sort-tabs{gap:22px}.sort-tabs button{gap:4px;font-size:12px}.sort-tabs button svg{width:12px}.filter-button{font-size:11px}.catalog-toolbar{margin-top:19px}.category-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:7px;margin-top:19px;margin-right:-19px;padding-bottom:2px;padding-right:19px;overflow:auto}.category-tabs a{white-space:nowrap;border-radius:7px;padding:6px 10px;font-size:11px}.category-tabs a>span{font-size:12px}.results-line{margin:16px 0 13px;font-size:9px}.pattern-grid{gap:15px 11px}.pattern-card{border-radius:12px}.pattern-cover{aspect-ratio:1.03;padding:17%}.cover-tag{padding:2px 5px;font-size:9px;top:9px;left:9px}.pattern-info{padding:10px}.pattern-title{font-size:12px}.pattern-spec{gap:5px;margin-top:6px;font-size:9px}.pattern-spec svg{width:10px}.pattern-bottom{margin-top:10px;padding-top:8px;font-size:9px}.author-mini>span{border-radius:5px;width:17px;height:17px;font-size:9px}.card-likes{font-size:9px}.card-likes svg{width:12px}.cover-action{display:none}.catalog-footer{letter-spacing:0;margin-top:28px;font-size:9px}.catalog-footer>span{margin:0 5px}.detail-page{padding-top:19px}.breadcrumbs{gap:5px;margin-bottom:17px;font-size:9px}.detail-art{aspect-ratio:1.12;border-radius:18px}.detail-hero{gap:24px;margin-bottom:24px}.detail-summary{padding:0 3px}.detail-summary h1{font-size:25px}.detail-description{font-size:12px}.detail-author{margin-top:19px}.detail-stats{margin:20px 0;padding:15px 0}.detail-action-row>*{padding:10px 8px;font-size:11px}.content-panel{padding:20px}.content-panel>p{font-size:12px}.section-heading h2,.comments-section h2{font-size:15px}.comment-form{gap:8px}.related-section{margin-top:28px}.studio-wrap{padding:25px 18px 30px}.new-project-card{border-radius:24px;height:220px;padding:24px}.new-project-card h2{font-size:25px}.new-project-card p{max-width:260px;font-size:12px}.new-project-top>i{border-radius:12px;width:44px;height:44px}.new-project-top{margin-bottom:23px}.hero-arrow{width:34px;height:34px;bottom:27px;right:23px}.studio-heading{margin-top:29px}.studio-heading h2{font-size:13px}.studio-heading>a{font-size:11px}.studio-tool-grid{gap:12px}.studio-tool{border-radius:19px;min-height:199px;padding:17px}.tool-icon{border-radius:12px;width:40px;height:40px;margin-bottom:28px}.tool-arrow{top:18px;right:15px}.studio-tool h3{font-size:13px}.studio-tool p{font-size:10px;line-height:1.8}.tool-footer{margin-top:10px;font-size:9px}.studio-tool-row{border-radius:18px;gap:12px;padding:16px 17px}.row-icon{border-radius:13px;width:42px;height:42px}.studio-tool-row h3{font-size:13px}.studio-tool-row .pill{padding:2px 6px;font-size:9px}.studio-tool-row p{font-size:9px}.studio-tool-row>svg{width:16px}.recent-heading{margin-top:28px}.recent-card{border-radius:12px;padding:9px}.recent-card img{height:90px;padding:14px}.recent-card strong{font-size:11px}.recent-card>span{font-size:9px}.recent-grid{gap:10px}.warehouse-toolbar{gap:15px;margin:23px 0 22px}.warehouse-tabs{flex-wrap:nowrap;justify-content:space-between;gap:19px;width:100%}.warehouse-tabs button{white-space:nowrap;font-size:11px}.warehouse-tabs span{margin-left:3px;padding:1px 4px;font-size:9px}.project-grid{gap:15px 11px}.project-title-row>a{font-size:12px}.project-meta{font-size:9px}.project-cover{aspect-ratio:1.12}.project-info{padding:9px 10px 13px}.project-status{font-size:9px;top:9px;left:9px}.project-title-row .icon-button{width:22px;height:27px}.project-bead-link{font-size:10px}.profile-hero{border-radius:21px;padding:23px 20px}.profile-hero h2{font-size:17px}.profile-hero p{font-size:10px}.profile-hero-top{gap:14px}.profile-avatar{border-radius:20px;width:60px;height:60px}.profile-stat-row{margin-top:21px;padding-top:21px}.profile-stat-row strong{font-size:21px}.profile-stat-row span{font-size:10px}.profile-invite{gap:12px;padding:19px 17px}.profile-invite strong{font-size:12px}.profile-invite p{font-size:10px}.profile-invite>svg{width:19px}.invite-icon{border-radius:12px;width:38px;height:38px}.profile-menu-grid{gap:11px}.profile-menu-item{padding:19px}.sync-card{gap:11px;padding:17px}.sync-card strong{font-size:12px}.sync-card p{font-size:10px}.sync-card>.pill{white-space:nowrap;font-size:10px}.inventory-summary{gap:23px;padding:21px}.inventory-summary strong{font-size:20px}.inventory-grid{grid-template-columns:1fr}.inventory-card{padding:19px}.inventory-color{width:48px;height:48px}.auth-modal,.standard-modal{border-radius:21px;padding:30px 25px}.auth-modal h2{font-size:20px}.auth-modal>.muted{font-size:11px}.modal-backdrop{padding:20px}.toast{justify-content:center;min-width:200px;padding:12px 18px;font-size:12px;bottom:86px}.empty-state{padding:55px 18px}.empty-state h2{font-size:16px}.empty-state p{font-size:12px}.login-empty{min-height:420px}.article-panel{padding:22px}.article-panel h2{font-size:17px}.article-panel p,.article-panel li{font-size:13px}.article-step{gap:13px}.article-step>span{border-radius:11px;width:35px;height:35px;font-size:16px}.article-step h2{font-size:15px}.admin-upload{padding:25px}.bead-view{padding:13px}.bead-grid{margin:0 auto}.bead-panel{padding:18px}.bead-palette{max-height:120px}.bead-layout{gap:15px}.bead-progress{font-size:25px}.author-header .avatar{width:55px;height:55px;font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.page-header p,.results-line,.pattern-spec,.pattern-bottom,.studio-tool p,.studio-tool-row p,.content-panel>p,.detail-description,.profile-menu-item p,.sidebar-user small{color:#8291a6}.catalog-footer,.sidebar-footer{color:#929fb1}.pattern-card:focus-within{box-shadow:0 0 0 3px #bad3fc}.search-box:focus-within,.input-icon:focus-within{border-color:#a5c5f5;box-shadow:0 0 0 3px #dae8fc60}
:root{--bg:#f7f8fa;--surface:#fff;--text:#303b4e;--muted:#9cacc2;--primary:#005cbe;--border:#edf1f6}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #659cff}input,textarea,select{background:var(--surface);color:var(--text)}.replica-shell .sidebar{background:#ffffffb3;border-right:1px solid #f1f3f6;width:256px;padding:24px 16px;display:block}.replica-shell .sidebar-user{text-align:left;background:0 0;border:0;border-radius:0;gap:12px;width:auto;min-height:48px;margin:0 16px;padding:0}.replica-shell .sidebar-user>.avatar{border-radius:18px;flex-shrink:0;width:48px;height:48px;font-size:18px}.replica-shell .sidebar-user>.avatar.empty{color:#94a7c0;background:#f1f5f9}.replica-shell .sidebar-user strong{color:#253043;font-size:14px;font-weight:700;line-height:20px;display:block}.replica-shell .sidebar-user small{color:#005cbe;margin:2px 0 0;font-size:12px;font-weight:600;line-height:16px;display:block}.replica-shell .side-nav{flex-direction:column;gap:8px;margin-top:48px;display:flex}.replica-shell .nav-link{color:#71839f;border-radius:12px;gap:14px;height:48px;padding:0 16px;font-size:16px;font-weight:400;line-height:24px;transition:background .15s}.replica-shell .nav-link.active{color:#2463ff;background:#edf4ff;font-weight:600}.replica-shell .nav-link:hover{background:#f0f5fb}.replica-shell .main-content{width:calc(100% - 256px);min-height:100dvh;margin-left:256px}.replica-sidebar-footer{border-top:1px solid var(--border);color:#9cacc2;flex-direction:column;gap:8px;padding:16px 12px 0;font-size:10px;display:flex;position:absolute;bottom:20px;left:16px;right:16px}.replica-sidebar-footer a{color:inherit}.replica-shell .studio-page{max-width:none;margin:0;padding:32px 16px}.replica-studio{max-width:608px;margin:0 auto}.replica-hero{text-align:left;color:#fff;background:linear-gradient(145deg,#5183cd 0%,#005abd 52%,#0051ad 100%);border:0;border-radius:32px;width:100%;height:184px;padding:24px;display:block;position:relative;overflow:hidden;box-shadow:0 20px 35px -25px #a4bbdb}.hero-plus{background:#ffffff26;border:1px solid #ffffff40;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.hero-mode{color:#c1d8f9;background:#ffffff21;border:1px solid #ffffff25;border-radius:30px;align-items:center;gap:5px;padding:5px 12px;font-size:10px;display:flex;position:absolute;top:36px;right:24px}.hero-mode i{background:#70d0cf;border-radius:50%;width:6px;height:6px}.replica-hero h1{z-index:1;letter-spacing:0;margin:20px 0 8px;font-size:24px;font-weight:700;line-height:32px;position:relative}.replica-hero p{color:#a7ccf3;margin:0;font-size:14px;font-weight:500}.hero-chevron{z-index:1;background:#ffffff26;border:1px solid #ffffff35;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:24px;right:24px}.hero-bubble{background:#ffffff12;border-radius:50%;width:112px;height:112px;position:absolute;bottom:-20px;right:-16px}.hero-bubble.two{background:#ffffff0d;width:56px;height:56px;bottom:32px;right:40px}.replica-tools-heading{justify-content:space-between;align-items:center;margin:32px 4px 20px;display:flex}.replica-tools-heading h2{letter-spacing:2px;color:#99aac2;margin:0;font-size:16px;line-height:24px}.replica-tools-heading a{color:#0063c9;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.replica-tool-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.replica-tool{background:linear-gradient(135deg,#f2fbff,#fff 60%);border-radius:24px;height:144px;padding:16px;display:block;box-shadow:0 16px 28px -25px #b1c6e3}.replica-tool.restore{background:linear-gradient(135deg,#f7f4ff,#fff 60%)}.replica-tool>span{color:#00a7f0;background:#e1f5ff;border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.replica-tool.restore>span{color:#9462ff;background:#efe9ff}.replica-tool h3{color:#303b4e;margin:32px 0 2px;font-size:14px;line-height:20px}.replica-tool p{color:#9cacc2;white-space:nowrap;margin:0;font-size:11px;line-height:16px}.replica-tool-row{text-align:left;background:linear-gradient(120deg,#f8fbff,#fff 55%);border:0;border-radius:24px;align-items:center;gap:16px;width:100%;height:76px;margin-top:12px;padding:16px;display:flex;box-shadow:0 15px 28px -25px #b1c6e3}.replica-tool-row.xhs{background:linear-gradient(120deg,#fff5f6,#fff 60%)}.replica-row-icon{color:#fff;background:#005cbe;border-radius:16px;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:0 3px 5px #005cbe30}.replica-row-icon em{white-space:nowrap;letter-spacing:.3px;background:#005cbe;border:1px solid #fff;border-radius:8px;padding:0 5px;font-size:8px;font-style:normal;font-weight:800;line-height:12px;position:absolute;top:-8px;left:5px}.xhs .replica-row-icon,.xhs .replica-row-icon em{background:#ff385f}.replica-tool-row>div{flex:1;min-width:0}.replica-tool-row h3{align-items:center;gap:8px;margin:0 0 4px;font-size:14px;line-height:20px;display:flex}.replica-tool-row h3 b{color:#005cbe;background:#e8effb;border-radius:20px;padding:1px 9px;font-size:10px;font-weight:600;line-height:18px}.replica-tool-row.xhs h3 b{color:#ff486c;background:#ffe9ef}.replica-tool-row p{color:#9cacc2;margin:0;font-size:11px;line-height:16px}.replica-tool-row>svg{color:#c7d3e2}.replica-recents>header{justify-content:space-between;align-items:center;margin:0 4px 20px;display:flex}.replica-recents h2{margin:0;font-size:20px;line-height:28px}.replica-recents>header a{color:#7c8ba1;align-items:center;font-size:12px;display:flex}.replica-recents>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.replica-recents>div>a{background:var(--surface);border-radius:20px;align-items:center;gap:8px;height:88px;padding:16px 12px;display:flex}.replica-recents img{object-fit:contain;width:56px;height:56px;image-rendering:pixelated;background:#f6f8fb;border-radius:12px}.replica-recents strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.replica-recents small{color:var(--muted);font-size:10px}.replica-recents>div>a>span{flex:1;min-width:0}.replica-recents>div>a>svg{color:var(--muted);flex-shrink:0}.replica-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;background:#1e293b65;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.replica-dialog{background:var(--surface);border-radius:24px;outline:none;width:440px;max-width:100%;max-height:calc(100dvh - 48px);padding:24px;overflow:auto;box-shadow:0 30px 100px #14263c30}.replica-dialog>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.replica-dialog>header h2{margin:0;font-size:20px;font-weight:700;line-height:28px}.replica-dialog h3{margin:20px 0 12px;font-size:14px;line-height:20px}.replica-dialog p{line-height:1.7}.replica-dialog .muted{color:var(--muted);font-size:12px}.replica-dialog input:not([type=checkbox]),.replica-dialog textarea{border:1px solid #e5ebf2;border-radius:12px;outline:none;width:100%;padding:12px 14px}.replica-dialog input:focus,.replica-dialog textarea:focus{border-color:#85b2e8;box-shadow:0 0 0 3px #0063c910}.replica-dialog .field-label{color:#73839a;gap:6px;font-size:12px;font-weight:500}.replica-dialog .button.full{border-radius:14px;min-height:46px;margin-top:20px}.button.primary{box-shadow:none;background:#005cbe;border-color:#005cbe}.button.primary:hover{background:#0050aa}.replica-presets{gap:8px;margin:12px 0;display:flex}.replica-presets>button{color:#8291a8;background:#f7f9fc;border:1px solid #e8edf4;border-radius:10px;flex:1;padding:9px 6px;font-size:12px}.replica-presets>button.active{color:#005cbe;background:#eaf3ff;border-color:#aecdf1}.replica-dialog footer{gap:12px;margin-top:24px;display:flex}.replica-dialog footer>.button{flex:1}.canvas-dialog .brand-selector{margin:12px 0 24px}.xhs-notice>svg{color:#ff385f}.xhs-images{grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0;display:grid}.xhs-images>div{border:1px solid var(--border);border-radius:14px;overflow:hidden}.xhs-images button{border:0;width:100%;height:170px;padding:0;display:block;position:relative}.xhs-images img{object-fit:cover;width:100%;height:100%}.xhs-images b{color:#fff;background:#0007;border-radius:6px;padding:2px 6px;font-size:11px;position:absolute;top:8px;left:8px}.xhs-images a{color:var(--primary);justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;display:flex}.xhs-preview>img{object-fit:contain;width:100%;max-height:65vh;display:block}.xhs-preview>div{align-items:center;gap:10px;margin-top:16px;display:flex}.xhs-preview>div a{margin-left:auto}.xhs-dialog{width:500px}.replica-catalog{min-height:100dvh}.replica-catalog-toolbar{z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc9;border-bottom:1px solid #edf1f666;position:sticky;top:0}.replica-catalog-toolbar>div{align-items:center;gap:8px;max-width:896px;height:48px;margin:auto;padding:0 8px;display:flex}.replica-catalog-toolbar .icon-button{color:#8291a8;background:0 0;border:0;width:28px;height:28px;padding:4px}.replica-catalog-toolbar nav{gap:4px;margin-left:6px;display:flex}.replica-catalog-toolbar nav>button{color:#96a4b8;background:#f1f5f9;border:0;border-radius:20px;align-items:center;gap:4px;height:26px;padding:4px 12px;font-size:11px;display:flex}.replica-catalog-toolbar nav>button.active{color:#005cbe;background:#dcebff;font-weight:700}.toolbar-spacer{flex:1}.replica-search{color:#8291a8;align-items:center;gap:12px;max-width:880px;margin:0 auto;padding:8px 12px 12px;display:flex}.replica-search input{background:#f0f4f9;border:0;border-radius:20px;flex:1;min-width:0;padding:9px 14px}.replica-search button{color:#005cbe;background:0 0;border:0;font-size:12px}.filter-dialog{width:480px}.filter-dialog h3{margin-top:20px}.filter-dialog .muted{margin-top:-8px;margin-bottom:12px}.filter-tags{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.filter-tags button{color:#005cbe;background:#eaf3ff;border:0;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;display:flex}.replica-masonry{align-items:flex-start;gap:8px;max-width:1200px;margin:auto;padding:16px 32px 32px;display:flex}.replica-masonry>div{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.replica-pattern-card{background:var(--surface);border:1px solid #eef2f566;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 1px 2px #b7c2d312}.replica-pattern-cover{width:100%;min-height:80px;display:block;position:relative;overflow:hidden}.replica-pattern-cover>img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.pattern-size{color:#62748d;background:#ffffffd9;border-radius:6px;padding:2px 6px;font-size:9px;position:absolute;bottom:8px;left:8px}.pattern-access{color:#fff;background:#005cbed9;border-radius:6px;padding:3px 6px;font-size:9px;position:absolute;top:8px;right:8px}.replica-pattern-info{padding:8px 10px 10px}.replica-pattern-title{color:#394559;white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:14px;font-weight:500;line-height:20px;display:block;overflow:hidden}.replica-pattern-meta{color:#9aa9bd;align-items:center;gap:7px;font-size:10px;display:flex}.replica-pattern-meta>a:first-child{white-space:nowrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.replica-pattern-meta>a:first-child>span:last-child{text-overflow:ellipsis;overflow:hidden}.replica-pattern-meta button,.replica-pattern-meta>a{color:inherit;background:0 0;border:0;flex-shrink:0;align-items:center;gap:3px;padding:0;display:flex}.mini-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:8px;display:grid}.liked{color:#f34e75!important}.protected-cover{color:#8e9eb6;background:#edf3fb;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.protected-cover strong{font-size:13px}.protected-cover small{font-size:10px}.catalog-load{flex-direction:column;align-items:center;margin:16px;display:flex}.category-page-title{margin:24px 32px 0;font-size:22px}.replica-catalog .pagination{margin:0 auto 30px;font-size:12px}.replica-catalog .pagination span{color:var(--muted);padding:8px}.replica-detail-top{border-bottom:1px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc9;height:56px;position:sticky;top:0}.replica-detail-top>div{align-items:center;gap:16px;max-width:1024px;height:100%;margin:auto;padding:0 20px;display:flex}.detail-top-author{align-items:center;gap:9px;font-size:12px;display:flex}.avatar.small{width:32px;height:32px;font-size:12px}.follow-button{color:#fff;background:#005cbe;border:0;border-radius:20px;min-width:66px;padding:6px 16px;font-size:11px}.follow-button.following{color:#94a2b5;background:#eef2f7}.replica-detail-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:32px;max-width:1024px;margin:0 auto;padding:28px 24px 24px;display:grid}.replica-detail-art{aspect-ratio:1;cursor:zoom-in;border:0;border-radius:24px;padding:0;position:sticky;top:84px;overflow:hidden}.replica-detail-art>img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.replica-detail-art>svg{color:#8192aa;opacity:.7;position:absolute;bottom:16px;right:16px}.replica-detail-info{background:var(--surface);border-radius:24px;padding:24px}.replica-detail-info h1{margin:0 0 8px;font-size:22px;font-weight:700;line-height:30px}.detail-access-badge{color:#005cbe;background:#e8f1ff;border-radius:6px;padding:3px 6px;font-size:10px}.replica-detail-info>p{color:#7f8da2;white-space:pre-line;margin:14px 0;font-size:12px;line-height:20px}.detail-category{color:#8c9bb0;background:#f3f5f9;border-radius:20px;padding:4px 10px;font-size:10px;display:inline-block}.detail-counts{color:#a0aec0;align-items:center;gap:14px;margin:16px 0 20px;font-size:10px;display:flex}.detail-counts time{margin-right:auto}.detail-counts>span{align-items:center;gap:4px;display:flex}.replica-detail-stats{text-align:center;border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);padding-top:20px;display:grid}.replica-detail-stats>div+div{border-left:1px solid var(--border)}.replica-detail-stats strong{color:#005cbe;font-size:18px;line-height:24px;display:block}.replica-detail-stats small{color:#a0adc0;margin-top:4px;font-size:10px;display:block}.replica-copyright{background:var(--surface);color:#a2afc1;text-align:left;border:0;border-radius:20px;align-items:center;gap:12px;width:100%;height:68px;margin:16px 0;padding:16px 20px;display:flex}.replica-copyright>svg:first-child{color:#e8b451}.replica-copyright>span{flex:1}.replica-copyright strong{color:#63748b;font-size:12px;font-weight:600;display:block}.replica-copyright small{margin-top:3px;font-size:10px;display:block}.replica-comments{background:var(--surface);border-radius:24px;margin-bottom:76px;padding:20px 20px 12px}.replica-comments h2{margin:0 0 16px;font-size:14px}.replica-comments h2 span{color:#a8b4c4;margin-left:4px;font-size:11px;font-weight:400}.comment-compose{background:#f6f8fb;border:1px solid #edf1f5;border-radius:16px;padding:8px 12px}.comment-compose textarea{resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:28px;padding:3px 0;font-size:12px;display:block}.compose-tools{justify-content:space-between;align-items:center;display:flex}.compose-tools .icon-button{color:#9cacc2;width:28px;height:26px;padding:0}.comment-send{color:#005cbe;background:#e4efff;border:0;border-radius:10px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;display:flex}.replica-comment{gap:10px;padding:20px 0 12px;display:flex}.replica-comment>div{flex:1;min-width:0}.replica-comment strong{color:#8e9bb0;font-size:11px;font-weight:500}.replica-comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 8px;font-size:12px;line-height:19px}.replica-comment footer{color:#adb8c8;align-items:center;gap:14px;margin:0;font-size:10px;display:flex}.replica-comment footer button{color:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:10px;display:flex}.replica-comment footer button:last-child{margin-left:auto}.replica-comment.reply{padding:6px 0 8px 42px}.replica-comment.reply>.avatar{width:24px;height:24px;font-size:10px}.expand-replies{color:#6488b6;background:0 0;border:0;margin:0 0 10px 76px;font-size:10px}.reply-target{color:#7b90ac;justify-content:space-between;font-size:10px;display:flex}.reply-target button{background:0 0;border:0}.comment-images{gap:6px;margin:8px 0;display:flex}.comment-images>button,.comment-images>span{border:0;border-radius:10px;width:68px;height:68px;padding:0;display:block;position:relative;overflow:hidden}.comment-images img{object-fit:cover;width:100%;height:100%}.comment-images>span>button{background:#fff;border:0;border-radius:50%;padding:1px;position:absolute;top:2px;right:2px}.comment-preview{object-fit:contain;width:100%;max-height:70vh}.replica-detail-actions{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);background:#ffffffec;align-items:center;gap:16px;width:380px;height:72px;padding:12px 16px;display:flex;position:fixed;bottom:0}.replica-detail-actions>.button{border-radius:14px;flex:1;height:46px;font-size:13px}.detail-heart{color:#9aabc0;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:40px;padding:0 8px;display:flex}.detail-heart span{font-size:10px}.art-preview-dialog{width:800px}.detail-big-image{object-fit:contain;width:100%;max-height:75vh;image-rendering:pixelated}.share-pattern{text-align:center}.share-pattern>img{object-fit:contain;width:160px;height:160px;image-rendering:pixelated;border-radius:16px;margin:auto auto 12px;display:block}.share-pattern strong{font-size:18px}.share-pattern p{color:var(--muted);font-size:12px}.replica-detail .comment-empty{color:#acb9ca;padding:30px 8px;font-size:11px}@media (min-width:1600px){.replica-masonry{max-width:1400px}}@media (max-width:900px){.replica-recents>div{grid-template-columns:1fr}.replica-recents>div>a{height:80px}.replica-masonry{padding:16px}.replica-detail-grid{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.replica-detail-actions{width:340px}.replica-detail-info{padding:20px}}@media (max-width:767px){.replica-shell .sidebar{display:none}.replica-shell .main-content{width:100%;margin:0;padding-bottom:64px}.replica-shell .studio-page{padding:20px 16px}.replica-studio{max-width:608px}.replica-shell .mobile-nav{background:#fffffff0;border-top:1px solid #eef1f6;height:60px}.replica-shell .mobile-nav .active{color:#005cbe}.replica-detail-grid{max-width:600px;padding:16px;display:block}.replica-detail-art{border-radius:20px;width:100%;margin-bottom:16px;display:block;position:relative;top:0}.replica-detail-right{width:100%}.replica-detail-actions{width:100%;padding:12px 20px;left:0;right:0}.replica-detail-top>div{padding:0 12px}.replica-masonry{gap:8px;padding:12px}.replica-hero{border-radius:28px}.replica-tool p{white-space:normal;font-size:10px}.replica-tool h3{margin-top:26px}.replica-tool-row{gap:12px;padding:16px 12px}.replica-tool-row h3{gap:4px;font-size:13px}.replica-tool-row h3 b{padding:0 6px;font-size:9px}.replica-recents>div{grid-template-columns:1fr}.replica-recents>div>a{height:80px}.replica-backdrop{padding:16px}.replica-dialog{border-radius:24px;max-height:calc(100dvh - 32px);padding:20px}.replica-pattern-meta{gap:6px}.replica-pattern-title{font-size:12px}.replica-catalog-toolbar>div{padding:0 12px}.replica-pattern-info{padding:8px}.replica-pattern-meta>a:first-child{font-size:9px}.replica-pattern-meta>a:last-child{display:none}}.replica-converter{min-height:100dvh}.replica-converter-top{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;height:64px;padding:0 24px;display:flex;position:relative}.replica-converter-top>nav{white-space:nowrap;align-items:center;gap:28px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.replica-converter-top nav>button{color:#a9b6c7;background:0 0;border:0;align-items:center;gap:8px;font-size:13px;display:flex}.replica-converter-top nav span{background:#edf1f6;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.replica-converter-top nav .active{color:#005cbe;font-weight:600}.replica-converter-top nav .active span{color:#fff;background:#005cbe}.replica-converter-top nav .complete span{color:#005cbe;background:#e3efff}.replica-upload{text-align:center;background:var(--surface);border:2px dashed #dce5f0;border-radius:28px;max-width:640px;margin:96px auto 40px;padding:56px 32px}.replica-upload.dragging{background:#edf5ff;border-color:#005cbe}.replica-upload-icon{color:#005cbe;background:#eef5ff;border-radius:24px;place-items:center;width:88px;height:88px;margin:0 auto 28px;display:grid}.replica-upload h1{margin:0 0 12px;font-size:24px;font-weight:700;line-height:32px}.replica-upload p{color:#95a5ba;margin:0 0 28px;font-size:14px}.replica-upload .button{border-radius:14px;padding:12px 32px}.replica-upload small{color:#a5b3c4;margin:18px 0 24px;font-size:11px;display:block}.replica-upload .upload-caption{color:#bdc8d5;margin:0;font-size:12px}.replica-crop-page{max-width:900px;margin:24px auto;padding:0 24px 32px}.replica-crop-page>header{text-align:center;margin:0 0 24px}.replica-crop-page h1{margin:0 0 6px;font-size:22px}.replica-crop-page>header p{color:#96a7bd;margin:0;font-size:12px}.crop-workbench{background:#e8edf3;border-radius:20px;justify-content:center;align-items:center;height:480px;padding:20px;display:flex;overflow:hidden}.crop-image{touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden}.crop-image>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.crop-selection{cursor:move;border:2px solid #fff;min-width:4px;min-height:4px;position:absolute;box-shadow:0 0 0 2000px #14233877}.crop-selection i{pointer-events:none;background:#ffffff70;position:absolute}.crop-selection i:first-child{width:1px;height:100%;left:33.333%}.crop-selection i:nth-child(2){width:1px;height:100%;left:66.666%}.crop-selection i:nth-child(3){width:100%;height:1px;top:33.333%}.crop-selection i:nth-child(4){width:100%;height:1px;top:66.666%}.crop-selection>button{cursor:nwse-resize;background:#fff;border:2px solid #005cbe;width:14px;height:14px;padding:0;position:absolute;bottom:-4px;right:-4px}.crop-controls{justify-content:center;gap:12px;margin:20px 0;display:flex}.crop-controls label{color:#94a4b9;align-items:center;gap:5px;font-size:12px;display:flex}.crop-controls input{border:1px solid #e0e6ef;border-radius:8px;width:54px;padding:7px}.replica-crop-page>footer{justify-content:center;gap:12px;display:flex}.replica-photo-result{grid-template-columns:minmax(0,1fr) 320px;gap:24px;max-width:1120px;margin:32px auto;padding:0 24px;display:grid}.replica-photo-result>section,.replica-photo-result>aside{background:var(--surface);border-radius:24px;padding:24px}.photo-preview-top{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;display:flex}.photo-preview-top label{color:#9baac0;align-items:center;gap:5px;font-size:11px;display:flex}.photo-preview-canvas{background:#f6f8fb;border-radius:16px;justify-content:center;align-items:center;height:520px;padding:16px;display:flex}.photo-preview-canvas canvas{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated}.photo-summary{color:#8b9eb7;justify-content:center;gap:24px;margin-top:20px;font-size:12px;display:flex}.replica-photo-result h2{margin:0 0 24px;font-size:20px}.replica-photo-result h3{margin:24px 0 12px;font-size:13px}.photo-slider{color:#8b9db4;flex-wrap:wrap;justify-content:space-between;margin:24px 0;font-size:12px;display:flex}.photo-slider b{color:#005cbe;font-weight:600}.photo-slider input{accent-color:#005cbe;width:100%;margin-top:12px}.photo-palette{grid-template-columns:repeat(4,1fr);gap:6px;max-height:180px;margin-bottom:24px;display:grid;overflow:auto}.photo-palette>span{align-items:center;gap:3px;font-size:9px;display:flex}.photo-palette i{border:1px solid #ddd;border-radius:3px;width:12px;height:12px}.photo-palette small{color:#99a9bc;font-size:8px}.replica-photo-result .button.full{margin-top:12px;font-size:12px}@media (max-width:767px){.replica-converter-top{height:56px;padding:0 12px}.replica-converter-top>nav{gap:8px;margin-left:auto;position:static;transform:none}.replica-converter-top nav>button{gap:4px;font-size:10px}.replica-converter-top nav span{width:20px;height:20px;font-size:10px}.replica-upload{margin:40px 16px;padding:40px 20px}.replica-upload h1{font-size:21px}.replica-upload p{font-size:12px}.replica-crop-page{padding:0 16px}.crop-workbench{height:380px;padding:12px}.crop-controls{flex-wrap:wrap;gap:7px}.crop-controls input{width:45px}.replica-photo-result{margin:16px auto;padding:0 16px;display:block}.replica-photo-result>section,.replica-photo-result>aside{margin-bottom:16px;padding:20px}.photo-preview-canvas{height:360px}}.replica-recents>div{grid-template-columns:1fr}.replica-recents>div>a{height:88px;padding:16px}.replica-recents strong{font-size:12px}.replica-tools-heading{margin-bottom:12px}.replica-tool{box-shadow:0 20px 40px #0058bc0d}.replica-hero h1{margin-top:18px}.replica-recents{margin-top:32px}.replica-auth{width:400px}.replica-auth>h2{margin:0 0 8px;font-size:22px}.replica-auth>p.muted{color:#94a3b8;font-size:12px}.replica-auth .auth-tabs{margin:24px 0}.replica-auth .auth-note{margin-bottom:0;font-size:10px}.replica-auth .input-icon input{border:0}.replica-auth .input-icon{background:#f7f9fc;border-radius:12px}.replica-hero .hero-plus{width:46px;height:46px;position:absolute;top:24px;left:24px}.replica-hero h1{margin:0;position:absolute;top:90px;left:24px;right:24px}.replica-hero p{line-height:20px;position:absolute;top:134px;left:24px;right:24px}.replica-tool h3{color:#1e293b;margin-top:34.25px;line-height:19.25px}.replica-tool p{font-size:11px;line-height:16.5px}.replica-row-icon{border-radius:16px}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}
:root{--account-blue:var(--primary,#005cbe);--account-surface:var(--surface,#fff);--account-text:var(--text,#1e293b);--account-line:var(--border,#e8edf3)}html[data-theme=dark]{--bg:#111827;--surface:#1e293b;--text:#e2e8f0;--ink:#e2e8f0;--muted:#94a3b8;--border:#334155;--line:#334155;--white:#1e293b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=warm]{--bg:#f8f3ea;--surface:#fffcf6;--text:#443b32;--ink:#443b32;--muted:#9a8d7e;--border:#e9e1d5;--line:#e9e1d5;--white:#fffcf6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.account-page{max-width:736px;color:var(--account-text);margin:0 auto;padding:28px 32px 64px;font-size:14px;line-height:1.5}.account-header{align-items:center;gap:14px;height:48px;margin-bottom:32px;display:flex}.account-header>a,.account-header>button{width:32px;height:36px;color:var(--account-text);place-items:center;display:grid}.account-header h1{letter-spacing:0;flex:1;margin:0;font-size:20px;font-weight:700;line-height:28px}.account-header>div{align-items:center;gap:12px;display:flex}.account-header>div>a,.account-header>div>button{color:var(--muted,#94a3b8);align-items:center;gap:5px;padding:5px;display:flex}.account-primary,.account-secondary,.account-danger{text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 20px;font-size:14px;font-weight:600;line-height:22px;display:flex}.account-primary{background:var(--account-blue);color:#fff}.account-primary:hover{filter:brightness(1.06)}.account-secondary{background:var(--bg,#f8fafc);color:var(--account-text);border-color:var(--account-line)}.account-danger{color:#fff;background:#f04457}.account-danger-text{color:#ed5264;text-align:center;padding:10px;font-size:13px}.account-text-link{color:var(--account-blue);justify-content:center;align-items:center;gap:6px;font-size:13px;display:inline-flex}.account-primary:disabled,.account-secondary:disabled,.account-danger:disabled{opacity:.5;cursor:not-allowed}.account-empty{text-align:center;min-height:350px;color:var(--muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;padding:45px 15px;display:flex}.account-empty>div{color:#b4c0cf;margin-bottom:20px}.account-empty h2{color:var(--account-text);letter-spacing:0;margin:0 0 10px;font-size:17px;font-weight:600}.account-empty p{color:var(--muted,#94a3b8);margin:0 0 22px;font-size:13px}.account-empty>.account-primary{margin-top:8px}.account-loading{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:80px 10px;display:flex}.account-error{color:#c84d5d;overflow-wrap:anywhere;background:#fff3f4;border:1px solid #f5d5d9;border-radius:12px;margin:14px 0;padding:12px 15px;font-size:13px;line-height:1.7}.account-error button{color:inherit;margin-left:16px;text-decoration:underline}.account-hint{color:var(--muted);font-size:12px;line-height:1.7}.account-overlay{z-index:1500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a59;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.account-dialog{background:var(--account-surface);width:440px;max-width:100%;max-height:90dvh;color:var(--account-text);border-radius:24px;outline:none;padding:24px;overflow:auto;box-shadow:0 24px 80px #0f172a2e}.account-dialog.is-wide{width:720px}.account-dialog>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.account-dialog>header h2{margin:0;font-size:18px;font-weight:700}.account-dialog>header>button{color:#94a3b8;background:var(--bg);border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.account-dialog .account-empty{min-height:200px;padding:28px 0 6px}.account-form{gap:18px;display:grid}.account-form>label,.account-form .brand-selector>label{color:var(--account-text);flex-direction:column;gap:8px;margin:0;font-size:13px;font-weight:500;display:flex}.account-form input,.account-form textarea,.account-form select{background:var(--bg,#f8fafc);width:100%;color:var(--account-text);border:1px solid var(--account-line);border-radius:11px;min-width:0;padding:11px 12px;font-size:14px;line-height:22px}.account-form input::placeholder,.account-form textarea::placeholder{color:#a7b3c4}.account-form p{color:var(--muted);margin:0;font-size:13px;line-height:1.85}.account-form small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6}.account-form input[type=checkbox]{width:17px;height:17px;accent-color:var(--account-blue);flex-shrink:0}.account-form .account-checkbox{flex-direction:row;align-items:center;gap:10px;line-height:1.7;display:flex}.account-destructive-note{color:#b84e5b;background:#fff3f4;border-radius:12px;padding:14px;font-size:13px;line-height:1.8}.account-service-note{background:var(--bg);border:1px solid var(--account-line);border-radius:12px;padding:18px}.account-service-note strong{margin-bottom:8px;font-size:14px;display:block}.account-service-note p{color:var(--muted);font-size:13px}.account-search{background:var(--account-surface);border:1px solid var(--account-line);color:var(--muted);border-radius:12px;align-items:center;gap:10px;min-height:45px;margin:18px 0;padding:0 13px;display:flex}.account-search input{min-width:0;color:var(--account-text);background:0 0;border:0;outline:none;flex:1;padding:11px 0;font-size:14px}.account-search>button{white-space:nowrap;align-items:center;gap:6px;padding:5px;font-size:12px;display:flex}.account-search>button.active{color:var(--account-blue)}.account-warehouse{max-width:1320px;margin:0 auto;padding:30px 32px 60px}.warehouse-top{justify-content:space-between;align-items:center;gap:20px;min-height:46px;margin:0 0 24px;display:flex}.warehouse-top>nav{align-items:center;gap:28px;display:flex}.warehouse-top>nav>button{color:#94a3b8;white-space:nowrap;align-items:center;gap:6px;padding:6px 0;font-size:16px;display:flex}.warehouse-top>nav>button.active{color:var(--account-blue);font-weight:700}.warehouse-top>nav>button>span{color:#b0bac8;font-size:12px;font-weight:400}.warehouse-top>nav>button.active>span{color:var(--account-blue)}.warehouse-top>div{align-items:center;gap:15px;display:flex}.warehouse-top>div>button{color:#94a3b8;place-items:center;padding:5px;display:grid}.warehouse-top>div>button.active{color:var(--account-blue)}.warehouse-masonry{columns:4;column-gap:18px}.warehouse-masonry>*{break-inside:avoid;vertical-align:top;width:100%;margin:0 0 18px;display:inline-block}.warehouse-new-folder{text-align:center;background:var(--account-surface);min-height:180px;color:var(--account-text);border:1px dashed #d4e2f2;border-radius:20px;padding:25px 12px}.warehouse-new-folder>span{width:48px;height:48px;color:var(--account-blue);background:#eef5ff;border-radius:14px;place-items:center;margin:0 auto 15px;display:grid}.warehouse-new-folder strong{font-size:15px;font-weight:600;display:block}.warehouse-new-folder small{color:#94a3b8;margin-top:6px;font-size:11px;display:block}.warehouse-folder-card{background:var(--account-surface);border-radius:20px;min-height:180px;position:relative}.warehouse-folder-main{color:#a9ccfb;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:180px;padding:26px 15px;display:flex}.warehouse-folder-main strong{color:var(--account-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:14px;font-size:15px;overflow:hidden}.warehouse-folder-main span{color:#94a3b8;margin-top:5px;font-size:12px}.warehouse-folder-more{color:#94a3b8;padding:5px;position:absolute;top:10px;right:10px}.warehouse-folder-path{color:#94a3b8;align-items:center;gap:8px;margin:0 0 22px;font-size:13px;display:flex}.warehouse-folder-path>button{color:var(--account-blue);align-items:center;gap:6px;padding:0;display:flex}.warehouse-folder-path>span{color:var(--account-text)}.warehouse-work{text-align:left;background:var(--account-surface);color:var(--account-text);border-radius:18px;padding:0;transition:box-shadow .15s;overflow:hidden;box-shadow:0 2px 10px #0f172a03}.warehouse-work:hover{box-shadow:0 7px 25px #0f172a0a}.warehouse-work-image{background:#fff;justify-content:center;align-items:center;min-height:140px;max-height:420px;padding:10%;display:flex;position:relative}.warehouse-work-image img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.warehouse-draft{color:#64748b;background:#fff9;border:1px solid #ffffff80;border-radius:6px;padding:3px 7px;font-size:10px;position:absolute;top:10px;left:10px}.warehouse-work-info{padding:13px 14px 15px}.warehouse-work-info>strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.warehouse-work-info>span{color:#a2aebf;align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}.warehouse-work-info>span i{font-style:normal}.warehouse-status{color:#91a0b4;align-items:center;gap:5px;margin-top:11px;font-size:11px;display:flex}.warehouse-status>b{background:#bac5d4;border-radius:50%;width:5px;height:5px}.warehouse-status.in-progress{color:#e59738}.warehouse-status.in-progress>b{background:#e6a34a}.warehouse-status.completed{color:#32a184}.warehouse-status.completed>b{background:#32a184}.warehouse-status>small{margin-left:auto;font-size:11px}.warehouse-sheet-summary{border-bottom:1px solid var(--account-line);align-items:center;gap:13px;margin-bottom:8px;padding-bottom:18px;display:flex}.warehouse-sheet-summary>img{object-fit:contain;background:var(--bg);width:56px;height:60px;image-rendering:pixelated;border-radius:11px;padding:7px}.warehouse-sheet-summary>div{flex:1;min-width:0}.warehouse-sheet-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.warehouse-sheet-summary small{color:#94a3b8;font-size:11px}.warehouse-sheet-summary span{color:#94a3b8;margin-top:5px;font-size:12px;display:block}.warehouse-sheet-summary>button{color:#94a3b8;padding:5px}.warehouse-actions{gap:1px;display:grid}.warehouse-actions>a,.warehouse-actions>button{text-align:left;min-height:42px;color:var(--account-text);border-radius:9px;align-items:center;gap:14px;padding:10px 8px;font-size:14px;display:flex}.warehouse-actions>a:hover,.warehouse-actions>button:hover{background:var(--bg)}.warehouse-actions svg{color:#94a3b8}.warehouse-actions .primary,.warehouse-actions .primary svg{color:var(--account-blue)}.warehouse-actions .primary{font-weight:600}.warehouse-actions .primary>svg:last-child{margin-left:auto}.warehouse-actions .danger,.warehouse-actions .danger svg{color:#ee5b6d}.account-sheet-cancel{background:var(--bg);color:#94a3b8;text-align:center;border-radius:11px;width:100%;margin-top:15px;padding:12px;font-size:14px}.account-select-list{gap:5px;display:grid}.account-select-list>button{text-align:left;border-radius:10px;align-items:center;gap:10px;padding:14px 12px;font-size:14px;display:flex}.account-select-list>button:hover{background:var(--bg)}.account-select-list>button>svg:first-child{color:#7dacde}.account-select-list>button>svg:last-child:not(:first-child){color:var(--account-blue);margin-left:auto}.account-select-list p{color:var(--muted);padding:15px;font-size:13px}.warehouse-preview{text-align:center}.warehouse-preview>img{max-height:65vh;image-rendering:pixelated;background:#fff;border-radius:12px;margin:auto;padding:20px}.warehouse-preview>p{color:var(--muted);margin-top:18px;font-size:13px}.account-shortage-list{gap:8px;max-height:360px;display:grid;overflow:auto}.account-shortage-list>div{border-bottom:1px solid var(--account-line);align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.account-shortage-list>div>span{border:1px solid #0001;border-radius:5px;width:20px;height:20px}.account-shortage-list>div>small{margin-left:auto}.account-shortage-list>div>b{color:#c78945;font-size:11px;font-weight:500}.warehouse-sheet-description{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;margin:12px 6px;font-size:12px;line-height:1.8;overflow:auto}.account-profile{max-width:672px;margin:0 auto;padding:42px 32px 50px}.account-profile-user{align-items:center;gap:17px;display:flex}.account-profile-avatar{color:#fff;border-radius:21px;flex-shrink:0;place-items:center;width:68px;height:68px;font-size:25px;font-weight:600;display:grid}.account-profile-avatar:has(svg){color:#94a3b8}.account-profile-user>div{flex:1;min-width:0}.account-profile-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:100%;color:var(--account-text);padding:0;font-size:21px;font-weight:700;line-height:29px;overflow:hidden}.account-profile-user p{color:#94a3b8;margin-top:8px;font-size:12px;line-height:20px}.account-profile-user>a{color:#94a3b8;align-self:flex-start;margin-top:6px;padding:4px}.account-profile-stats{text-align:center;grid-template-columns:repeat(4,1fr);margin:30px 0 29px;display:grid}.account-profile-stats>a,.account-profile-stats>div,.account-profile-stats>button{flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.account-profile-stats strong{color:var(--account-text);font-size:21px;font-weight:650;line-height:28px}.account-profile-stats span{color:#94a3b8;font-size:12px}.account-vip-banner{color:#ecd2a7;background:linear-gradient(110deg,#192f53,#294c78);border-radius:18px;align-items:center;gap:14px;margin-bottom:24px;padding:21px 23px;display:flex}.account-vip-banner>span{flex-shrink:0;place-items:center;display:grid}.account-vip-banner>div{flex:1}.account-vip-banner strong{font-size:16px;line-height:24px}.account-vip-banner p{color:#becbdc;margin-top:4px;font-size:11px}.account-vip-banner>svg{color:#c5b492}.account-menu{background:var(--account-surface);border-radius:20px;padding:4px 0;overflow:hidden}.account-menu>a,.account-menu>button{text-align:left;width:100%;color:var(--account-text);align-items:center;gap:13px;min-height:63px;padding:20px 22px;font-size:14px;display:flex}.account-menu>a+a,.account-menu>button+button{border-top:1px solid var(--account-line)}.account-menu>a:hover,.account-menu>button:hover{background:var(--bg)}.account-menu>a>svg:first-child,.account-menu>button>svg:first-child{color:#8396b0}.account-menu>a>svg:last-child,.account-menu>button>svg:last-child{color:#c4cfdd;margin-left:auto}.account-menu small{color:#a5b1c1;white-space:nowrap;margin-left:auto;font-size:11px}.account-menu small+svg:last-child{margin-left:0}.account-new-tag{color:#518ee2;background:#edf4ff;border-radius:4px;padding:0 5px;font-size:9px;line-height:16px}.account-download-row{background:var(--account-surface);color:#8396b0;border-radius:18px;align-items:center;gap:13px;margin-top:18px;padding:20px 22px;display:flex}.account-download-row>span{flex:1}.account-download-row strong{color:var(--account-text);font-size:14px;font-weight:500;display:block}.account-download-row small{color:#a4b1c2;margin-top:4px;font-size:10px;display:block}.account-download-row>b{color:var(--account-blue);background:#edf4ff;border-radius:7px;padding:5px 12px;font-size:11px;font-weight:500}.account-download-row>svg:last-child{color:#c4cfdd}.account-admin-link{color:#94a3b8;justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:12px;display:flex}.account-people>a{border-bottom:1px solid var(--account-line);align-items:center;gap:12px;padding:14px 0;display:flex}.account-people>a>span{color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.account-people strong{flex:1;font-size:14px}.account-people svg{color:#94a3b8}.account-section-label{color:#94a3b8;margin:26px 3px 12px;font-size:13px;font-weight:500}.account-setting-group{background:var(--account-surface);border-radius:18px;margin-bottom:24px;overflow:hidden}.account-setting-group>button,.account-setting-group>div,.account-setting-group>a{text-align:left;width:100%;color:var(--account-text);align-items:center;gap:10px;min-height:62px;padding:20px;font-size:14px;display:flex}.account-setting-group>*+*{border-top:1px solid var(--account-line)}.account-setting-group small{color:#94a3b8;overflow-wrap:anywhere;margin-left:auto;font-size:12px}.account-setting-group svg{color:#b7c4d6;margin-left:auto}.account-setting-group small+svg{margin-left:0}.account-themes{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px;display:grid}.account-themes>button{background:var(--account-surface);text-align:left;border:2px solid #0000;border-radius:15px;padding:9px}.account-themes>button.active{border-color:var(--account-blue)}.account-themes>button>span{background:#f1f5f9;border-radius:8px;height:84px;padding:15px 10px 10px 34px;display:block;position:relative}.account-themes>button>span:before{content:"";background:#fff;border-radius:8px 0 0 8px;width:25px;height:100%;position:absolute;top:0;left:0}.account-themes i{background:#fff;border-radius:2px;height:8px;margin:0 0 8px;display:block}.account-themes i:nth-child(2){width:70%}.account-themes>button>div{color:var(--account-text);align-items:center;gap:6px;padding:11px 1px 2px;font-size:12px;display:flex}.account-themes>button>div>svg:last-child:not(:first-child){color:var(--account-blue);margin-left:auto}.account-themes .theme-dark>span{background:#172233}.account-themes .theme-dark>span:before,.account-themes .theme-dark i{background:#334155}.account-themes .theme-warm>span{background:#f3e9d9}.account-themes .theme-warm>span:before,.account-themes .theme-warm i{background:#fffaf0}.account-logout{background:var(--account-surface);color:#ed5365;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:14px;display:flex}.account-delete-user{color:#a7b1bf;margin:25px auto 0;padding:8px;font-size:12px;display:block}.bean-warehouse-list{gap:15px;display:grid}.bean-warehouse-list>button{background:var(--account-surface);text-align:left;border-radius:19px;align-items:center;gap:16px;padding:23px 20px;display:flex}.bean-warehouse-list>button>span{width:54px;height:54px;color:var(--account-blue);background:#eef5ff;border-radius:17px;place-items:center;display:grid}.bean-warehouse-list>button>div{flex:1}.bean-warehouse-list strong{color:var(--account-text);font-size:16px}.bean-warehouse-list p{color:#94a3b8;margin-top:7px;font-size:12px}.bean-warehouse-list>button>svg{color:#b5c2d2}.bean-warehouse-subhead{color:#94a3b8;justify-content:space-between;margin-top:-8px;margin-bottom:21px;font-size:12px;display:flex}.bean-warehouse-subhead>button{color:var(--account-blue);align-items:center;gap:5px;padding:0;display:flex}.bean-stock-summary{background:var(--account-surface);border-radius:17px;align-items:center;gap:40px;padding:21px;display:flex}.bean-stock-summary>div>strong{font-size:23px;font-weight:600;line-height:1.5;display:block}.bean-stock-summary>div>span{color:#94a3b8;font-size:11px}.bean-stock-summary>button{color:var(--account-blue);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:12px;display:flex}.bean-color-filters{flex-wrap:wrap;align-items:center;gap:7px;margin:20px 0;display:flex}.bean-color-filters>button{color:#94a3b8;background:var(--account-surface);border-radius:6px;padding:5px 10px;font-size:12px}.bean-color-filters>button.active{color:var(--account-blue);background:#e9f2ff}.bean-color-filters>span{flex:1}.bean-color-filters select{border:1px solid var(--account-line);background:var(--account-surface);color:var(--account-text);border-radius:7px;padding:4px 8px;font-size:12px}.bean-color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.bean-color-grid>button{background:var(--account-surface);color:var(--account-text);border:1px solid #0000;border-radius:13px;flex-direction:column;align-items:center;gap:6px;padding:15px 8px;display:flex;position:relative}.bean-color-grid>button>span{border:1px solid #0000000a;border-radius:10px;width:36px;height:36px;margin-bottom:4px}.bean-color-grid>button>strong{font-size:12px;font-weight:600}.bean-color-grid>button>small{color:#94a3b8;font-size:11px}.bean-color-grid>button.is-low{border-color:#f2d7b8}.bean-color-grid>button>svg{color:#dc9b47;position:absolute;top:8px;right:8px}.bean-ratio{background:var(--bg);border:1px solid var(--account-line);border-radius:11px;align-items:center;gap:10px;padding:0 12px;display:flex}.bean-ratio>span{white-space:nowrap;color:#94a3b8;font-size:13px;font-weight:400}.bean-ratio>input{text-align:center;min-width:0;background:0 0!important;border:0!important}.account-form .account-switch-row{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;display:flex}.account-switch-row>span>strong{font-size:13px;font-weight:500;display:block}.account-switch-row small{margin-top:5px;display:block}.account-switch-row>input{appearance:none;cursor:pointer;background:#dce3ed;border:0;border-radius:20px;padding:0;position:relative;width:38px!important;height:22px!important}.account-switch-row>input:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.account-switch-row>input:checked{background:var(--account-blue)}.account-switch-row>input:checked:before{transform:translate(16px)}.bean-edit-color{background:var(--bg);border-radius:13px;align-items:center;gap:13px;padding:15px;display:flex}.bean-edit-color>span{border:1px solid #0001;border-radius:12px;width:43px;height:43px}.bean-edit-color strong{font-size:14px;display:block}.bean-edit-color small{margin-top:5px;display:block}.account-legacy-stock{margin-top:35px}.account-legacy-stock h2{font-size:16px}.account-legacy-stock>p{color:#94a3b8;margin:10px 0 20px;font-size:12px}.vip-heading{text-align:center;padding:5px 10px 25px}.vip-heading>span{color:#a67b35;background:linear-gradient(135deg,#fff0ce,#f7d591);border-radius:25px;place-items:center;width:80px;height:80px;margin:0 auto 18px;display:grid;box-shadow:0 8px 24px #c9994221}.vip-heading h2{color:var(--account-text);font-size:22px;font-weight:700}.vip-heading p{color:#a0aaba;margin-top:10px;font-size:12px}.vip-plans{grid-template-columns:repeat(3,1fr);gap:13px;margin:21px 0 22px;display:grid}.vip-plans>button{background:var(--account-surface);color:#907344;border:1.5px solid #e8e1d7;border-radius:17px;flex-direction:column;align-items:center;padding:26px 9px 20px;display:flex;position:relative}.vip-plans>button.active{background:#fff8e9;border-color:#c49751;box-shadow:0 4px 15px #d2ad6810}.vip-plans>button>b{color:#fff;background:#c59855;border-radius:8px 8px 8px 0;padding:3px 11px;font-size:10px;font-weight:500;position:absolute;top:-12px}.vip-plans strong{font-size:15px;font-weight:600}.vip-plans>button>span{letter-spacing:-1px;margin:12px 0 1px;font-size:30px;font-weight:750;line-height:40px}.vip-plans>button>span>small{letter-spacing:0;margin-right:2px;font-size:13px}.vip-plans del{color:#beb3a1;font-size:11px}.vip-plans>button>small{color:#b2a38b;margin-top:10px;font-size:11px}.vip-plans>button>svg{color:#b48b4b;position:absolute;bottom:8px;right:8px}.vip-purchase{color:#5b431f;background:linear-gradient(100deg,#e8c78e,#d9b06b);border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px 16px;font-size:15px;font-weight:650;display:flex}.vip-purchase>span{margin-left:10px}.vip-order-hint{color:#b3bdc9;text-align:center;margin-top:10px;font-size:10px}.vip-benefits{background:var(--account-surface);border-radius:19px;margin-top:30px;padding:23px 20px}.vip-benefits h2{margin:0 0 19px;font-size:16px;font-weight:650}.vip-benefits table{border-collapse:collapse;width:100%;font-size:12px}.vip-benefits th{color:#94a3b8;text-align:center;padding:10px 3px 15px;font-weight:500}.vip-benefits th:first-child,.vip-benefits td:first-child{text-align:left}.vip-benefits th:last-child{color:#b98b47}.vip-benefits th svg{vertical-align:-3px;margin-right:3px}.vip-benefits td{text-align:center;border-top:1px solid var(--account-line);color:#94a3b8;padding:16px 3px}.vip-benefits td:first-child{color:var(--account-text)}.vip-benefits td:last-child{color:#b28b53;font-weight:500}.vip-benefits td svg{margin:auto;display:block}.vip-benefits>p{color:#a9b4c3;margin-top:17px;font-size:10px;line-height:1.8}.vip-entry-list{margin-top:20px}.vip-payment-summary{color:#9e7a40;background:#fff7e7;border-radius:12px;align-items:center;gap:12px;padding:18px;display:flex}.vip-payment-summary span{flex:1;font-size:14px}.vip-payment-summary strong{font-size:21px}.account-orders{gap:15px;display:grid}.account-orders article{background:var(--account-surface);border-radius:17px;padding:23px}.account-orders article>div,.account-orders footer{justify-content:space-between;align-items:center;gap:15px;display:flex}.account-orders strong{font-size:15px}.account-orders article>div>span{color:#b28b53;font-size:12px}.account-orders p{color:#94a3b8;overflow-wrap:anywhere;margin:12px 0 18px;font-size:11px}.account-orders time{color:#94a3b8;font-size:11px}.account-orders footer>b{font-size:17px}.account-notifications>.account-empty{min-height:470px}.account-notice-list{gap:12px;display:grid}.account-notice-list>button{text-align:left;background:var(--account-surface);border-radius:15px;align-items:flex-start;gap:14px;padding:20px;display:flex}.account-notice-list>button>span{color:#6f9bd0;background:#edf4ff;border-radius:13px;flex-shrink:0;place-items:center;width:41px;height:41px;display:grid}.account-notice-list>button>div{flex:1;min-width:0}.account-notice-list strong{color:var(--account-text);font-size:14px}.account-notice-list p{color:#94a3b8;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0;font-size:12px;line-height:1.8}.account-notice-list time{color:#a9b5c5;font-size:10px}.account-notice-list i{background:#e56575;border-radius:50%;width:6px;height:6px;margin-top:5px}.feedback-intro{margin:0 0 24px}.feedback-intro h2{color:var(--account-text);margin-bottom:9px;font-size:21px}.feedback-intro p{color:#94a3b8;font-size:13px}.feedback-form{background:var(--account-surface);border-radius:20px;gap:25px;padding:24px}.feedback-count{text-align:right;display:block}.feedback-images{flex-wrap:wrap;gap:10px;display:flex}.feedback-images>span,.feedback-images>button{flex-shrink:0;width:80px;height:80px;position:relative}.feedback-images>span>img{object-fit:cover;border-radius:10px;width:100%;height:100%}.feedback-images>span>button{color:#fff;background:#5b6472;border-radius:50%;place-items:center;width:21px;height:21px;padding:0;display:grid;position:absolute;top:-4px;right:-4px}.feedback-images>button{background:var(--bg);color:#a6b6cb;border:1px dashed #d1dbe8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.feedback-images small{font-size:10px}.account-feedback-history{gap:15px;display:grid}.account-feedback-history article{border:1px solid var(--account-line);border-radius:12px;padding:18px}.account-feedback-history header{color:#94a3b8;justify-content:space-between;font-size:11px;display:flex}.account-feedback-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0;font-size:13px;line-height:1.8}.account-feedback-history article>div{gap:8px;display:flex}.account-feedback-history article img{object-fit:cover;border-radius:8px;width:72px;height:72px}.account-tutorial-list{gap:14px;display:grid}.account-tutorial-list>a{background:var(--account-surface);border-radius:17px;align-items:center;gap:17px;padding:21px;display:flex}.account-tutorial-list>a>span{color:#4c87d3;background:#ecf4ff;border-radius:15px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.account-tutorial-list>a>div{flex:1}.account-tutorial-list strong{color:var(--account-text);font-size:15px;display:block}.account-tutorial-list p{color:#94a3b8;margin-top:6px;font-size:12px}.account-tutorial-list>a>svg{color:#b4c4d8}.account-guide-banner{color:#5787c2;background:#edf5ff;border-radius:16px;margin-bottom:22px;padding:22px;font-size:13px;line-height:1.9}.account-guide-banner strong{margin-bottom:7px;font-size:17px;display:block}.account-guide-banner p{color:#789abd}.account-article{background:var(--account-surface);color:var(--account-text);border-radius:20px;padding:28px}.account-article h2{margin:24px 0 12px;font-size:18px}.account-article h2:first-child{margin-top:0}.account-article h3{margin:22px 0 10px;font-size:15px}.account-article p,.account-article li{color:#7f90a6;font-size:13px;line-height:2}.account-article p{margin:12px 0}.account-article ol,.account-article ul{padding-left:22px}.account-article a{color:var(--account-blue)}.account-changelog{background:var(--account-surface);border-radius:20px;padding:25px}.account-changelog article{border-left:1px solid #dfe8f3;margin-left:7px;padding:0 0 24px 21px;position:relative}.account-changelog article:before{content:"";background:#7ea9df;border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:-5px}.account-changelog article:last-child{border-color:#0000;padding-bottom:0}.account-changelog header{color:var(--account-text);justify-content:space-between;gap:15px;font-size:15px;display:flex}.account-changelog time{color:#94a3b8;font-size:11px}.account-changelog li{color:#8495ad;margin-top:8px;font-size:13px;line-height:1.8}.account-changelog ul{margin-bottom:0;padding-left:16px}.account-about-logo{background:var(--account-blue);border-radius:22px;grid-template-columns:repeat(2,1fr);gap:5px;width:75px;height:75px;margin:35px auto 18px;padding:15px;display:grid}.account-about-logo>i{background:#fff;border-radius:4px}.account-about-name{text-align:center;margin-bottom:6px;font-size:23px}.account-about-version{text-align:center;color:#94a3b8;margin-bottom:32px;font-size:12px}.account-download-platforms{grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;display:grid}.account-download-platforms>section{background:var(--account-surface);text-align:center;border-radius:18px;flex-direction:column;align-items:center;padding:26px 18px;display:flex}.account-download-platforms h2{margin:15px 0 9px;font-size:17px}.account-download-platforms p{color:#94a3b8;margin-bottom:18px;font-size:12px;line-height:1.9}.account-download-platforms .account-primary{width:100%;font-size:12px}.account-download-unavailable{color:#a1adbc;border:1px solid var(--account-line);border-radius:10px;padding:10px 14px;font-size:12px}.account-publish-preview{background:var(--bg);border-radius:12px;align-items:center;gap:13px;margin-bottom:22px;padding:13px;display:flex}.account-publish-preview>img{object-fit:contain;width:58px;height:62px;image-rendering:pixelated;background:#fff;border-radius:7px;padding:5px}.account-publish-preview strong{font-size:14px;display:block}.account-publish-preview span{color:#94a3b8;font-size:12px}@media (max-width:1250px){.warehouse-masonry{columns:3}.account-warehouse{padding:28px 26px}.warehouse-top>nav{gap:22px}}@media (max-width:1000px){.warehouse-masonry{columns:2}.account-page{padding:24px 26px 55px}.account-profile{padding:35px 26px}.bean-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.warehouse-top>nav{gap:18px}.warehouse-top>nav>button{font-size:14px}.warehouse-top>div{gap:10px}}@media (max-width:650px){.account-page{padding:15px 18px 35px}.account-header{gap:9px;height:44px;margin-bottom:24px}.account-header h1{font-size:18px}.account-header>div .account-text-link{font-size:11px}.account-header>div>button svg{width:19px}.account-profile{padding:28px 20px 35px}.account-profile-avatar{border-radius:19px;width:62px;height:62px}.account-profile-name{font-size:20px}.account-profile-user{gap:14px}.account-profile-user p{margin-top:6px;font-size:10px;line-height:17px}.account-profile-stats{margin:28px 0}.account-vip-banner{border-radius:17px;padding:20px 19px}.account-vip-banner strong{font-size:15px}.account-vip-banner p{font-size:10px}.account-menu>a,.account-menu>button{gap:11px;min-height:61px;padding:18px 19px;font-size:14px}.account-menu small{font-size:10px}.account-download-row{padding:20px}.account-warehouse{padding:19px 17px 35px}.warehouse-top{gap:9px;margin-bottom:20px}.warehouse-top>nav{gap:19px}.warehouse-top>nav>button{gap:4px;font-size:14px}.warehouse-top>nav>button>span{font-size:10px}.warehouse-top>div{gap:7px}.warehouse-top>div>button{padding:3px}.warehouse-top>div>button>svg{width:18px}.warehouse-masonry{column-gap:12px}.warehouse-masonry>*{margin-bottom:12px}.warehouse-new-folder{border-radius:16px;min-height:166px;padding:23px 8px}.warehouse-new-folder>span{width:43px;height:43px;margin-bottom:13px}.warehouse-new-folder strong{font-size:13px}.warehouse-new-folder small{font-size:9px;line-height:1.8}.warehouse-work{border-radius:14px}.warehouse-work-image{min-height:120px}.warehouse-work-info{padding:11px 11px 13px}.warehouse-work-info>strong{font-size:13px}.warehouse-work-info>span{gap:4px;font-size:10px}.warehouse-status{margin-top:9px;font-size:10px}.warehouse-folder-card{border-radius:16px;min-height:166px}.warehouse-folder-main{min-height:166px;padding:22px 12px}.warehouse-folder-main strong{font-size:13px}.warehouse-folder-main>svg{width:47px}.account-overlay{padding:20px}.account-dialog{border-radius:21px;max-height:91dvh;padding:22px}.account-dialog>header{margin-bottom:21px}.account-dialog>header h2{font-size:17px}.account-overlay.is-sheet{align-items:flex-end;padding:0}.account-overlay.is-sheet>.account-dialog{width:100%;max-height:92dvh;padding:21px 23px max(24px,env(safe-area-inset-bottom));border-radius:23px 23px 0 0}.warehouse-actions>a,.warehouse-actions>button{min-height:43px;padding:10px 5px;font-size:14px}.account-themes{gap:10px}.account-themes>button{padding:7px}.account-themes>button>span{height:70px;padding-left:29px}.account-themes>button>span:before{width:21px}.account-setting-group>button,.account-setting-group>div,.account-setting-group>a{padding:19px}.account-setting-group small{font-size:11px}.bean-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.bean-color-grid>button{border-radius:11px;padding:12px 5px}.bean-color-grid>button>span{border-radius:8px;width:31px;height:31px}.bean-color-grid>button>small{font-size:10px}.bean-stock-summary{gap:25px;padding:19px}.bean-stock-summary>div>strong{font-size:20px}.bean-stock-summary>button{gap:3px;font-size:10px}.bean-stock-summary>button>svg{width:16px}.bean-stock-summary>div>span{font-size:10px}.bean-warehouse-subhead{font-size:11px}.vip-heading{padding-top:0}.vip-heading>span{border-radius:22px;width:69px;height:69px}.vip-heading h2{font-size:20px}.vip-heading p{font-size:11px}.vip-plans{gap:10px}.vip-plans>button{border-radius:14px;padding:23px 7px 17px}.vip-plans strong{font-size:13px}.vip-plans>button>span{margin-top:10px;font-size:27px}.vip-plans>button>small{font-size:10px}.vip-purchase{font-size:14px}.vip-benefits{padding:20px 17px}.vip-benefits table{font-size:11px}.vip-benefits>p{font-size:9px}.feedback-form{padding:20px}.feedback-intro h2{font-size:20px}.feedback-images>span,.feedback-images>button{width:66px;height:66px}.feedback-images{gap:9px}.account-article{padding:22px}.account-changelog{padding:23px 20px}.account-changelog header{font-size:14px}.account-changelog time{font-size:10px}.account-download-platforms{gap:12px}.account-download-platforms>section{padding:22px 13px}.account-download-platforms p{font-size:11px}.account-about-logo{margin-top:20px}.account-notifications>.account-empty{min-height:390px}.account-notice-list>button{gap:12px;padding:18px}.account-tutorial-list>a{gap:13px;padding:19px}.account-tutorial-list strong{font-size:14px}.account-tutorial-list p{font-size:11px}}@media (max-width:370px){.warehouse-top>nav{gap:13px}.warehouse-top>nav>button{font-size:13px}.warehouse-top>div{gap:3px}.account-profile-user p{max-width:180px}.bean-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.warehouse-masonry{columns:auto;grid-template-columns:repeat(var(--warehouse-columns,4),minmax(0,1fr));align-items:start;gap:18px;display:grid}.warehouse-masonry>.warehouse-masonry-column{flex-direction:column;gap:18px;width:100%;min-width:0;margin:0;display:flex}.warehouse-masonry-item{width:100%;min-width:0}.warehouse-masonry-item>.warehouse-new-folder,.warehouse-masonry-item>.warehouse-folder-card,.warehouse-masonry-item>.warehouse-work{width:100%;margin:0;display:block}.warehouse-work-image{padding:0}@media (max-width:650px){.warehouse-masonry,.warehouse-masonry>.warehouse-masonry-column{gap:12px}}