.meta-row,.section-head{align-items:center;display:flex;gap:16px;justify-content:space-between}.meta-row{color:var(--text-soft);margin-top:16px}.dashboard-edit-page{padding:2rem 1.5rem}.edit-layout-dashboard{align-items:start;display:grid;gap:24px;grid-template-columns:180px minmax(0,1fr) 320px;margin-top:24px}.edit-layout-dashboard .left-sidebar{position:sticky;top:88px}.edit-layout-dashboard .left-forms-stack{display:flex;flex-direction:column;gap:24px;min-width:0}.edit-layout-dashboard .publish-preview-column{display:flex;flex-direction:column;gap:20px;position:sticky;top:88px}@media(max-width:1200px){.edit-layout-dashboard{grid-template-columns:1fr 320px}.edit-layout-dashboard .left-sidebar{grid-column:1/-1;position:static}}@media(max-width:860px){.edit-layout-dashboard{grid-template-columns:1fr}.edit-layout-dashboard .publish-preview-column{position:static}}.creator-dashboard-page:before,.publish-page:before{background:radial-gradient(circle at 14% 6%,rgba(207,229,192,.68),transparent 32%),radial-gradient(circle at 88% 0,rgba(242,212,154,.42),transparent 30%);content:"";height:360px;inset:0 0 auto;position:absolute;z-index:-1}.creator-dashboard-hero{background:linear-gradient(135deg,#fffffff0,#f4f9eee0),radial-gradient(circle at 96% 0,rgba(31,108,53,.12),transparent 34%);display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}.creator-dashboard-copy{align-content:center;display:grid;gap:16px}.creator-dashboard-copy h1{max-width:9ch}.creator-dashboard-summary{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.creator-summary-card{align-content:end;border-radius:22px;display:grid;min-height:112px;overflow:hidden;padding:16px;position:relative}.creator-summary-card:before{background:#ffffff40;border-radius:999px;content:"";height:100px;position:absolute;right:-24px;top:-24px;width:100px}.creator-summary-card span,.creator-summary-card strong{color:#fff;position:relative;z-index:1}.creator-summary-card strong{font-size:30px;line-height:1}.creator-summary-card span{font-size:13px;font-weight:800}.creator-action-panel{display:grid;gap:16px}.creator-action-list{display:grid;gap:10px}.creator-action-item{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;display:flex;gap:12px;justify-content:space-between;padding:14px}.creator-action-item strong{font-size:24px}.creator-action-item span{color:var(--text-soft)}.creator-project-card{background:#ffffffd6;border-color:#2d452f1a;box-shadow:0 14px 40px #2d452f0d;display:grid;gap:18px;grid-template-columns:190px minmax(0,1fr);padding:14px;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.creator-project-card:hover{border-color:#1f6c352e;box-shadow:0 24px 60px #2d452f17;transform:translateY(-2px)}.creator-project-thumb{background-position:50%;background-size:cover;border-radius:24px;display:grid;isolation:isolate;min-height:190px;overflow:hidden;place-items:center;position:relative}.creator-project-thumb:before{background:#ffffff3d;border-radius:999px;content:"";height:120px;position:absolute;right:-32px;top:-32px;width:120px}.creator-project-thumb span{color:#fffffff0;font-size:46px;font-weight:900;letter-spacing:-.08em;position:relative;z-index:1}.creator-project-body{display:grid;gap:12px;min-width:0;padding:4px 4px 4px 0}.creator-status-stack{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.creator-project-metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.creator-project-metrics div{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;padding:12px}.creator-project-metrics strong{display:block;font-size:22px}.creator-project-metrics span{color:var(--text-soft);font-size:13px}.creator-empty-card{align-items:center;display:grid;gap:20px;grid-template-columns:160px minmax(0,1fr)}.creator-empty-thumb{border-radius:24px;display:grid;min-height:150px;place-items:center}.creator-empty-thumb span{color:#fff;font-size:54px;font-weight:900}.publish-preview-column{align-content:start;display:grid;gap:18px}.publish-preview-card{background:#ffffffd6;border-color:#2d452f1a;box-shadow:0 24px 70px #2d452f14;overflow:hidden;padding:0}.publish-preview-cover{display:grid;min-height:260px;overflow:hidden;place-items:center;position:relative}.publish-preview-cover:after,.publish-preview-cover:before{background:#ffffff3d;border-radius:999px;content:"";position:absolute}.publish-preview-cover:before{height:180px;right:-48px;top:-44px;width:180px}.publish-preview-cover:after{bottom:-34px;height:120px;left:-34px;width:120px}.publish-preview-cover span{color:#fffffff0;font-size:72px;font-weight:900;letter-spacing:-.1em;position:relative;z-index:1}.publish-preview-body{display:grid;gap:16px;padding:24px}.publish-preview-body h1{font-size:clamp(32px,5vw,52px)}.publish-preview-body p{color:var(--text-soft);line-height:1.7;margin:0}.modpack-preview-card{background:#fff;border-color:#2d452f1a;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;overflow:hidden;padding:18px}.mp-cover-area{aspect-ratio:16/9;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:opacity .2s ease;width:100%}.mp-cover-area.is-uploading{cursor:default;opacity:.8}.mp-cover-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mp-cover-fallback{background:#fafbfc;border:2px dashed #d9dde3;border-radius:12px;color:#c5cdc0;cursor:pointer;display:grid;height:100%;place-items:center;transition:all .2s ease;width:100%}.mp-cover-fallback:hover{background:#f6f9f4;border-color:var(--c-primary,#2e7d32);color:var(--c-primary,#2e7d32)}.mp-cover-fallback-text{color:#9ca3af;font-size:14px;font-weight:600}.mp-cover-fallback-tips{color:#c5cdc0;font-size:11px;line-height:1.5;max-width:280px;text-align:center}.card-icon{position:relative}.icon-upload-tips{align-items:center;background:#000000a6;color:#fff;display:flex;font-size:12px;font-weight:600;inset:0;justify-content:center;line-height:1.4;opacity:0;padding:8px;pointer-events:none;position:absolute;text-align:center;transition:opacity .2s}.card-icon:hover .icon-upload-tips{opacity:1}.mp-cover-area.has-cover:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:6px;bottom:10px;color:#fff;content:"点击更换封面";font-size:.7rem;font-weight:600;opacity:0;padding:4px 10px;position:absolute;right:10px;transition:opacity .2s ease}.mp-cover-area.has-cover:hover:after{opacity:1}.mp-cover-remove{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:all .2s ease;width:28px;z-index:5}.mp-cover-remove:hover{background:#c80000cc;transform:scale(1.08)}.mp-cover-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.mp-cover-overlay span{background:#fffc;border-radius:40px;color:#374151;font-size:.95rem;font-weight:600;padding:.4rem 1.2rem}.mp-card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:16px 2px 0}.mp-header-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.mp-title-group{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.mp-pack-name{color:#1f2937;font-size:1.15rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-author{color:#9ca3af;font-size:.82rem}.mp-badge{align-self:flex-start;background:#f3f4f6;border-radius:999px;color:#9ca3af;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:3px 10px}.mp-summary{color:#6b7280;display:-webkit-box;font-size:.875rem;-webkit-line-clamp:2;line-height:1.6;margin:0;-webkit-box-orient:vertical;overflow:hidden}.mp-tag-row{display:flex;flex-wrap:wrap;gap:6px}.directory-card-body .tag-row-wrap{cursor:default;margin:8px 0 12px;overflow:hidden;position:relative}.directory-card-body .tag-row-wrap:after{background:linear-gradient(90deg,transparent,#fff);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:40px}.pack-card:hover .directory-card-body .tag-row-wrap:after{display:none}.directory-card-body .tag-row-wrap .mp-tag-row{flex-wrap:nowrap;margin:0;width:-moz-max-content;width:max-content}.directory-card-body .tag-row-wrap .mp-tag-row.can-scroll:hover{animation:dir-tags-scroll 4s ease-in-out infinite alternate}.directory-card-body .tag-row-wrap .mp-tag-row .mp-meta-tag{flex-shrink:0}@keyframes dir-tags-scroll{0%,10%{transform:translate(0)}90%,to{transform:translate(calc(-100% + 100cqw))}}.mp-meta-tag{border-radius:999px;font-weight:600;padding:3px 10px}.mp-tag-green{background:#ecfdf5;color:#166534;font-size:.82rem}.mp-tag-teal{background:#f0fdfa;color:#0f766e;font-size:.82rem}.mp-tag-gray{background:#f3f4f6;color:#6b7280;font-size:.72rem;font-weight:500}.mp-footer-row{border-top:1px solid #f3f4f6;justify-content:space-between;margin-top:4px;padding-top:12px}.mp-footer-info,.mp-footer-row{align-items:center;display:flex}.mp-footer-info{color:#9ca3af;font-size:.78rem;gap:8px}.mp-version-tag{background:#f3f4f6;border-radius:6px;color:#4b5563;font-size:.75rem;font-weight:600;padding:3px 10px}.mp-version-tag.empty{color:#9ca3af;font-weight:500}.mp-view-link{color:#059669;font-size:.85rem;font-weight:600;transition:color .2s}.mp-view-link:hover{color:#047857}.publish-check-card{display:grid;gap:16px;padding:22px}.publish-check-list{display:grid;gap:10px}.publish-check-item{background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;display:grid;gap:4px;padding:14px}.publish-check-item strong{color:var(--text);overflow-wrap:anywhere}.publish-check-item span{color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.publish-form{background:#ffffffe0;border-color:#2d452f1a}.publish-form-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}.field{color:#1f2937;font-size:.9rem;font-weight:600}.field span{color:#344236;font-size:14px;font-weight:700}.field input,.field textarea{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:.7rem 1rem;transition:border-color .25s ease,box-shadow .25s ease;width:100%}.field input:focus,.field textarea:focus{background:#fff;border-color:#2f7e32;box-shadow:0 0 0 4px #2f7e3214;outline:none}.field textarea{min-height:80px;resize:vertical}.publish-form-grid .form-error,.publish-form-grid .form-section-title,.publish-form-grid .form-success{grid-column:1/-1}.home-page{background:radial-gradient(circle at 12% 4%,rgba(207,229,192,.72),transparent 34%),radial-gradient(circle at 92% 10%,rgba(242,212,154,.5),transparent 30%),linear-gradient(180deg,#fbfcf6,#f2f5ed 54%,#eef2e9);padding:36px 0 82px}.home-hero{align-items:stretch;display:grid;gap:26px;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.home-carousel,.home-creator-band,.home-discovery-card,.home-empty-panel,.home-hero-copy,.home-overview-card,.home-release-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid rgba(45,69,47,.1);border-radius:28px;box-shadow:0 24px 70px #2d452f14}.home-hero-copy{align-content:center;background:linear-gradient(135deg,#ffffffe6,#f4f9eed6),linear-gradient(120deg,rgba(31,108,53,.08),transparent 58%);display:grid;gap:24px;min-height:540px;padding:44px}.home-hero-copy h1{color:#172318;font-size:clamp(44px,7vw,78px);max-width:9ch}.home-hero-copy .description{color:#465445;margin-top:0}.home-carousel{display:grid;gap:16px;grid-template-rows:1fr auto;min-height:540px;padding:18px}.home-carousel-feature{background:linear-gradient(135deg,#fff,#eef5e9);border-radius:24px;display:grid;gap:22px;grid-template-columns:minmax(190px,.84fr) minmax(0,1fr);min-height:350px;padding:18px;transition:transform .14s ease,box-shadow .14s ease}.home-carousel-feature:hover,.home-discovery-card:hover,.home-overview-card:hover,.home-release-card:hover{box-shadow:0 30px 80px #2d452f1f;transform:translateY(-3px)}.home-carousel-copy{align-content:center;display:grid;gap:14px}.home-carousel-copy h2{color:#172318}.home-carousel-copy p,.home-creator-band p,.home-discovery-copy p,.home-empty-panel p,.home-release-copy p{color:var(--text-soft);line-height:1.7;margin:0}.home-carousel-track{display:grid;gap:12px;grid-auto-columns:minmax(210px,1fr);grid-auto-flow:column;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x mandatory}.home-carousel-slide{align-items:center;background:#ffffffb8;border:1px solid var(--border);border-radius:20px;display:grid;gap:12px;grid-template-columns:74px minmax(0,1fr);min-width:0;padding:12px;scroll-snap-align:start}.home-carousel-slide strong{color:var(--text);display:block}.home-carousel-slide p,.home-carousel-slide strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-carousel-slide p{color:var(--text-muted);font-size:13px;margin:4px 0 0}.home-cover{border-radius:20px;display:grid;isolation:isolate;min-height:98px;overflow:hidden;place-items:center;position:relative}.home-cover:after,.home-cover:before,.home-mini-thumb:after,.home-mini-thumb:before{background:#ffffff47;border-radius:999px;content:"";position:absolute}.home-cover:before{height:160px;right:-54px;top:-48px;width:160px}.home-cover:after{bottom:-24px;height:90px;left:-24px;width:90px}.home-cover span{color:#ffffffeb;font-size:28px;font-weight:900;letter-spacing:-.08em;position:relative;z-index:1}.home-cover-large{min-height:100%}.home-cover-large span{font-size:clamp(42px,6vw,76px)}.thumb-forest{background:linear-gradient(135deg,#1a5f30eb,#5e9854e6),radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.35),transparent 28%)}.thumb-amber{background:linear-gradient(135deg,#b87023eb,#e8ac55e6),radial-gradient(circle at 28% 16%,hsla(0,0%,100%,.34),transparent 28%)}.thumb-sky{background:linear-gradient(135deg,#2c6880eb,#62a6ace6),radial-gradient(circle at 26% 18%,hsla(0,0%,100%,.32),transparent 30%)}.thumb-clay{background:linear-gradient(135deg,#83523aeb,#bf825de6),radial-gradient(circle at 24% 20%,hsla(0,0%,100%,.32),transparent 30%)}.thumb-moss{background:linear-gradient(135deg,#516931eb,#91a650e6),radial-gradient(circle at 24% 20%,hsla(0,0%,100%,.32),transparent 30%)}.home-chip-row,.home-release-meta{display:flex;flex-wrap:wrap;gap:8px}.home-chip-row span,.home-release-meta span{align-items:center;background:#e9f2eacc;border:1px solid rgba(31,108,53,.12);border-radius:999px;color:#31543a;display:inline-flex;font-size:12px;font-weight:700;min-height:30px;padding:0 10px}.home-overview-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.home-overview-card{align-items:center;display:grid;gap:14px;grid-template-columns:68px minmax(0,1fr);padding:16px;transition:transform .14s ease,box-shadow .14s ease}.home-mini-thumb{border-radius:18px;height:68px;overflow:hidden;position:relative;width:68px}.home-mini-thumb:before{height:54px;right:-16px;top:-14px;width:54px}.home-mini-thumb:after{bottom:-10px;height:36px;left:-10px;width:36px}.home-overview-card span{color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-overview-card strong{color:var(--text);display:block;font-size:24px;line-height:1.1;margin:4px 0}.home-overview-card p{color:var(--text-soft);font-size:13px;line-height:1.55;margin:0}.home-section{display:grid;gap:18px;margin-top:42px}.home-discovery-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.home-discovery-card{display:grid;gap:18px;padding:16px;transition:transform .14s ease,box-shadow .14s ease}.home-discovery-card .home-cover{min-height:190px}.home-discovery-copy{display:grid;gap:10px;padding:0 6px 6px}.home-release-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-release-card{display:grid;gap:18px;grid-template-columns:164px minmax(0,1fr);padding:14px;transition:transform .14s ease,box-shadow .14s ease}.home-release-copy{align-content:center;display:grid;gap:10px;min-width:0}.home-release-copy h3{color:var(--text)}.home-release-copy .card-kicker{margin-bottom:0}.home-creator-band,.home-empty-panel{align-items:center;display:grid;gap:24px;grid-template-columns:220px minmax(0,1fr);padding:24px}.home-empty-panel .button{margin-top:18px}.home-creator-band{background:linear-gradient(135deg,#ffffffdb,#eef7e8d1),radial-gradient(circle at 95% 20%,rgba(242,212,154,.55),transparent 36%);grid-template-columns:minmax(0,1fr) auto;margin-top:42px;padding:30px 34px}.home-creator-band h2{margin-bottom:12px}.workspace-hero-head{align-items:start;display:flex;gap:20px;justify-content:space-between}.workspace-side-card{display:grid;gap:18px}.workspace-checklist{display:grid;gap:14px}.workspace-check{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-lg)}.workspace-check strong,.workspace-review-note strong{display:block;margin-bottom:6px}.workspace-check span{color:var(--text-soft);line-height:1.7}.workspace-version-list{display:grid;gap:16px}.workspace-version-card{background:var(--surface-soft)}.workspace-version-top{align-items:start;display:flex;gap:16px;justify-content:space-between}.workspace-version-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:end}.workspace-version-meta{color:var(--text-soft);display:flex;flex-wrap:wrap;gap:14px}.workspace-review-note{background:#fff8f7;border:1px solid rgba(177,68,68,.16);border-radius:14px;padding:14px 16px}.workspace-review-note p{color:#7a4a4a;line-height:1.7;margin:0}.status-pill{align-items:center;background:var(--accent-soft);border-radius:999px;color:var(--accent);display:inline-flex;font-size:13px;font-weight:700;min-height:30px;padding:0 12px}.tag-chip{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;color:#374151;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:.2rem 1rem;text-transform:uppercase}.tag-chip-strong{background:var(--surface-muted);color:var(--text)}.tag-chip-button{border:none;cursor:pointer}.empty-card{background:var(--surface-soft);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:22px}.inner-empty{background:transparent;border:none;padding:0}@media(max-width:1080px){.auth-layout,.create-layout,.dashboard-grid,.detail-hero,.detail-layout,.discover-hero,.discover-layout,.footer-grid,.hero-stage,.home-carousel-feature,.home-creator-band,.home-discovery-grid,.home-empty-panel,.home-hero,.home-overview-grid,.home-release-grid,.nav-row,.profile-form-layout,.profile-hero,.workspace-grid{grid-template-columns:1fr}.nav-links{justify-content:flex-start}.header-actions{flex-wrap:wrap}.discover-sidebar{position:static}.profile-hero-actions{grid-auto-flow:column;justify-content:start}.creator-dashboard-hero,.creator-empty-card,.creator-project-card,.directory-filter-foot,.directory-filter-form,.directory-filter-head{grid-template-columns:1fr}.directory-filter-foot{display:grid}.directory-filter-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-filter-actions{padding-bottom:0}.directory-card{grid-template-columns:150px minmax(0,1fr)}.directory-card-thumb{min-height:160px}.creator-project-thumb{min-height:220px}.detail-download-column{position:static}.detail-version-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.container{width:min(100%,calc(100% - 28px))}.site-header{position:static}.nav-row{gap:16px;padding:16px 0}.auth-form-panel,.content-strip,.dashboard-card,.dashboard-hero-panel,.detail-description,.detail-main,.detail-side,.detail-versions,.form-panel,.hero-card,.publish-brief,.publish-form,.side-card{padding:22px}h1{font-size:clamp(34px,11vw,48px)}h2{font-size:clamp(22px,7vw,30px)}.home-page{padding-top:22px}.home-carousel,.home-hero-copy{min-height:auto}.home-hero-copy{padding:28px}.directory-card,.home-carousel-feature,.home-creator-band,.home-empty-panel,.home-release-card,.publish-form-grid{grid-template-columns:1fr}.home-carousel-feature .home-cover,.home-cover-large{min-height:240px}.home-release-card .home-cover{min-height:180px}.directory-card-thumb{min-height:210px}.detail-cover,.detail-cover img{min-height:240px}.detail-info-panel,.detail-title-card,.detail-versions{padding:20px}.detail-title-row,.detail-version-grid{grid-template-columns:1fr}.detail-icon{height:70px;width:70px}.creator-dashboard-summary,.creator-project-metrics{grid-template-columns:1fr}.publish-preview-cover{min-height:220px}.directory-filter-stats,.directory-hero-stats{grid-template-columns:1fr}.directory-filter-panel{padding:18px}.dashboard-metrics,.detail-facts,.hero-metrics,.quick-grid,.version-grid{grid-template-columns:1fr}.callout-panel,.discover-card-bottom,.discover-card-top,.list-story,.result-toolbar,.section-head,.version-head,.workspace-hero-head,.workspace-version-top{display:grid}.list-story-meta{justify-items:start}}.profile-page-wrapper{margin:2rem auto;padding:0 2rem}.banner-tip{align-items:center;background:#f8fbfe;border-left:5px solid #3e8e60;border-radius:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.4rem}.banner-tip h4{color:#1e2f3e;font-size:1rem;font-weight:600;margin-bottom:.3rem}.banner-tip p{color:#58748c;font-size:.8rem}.edit-badge{background:#e9f0eb;border-radius:60px;color:#2d6a4f;font-size:.75rem;font-weight:500;padding:.25rem .9rem}label{color:#1f2f40;display:block;font-size:.9rem;font-weight:600;margin-bottom:.6rem}label i{color:#3e8e60;margin-right:6px}input,textarea{background:#fff;border:1px solid #d0daea;border-radius:1rem;color:#1f2f40;font-family:inherit;font-size:.9rem;padding:.8rem 1rem;transition:.2s;width:100%}textarea{resize:vertical}input:focus,textarea:focus{border-color:#3e8e60;box-shadow:0 0 0 3px #3e8e601a;outline:none}@media(max-width:900px){.profile-grid{gap:1.5rem;grid-template-columns:1fr}.profile-page-wrapper{padding:0 1.2rem}.form-card{padding:1.6rem}}.toast-notify{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2c3e33;border:1px solid #6da583;border-radius:60px;bottom:30px;color:#e8f5ec;font-size:.85rem;left:50%;padding:.7rem 1.8rem;pointer-events:none;position:fixed;transform:translate(-50%);z-index:999}.profile-page-wrapper{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:2rem 1.5rem;width:100%}.profile-grid{grid-template-columns:360px 1fr}@media(min-width:1440px){.profile-page-wrapper{padding:2rem 3rem}.profile-grid{gap:2.5rem}.form-card{padding:2.5rem}}@media(max-width:1000px){.profile-grid{gap:1.5rem;grid-template-columns:1fr}.profile-page-wrapper{padding:1.5rem}}.auth-wrapper{align-items:center;background:#f5f6f8;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 72px);padding:40px 20px}.auth-card{background:#fff;border:1px solid #e9ecf0;border-radius:20px;box-shadow:0 10px 40px #0000000f;max-width:480px;padding:32px 32px 40px;width:100%}.auth-header{margin-bottom:24px;text-align:center}.auth-header h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 6px}.auth-header p{color:#666;font-size:15px;margin:0}.input-group{margin-bottom:14px}.input-wrapper i{color:#999;font-size:16px;left:14px}.input-wrapper input{padding:12px 14px 12px 42px}.input-wrapper input:focus{background-color:#fff;border-color:#2e7d32;box-shadow:0 0 0 4px #2e7d3214}.input-wrapper input::-moz-placeholder{color:#9ca3af}.input-wrapper input::placeholder{color:#9ca3af}.auth-btn-primary{align-items:center;background:#285a32;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.auth-btn-primary:hover{background:#1e4626;transform:translateY(-1px)}.auth-btn-primary:disabled{cursor:not-allowed;opacity:.6}.auth-links{color:#666;font-size:14px;margin-top:14px;text-align:center}.auth-links a{color:#285a32;font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.social-divider{align-items:center;display:flex;margin:24px 0 18px}.social-divider:after,.social-divider:before{background-color:#e5e7eb;content:"";flex:1;height:1px}.social-divider span{color:#9ca3af;font-size:13px;padding:0 12px}.social-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.social-btn{gap:8px}.social-btn:hover{background:#f7f8fa;border-color:#ccc}.social-btn i{font-size:18px}.auth-footer{color:#9ca3af;font-size:13px;margin-top:30px;text-align:center}.auth-footer .footer-links{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-bottom:8px}.auth-footer .footer-links a{color:#9ca3af;text-decoration:none;transition:color .2s}.auth-footer .footer-links a:hover{color:#285a32}.auth-footer p{margin:0}@media(max-width:540px){.auth-card{padding:24px 20px}.social-grid{grid-template-columns:1fr}.captcha-area{align-items:stretch;flex-direction:column;gap:8px}.captcha-btn{align-self:center}}.input-wrapper{position:relative}.input-wrapper i{color:#9ca3af;font-size:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper input{background-color:#fafbfc;box-sizing:border-box;outline:none;padding:12px 16px 12px 46px;width:100%}.input-wrapper input,.social-btn{border:1px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-size:14px;transition:all .2s ease}.social-btn{align-items:center;background:#fff;cursor:pointer;display:flex;font-weight:500;gap:10px;justify-content:center;padding:10px}.social-btn i{color:#1a1a1a;font-size:20px}.captcha-area{margin-bottom:18px}.captcha-left{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:8px}.captcha-left i{color:#2e7d32;font-size:16px}.captcha-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:4px 12px;transition:.2s}.captcha-btn:hover{background:#e5e7eb}.captcha-row{align-items:center;display:flex;gap:10px}.captcha-row .input-wrapper{height:48px}.captcha-row .input-wrapper input{height:100%;padding:0 12px}.captcha-img-wrap{align-items:center;background:#f8f9fa;border:1px solid #d0daea;border-radius:.75rem;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:120px}.captcha-img-wrap:hover{border-color:#3e8e60}.captcha-svg svg{display:block;height:48px}.captcha-placeholder{color:#9ca3af;font-size:.8rem}.captcha-refresh{align-items:center;background:transparent;border:none;border-radius:.75rem;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:48px;justify-content:center;padding:0;transition:color .2s;width:36px}.captcha-refresh:hover{color:#3e8e60}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-select .el-select__caret{transition:transform .3s ease}.el-select.is-focus .el-select__caret{transform:rotate(180deg)}.taxonomy-select .dropdown-arrow{color:#6b7280;flex-shrink:0;height:16px;transition:transform .3s ease;width:16px}.taxonomy-select .dropdown-arrow.open{transform:rotate(180deg)}.custom-select-arrow{color:#6b7280;flex-shrink:0;height:18px;margin-left:8px;transition:transform .3s ease;width:18px}.custom-select-arrow.open{transform:rotate(180deg)}.captcha-refresh.spin i{animation:spin-once .4s ease-in-out}@media(max-width:540px){.social-grid{grid-template-columns:1fr}}.form-stack{display:flex;flex-direction:column;gap:2rem}.form-grid.two-columns,.two-cols-row{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.two-cols-row{align-items:start;overflow:visible;width:100%}.two-cols-row .field{margin:0}.unified-row{align-items:start!important}.publish-form-grid .taxonomy-select,.unified-field{display:grid;gap:4px;grid-template-rows:auto 44px;min-width:0;width:100%}.publish-form-grid .two-cols-row{display:flex;gap:1.5rem}.publish-form-grid .two-cols-row>*{flex:1 1 0%;min-width:0!important;overflow:hidden}.publish-form-grid .taxonomy-select{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;overflow:visible;z-index:1}.publish-form-grid .taxonomy-select:focus-within,.publish-form-grid .taxonomy-select:has(.taxonomy-select-menu){z-index:10}.publish-form-grid .taxonomy-select .taxonomy-label-row,.unified-label{align-items:center;display:flex;justify-content:space-between;margin:0}.publish-form-grid .taxonomy-select .taxonomy-select-label,.unified-label span{color:#344236;font-size:14px;font-weight:700;line-height:1.4}.publish-form-grid .taxonomy-select .tag-counter{color:#6b7280;font-size:.8rem;line-height:1.4}.unified-input{font-family:inherit;font-size:.95rem;height:44px}.publish-form-grid .taxonomy-select .selected-tags-area,.unified-input{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;margin:0;padding:0 .75rem;width:100%}.publish-form-grid .taxonomy-select .selected-tags-area{align-items:center;display:flex;flex-wrap:wrap;min-height:44px;min-width:0;overflow:hidden}.publish-form-grid .taxonomy-select .selected-tag-chip,.publish-form-grid .taxonomy-select .selected-tag-chip.plain-chip{background:#eef2eb;border:none;color:#3d5a3b;font-size:.78rem;font-weight:600;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.publish-form-grid .taxonomy-select .selected-tag-chip.plain-chip{border-radius:24px}.publish-form-grid .taxonomy-select .plain-mode{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:.75rem}.publish-form-grid .taxonomy-select .placeholder-text{color:#9ca3af;flex:1;font-size:.9rem}.publish-form-grid .taxonomy-select .dropdown-arrow{color:#9ca3af;flex-shrink:0;height:16px;margin-left:auto;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:16px}.publish-form-grid .taxonomy-select .dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}@media(max-width:760px){.form-grid.two-columns,.two-cols-row{gap:1rem;grid-template-columns:1fr}.publish-form-grid .two-cols-row{flex-direction:column}}.form-divider{border:none;border-top:1px solid #e5e7eb;margin:1.5rem 0}.taxonomy-select{position:relative;width:100%}.taxonomy-label-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:8px}.taxonomy-select-label{color:#1f2937;font-size:.9rem;font-weight:600}.tag-counter{color:#6b7280;font-size:.8rem}.selected-tags-area{align-items:center;background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;min-height:46px;padding:6px 12px;position:relative}.placeholder-text{color:#9ca3af;flex:1;font-size:.9rem}.dropdown-arrow{color:#9ca3af;margin-left:auto;transition:transform .3s ease}.selected-tag-chip{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:24px;color:#374151;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:4px 10px}.remove-tag{color:#9ca3af;cursor:pointer;font-size:1rem;line-height:1;transition:color .1s}.remove-tag:hover{color:#ef4444}.taxonomy-select-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;left:0;max-height:280px;min-width:220px;overflow-y:auto;padding:8px 0;position:absolute;top:calc(100% + 8px);width:100%;z-index:1000}.option-group{margin-bottom:4px}.group-title{background:#f9fafb;border-bottom:1px solid #f0f2f5;color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:8px 12px;text-transform:uppercase}.option-item{padding:4px 12px}.checkbox-label{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:6px 0;width:100%}.checkbox-label.disabled{cursor:not-allowed;opacity:.5}.checkbox-label input{cursor:pointer;height:16px;margin:0;width:16px}.checkbox-label.disabled input{cursor:not-allowed}.checkbox-label span{flex:1}.publish-check-simple{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.check-row{align-items:baseline;padding:.5rem 0}.check-label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.check-value{color:#1f2937;font-size:1rem;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.check-note{border-top:1px solid #eef2f6;color:#9ca3af;font-size:.75rem;margin:1rem 0 0;padding-top:.75rem;text-align:center}.publish-check-simple{gap:.5rem;margin:.5rem 0}.check-row{padding:.25rem 0}.submit-area{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.submit-buttons{display:flex;gap:10px}.submit-buttons .button{flex:1}.submit-note{color:#9ca3af;font-size:.75rem;margin:0;text-align:center}.form-error,.form-success{border-radius:12px;font-size:.85rem;padding:.75rem;text-align:center}.create-layout .left-forms-stack{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.create-layout .publish-preview-column{min-width:0}.profile-grid{grid-template-columns:1fr 360px}.avatar-section{margin-bottom:1.8rem}.avatar-img{background:#f5f7fb;border:3px solid #3e8e60;border-radius:50%;box-shadow:0 6px 14px #0000000d;height:110px;-o-object-fit:cover;object-fit:cover;width:110px}.badge-group{margin:.8rem 0 1.2rem}.action-buttons{display:flex;gap:.8rem;justify-content:center;margin:1.5rem 0 .5rem}.btn-outline-sm{background:transparent;border:1px solid #c9d6e8;border-radius:40px;color:#365073;cursor:pointer;font-size:.8rem;font-weight:500;padding:.45rem 1rem;transition:.2s}.btn-outline-sm:hover{background:#f0f4fa;border-color:#8facdf}.btn-warning-sm{background:#dc35450d;border:1px solid #e2b6bc;color:#a94442}.btn-warning-sm:hover{background:#ffecee;border-color:#cf8787}.info-tip{align-items:center;color:#687b9b;display:flex;font-size:.75rem;gap:8px;margin-top:.6rem}.form-card{background:#fff;border:1px solid #e9edf2;border-radius:1.75rem;box-shadow:0 8px 20px #00000005;box-sizing:border-box;padding:2rem;width:100%}.form-group{margin-bottom:1.7rem}.form-group label{color:#1f2f40;display:block;font-size:.9rem;font-weight:600;margin-bottom:.6rem}.form-group label i{color:#3e8e60;margin-right:6px}.form-group input,.form-group textarea{background:#fff;border:1px solid #d0daea;border-radius:1rem;color:#1f2f40;font-family:inherit;font-size:.9rem;padding:.8rem 1rem;transition:.2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3e8e60;box-shadow:0 0 0 3px #3e8e601a;outline:none}.help-text{align-items:center;color:#6e85a6;display:flex;flex-wrap:wrap;font-size:.7rem;gap:8px;margin-top:6px}.save-btn{background:linear-gradient(105deg,#2f6e4a,#1f4a32);border-radius:2rem;display:flex;font-weight:700;gap:10px;padding:.9rem 2rem;transition:.2s}.save-btn:hover{background:linear-gradient(105deg,#3e8860,#2a653f)}.form-success{background:#edf7ef;color:#235d31}.form-error,.form-success{border-radius:1rem;margin-bottom:1rem;padding:.75rem}.form-error{background:#fff1f1;color:#993131}@media(max-width:900px){.profile-grid{gap:1.5rem;grid-template-columns:1fr}}.dashboard-creator{margin:0 auto;padding:48px 16px 40px;width:1280px}.creator-stack{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.hero-text-card{align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:20px;box-shadow:0 4px 20px #0000000a;display:flex;gap:16px;justify-content:space-between;padding:18px 24px}.hero-text-card .hero-left{align-items:baseline;display:flex;flex-shrink:0;gap:10px}.hero-text-card .eyebrow{color:var(--c-primary,#2e7d32);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.hero-text-card h1{color:#1a1a1a;font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0}.hero-text-card .muted{color:#666;font-size:14px;line-height:1.5;margin:0;max-width:50%;text-align:right}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;overflow:hidden;padding:16px 18px;position:relative;transition:all .25s ease}.stat-card:hover{border-color:#c8e6c9;box-shadow:0 8px 30px #00000014;transform:translateY(-4px)}.stat-card .stat-icon{color:var(--c-primary,#2e7d32);font-size:18px;margin-bottom:4px;opacity:.7}.stat-card .stat-number{color:#1a1a1a;font-size:26px;font-weight:800;line-height:1.1}.stat-card .stat-label{color:#666;font-size:13px;font-weight:500}.stat-card .stat-badge{background:#e8f5e9;border-radius:40px;color:var(--c-primary,#2e7d32);font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:12px;top:10px}.stat-card.thumb-forest .stat-icon{color:#2e7d32}.stat-card.thumb-forest .stat-badge{background:#e8f5e9;color:#2e7d32}.stat-card.thumb-amber .stat-icon{color:#b45309}.stat-card.thumb-amber .stat-badge{background:#fef3c7;color:#b45309}.stat-card.thumb-sky .stat-icon{color:#0369a1}.stat-card.thumb-sky .stat-badge{background:#e0f2fe;color:#0369a1}.stat-card.thumb-clay .stat-icon{color:#9a6b4b}.stat-card.thumb-clay .stat-badge{background:#f5e6d3;color:#9a6b4b}.stat-card.thumb-moss .stat-icon{color:#4b7b4b}.stat-card.thumb-moss .stat-badge{background:#e3f0e3;color:#4b7b4b}.list-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 0 20px}.list-header h2{color:#1a1a1a;font-size:22px;font-weight:700}.list-header .count{color:#9ca3af;font-size:14px;font-weight:500}.dashboard-list{display:grid;gap:16px}.project-card{background:#fff;border:1px solid #e8ecf0;border-radius:20px;box-shadow:0 4px 20px #0000000a;display:grid;gap:0;grid-template-columns:170px 1fr;overflow:hidden;padding:12px;transition:all .25s ease}.project-card:hover{border-color:#c8e6c9;box-shadow:0 12px 40px #00000014;transform:translateY(-3px)}.project-thumb{background-position:50%;background-size:cover;border-radius:16px;display:grid;isolation:isolate;min-height:190px;overflow:hidden;place-items:center;position:relative;text-decoration:none}.project-thumb:before{background:#ffffff3d;border-radius:999px;content:"";height:120px;position:absolute;right:-32px;top:-32px;width:120px}.project-thumb span{color:#fffffff0;font-size:46px;font-weight:900;letter-spacing:-.08em;position:relative;z-index:1}.project-thumb.thumb-forest{background:linear-gradient(135deg,#1a5e30,#5e9854)}.project-thumb.thumb-amber{background:linear-gradient(135deg,#b87023,#e8ac55)}.project-thumb.thumb-sky{background:linear-gradient(135deg,#2c6880,#62a6ac)}.project-thumb.thumb-clay{background:linear-gradient(135deg,#83523a,#bf825d)}.project-thumb.thumb-moss{background:linear-gradient(135deg,#516931,#91a650)}.project-body{display:flex;flex-direction:column;gap:10px;padding:20px 24px 20px 22px}.project-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.project-name-wrap .slug{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.project-name-wrap h3{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.2;margin:0}.project-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.badge-pill{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:40px;color:#4b5563;font-size:12px;font-weight:700;padding:3px 14px}.badge-pill.status-published{background:#e8f5e9;border-color:transparent;color:#2e7d32}.badge-pill.status-draft{background:#fef3c7;border-color:transparent;color:#b45309}.badge-pill.status-pending{background:#e0f2fe;border-color:transparent;color:#0369a1}.badge-pill.status-rejected{background:#fee2e2;border-color:transparent;color:#b91c1c}.badge-pill.status-archived{background:#f3f4f6;border-color:transparent;color:#6b7280}.version-status-badge{font-size:10px;font-weight:600;margin-left:6px;padding:1px 8px;vertical-align:middle}.badge-pill.signal{background:#f3f4f6;color:#4b5563}.badge-pill.signal-review{background:#e0f2fe;color:#0369a1}.badge-pill.signal-revise{background:#fee2e2;color:#b91c1c}.badge-pill.signal-live{background:#e8f5e9;color:#2e7d32}.project-desc{color:#666;font-size:15px;line-height:1.6;margin:0}.project-metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(60px,1fr));max-width:340px}.project-metrics .metric{background:#f9fafb;border:1px solid #f0f2f5;border-radius:10px;padding:8px 12px;text-align:center}.project-metrics .metric .num{color:#1a1a1a;display:block;font-size:18px;font-weight:700}.project-metrics .metric .lbl{color:#9ca3af;font-size:12px;font-weight:500}.project-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:4px}.project-footer .latest{color:#9ca3af;font-size:14px}.project-footer .latest strong{color:#4b5563;font-weight:600}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.project-tags .tag{border-radius:40px;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 12px;text-transform:uppercase}.project-tags .tag,.project-tags .tag-category{background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.project-tags .tag-loader,.project-tags .tag-runtime{background:#d1fae5;border:1px solid #a7f3d0;color:#047857}.project-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.new-version-alert{align-items:center;align-self:flex-start;background:#fefce8;border:1px solid #fde68a;border-radius:10px;display:inline-flex;flex-shrink:0;font-size:13px;gap:8px;margin-top:8px;max-width:100%;padding:6px 14px;width:auto}.new-version-label{color:#92400e;font-weight:600}.new-version-num{color:#1a1a1a;font-weight:700}.new-version-alert--compact{align-self:flex-start;font-size:12px;margin-top:6px;padding:4px 10px}.btn-reason{background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:3px 10px;transition:background .2s}.btn-reason:hover{background:#fee2e2}.review-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.review-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:480px;padding:1.5rem;width:90%}.review-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.review-modal-header h3{color:#1a1a1a;font-size:1rem;font-weight:700}.review-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.2rem}.review-modal-close:hover{color:#1a1a1a}.review-modal-body{background:#f9fafb;border-radius:10px;color:#374151;font-size:14px;line-height:1.6;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding:1rem}.review-modal-footer{text-align:right}.btn-sm{align-items:center;border:none;border-radius:40px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 18px;text-decoration:none;transition:all .2s ease}.btn-sm-primary{background:var(--c-primary,#2e7d32);color:#fff}.btn-sm-primary:hover{background:#1b5e20;box-shadow:0 4px 12px #2e7d3240;transform:translateY(-1px)}.btn-sm-secondary{background:#e8f5e9;color:var(--c-primary,#2e7d32)}.btn-sm-secondary:hover{background:#c8e6c9;transform:translateY(-1px)}.empty-card{align-items:center;background:#fff;border:1px dashed #d1d5db;border-radius:20px;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:24px 36px}.empty-text h2{color:#1a1a1a;font-size:18px;font-weight:700;margin:0}.empty-text .muted{color:#666;font-size:14px;margin:0}.empty-text .flex{flex-shrink:0}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-text-card .muted{max-width:100%;text-align:left}}@media(max-width:768px){.dashboard-creator{padding:0 16px 32px}.hero-text-card{align-items:flex-start;flex-direction:column;gap:8px;padding:18px 20px}.hero-text-card h1{font-size:22px}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.stat-card .stat-number{font-size:26px}.project-card{grid-template-columns:1fr}.project-thumb{border-radius:16px 16px 0 0;min-height:140px}.project-thumb span{font-size:32px}.project-body{padding:16px 18px}.project-metrics{max-width:100%}.empty-card{flex-direction:column;padding:24px 20px;text-align:center}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card .stat-number{font-size:22px}.project-top{align-items:stretch;flex-direction:column}.project-badges{justify-content:flex-start}.project-footer{align-items:stretch}.project-actions,.project-footer{flex-direction:column}.project-actions .btn-sm{justify-content:center}}.dashboard-hero-panel{background:#fff;border:1px solid #e8ecf0;border-radius:24px;box-shadow:0 4px 20px #0000000a;transition:box-shadow .3s ease}.dashboard-hero-panel:hover{box-shadow:0 12px 40px #2e7d321f}.dashboard-hero-panel .dashboard-metrics div{background:#f9fbf9;border:2px solid #e0e7e0;border-radius:16px;cursor:default;padding:18px 16px;transition:all .25s ease}.dashboard-hero-panel .dashboard-metrics div:hover{background:#f0f7f0;border-color:#a5d6a7;box-shadow:0 6px 20px #2e7d321f;transform:translateY(-3px)}.dashboard-hero-panel .dashboard-metrics strong{color:#1a3a1a;display:block;font-size:28px;line-height:1.2}.dashboard-hero-panel .dashboard-metrics span{color:#4a6a4a;display:block;font-size:14px;font-weight:500;margin-top:4px}.error-panel{background:#fff;border:1px solid #e8ecf0;border-radius:24px;box-shadow:0 4px 20px #0000000a}.error-panel .form-error{background:transparent;border:none;margin:0;padding:0}.workspace-checklist{display:flex;flex-direction:column;gap:12px}.workspace-check{align-items:flex-start;background:#fff;border:1px solid #e5e9f0;border-radius:14px;box-shadow:0 2px 8px #0000000a;cursor:default;display:flex;gap:14px;padding:16px 18px;transition:all .25s ease}.workspace-check:hover{border-color:#b8d0b8;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.status-dot{border-radius:50%;box-shadow:inset 0 2px 4px #0000001a;flex:0 0 12px;height:12px;margin-top:4px;width:12px}.status-dot-green{background:#2e7d32;border:1px solid #1b5e20}.status-dot-blue{background:#1976d2;border:1px solid #0d47a1}.status-dot-orange{background:#f57c00;border:1px solid #e65100}.check-content{display:flex;flex:1;flex-direction:column;gap:4px}.check-content strong{color:#1a1a1a;font-size:15px;font-weight:700}.check-content span{color:#4a5a6a;font-size:14px;line-height:1.5}.version-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.version-stat{align-items:center;background:#fff;border:1px solid #e5e9f0;border-radius:12px;box-shadow:0 2px 6px #0000000a;cursor:default;display:flex;gap:12px;padding:14px 16px;transition:all .25s ease}.version-stat:hover{border-color:#b8d0b8;box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.stat-dot{border-radius:50%;box-shadow:inset 0 2px 4px #00000014;flex:0 0 10px;height:10px;width:10px}.stat-dot-green{background:#2e7d32;border:1px solid #1b5e20}.stat-dot-blue{background:#1976d2;border:1px solid #0d47a1}.stat-dot-orange{background:#f57c00;border:1px solid #e65100}.stat-content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.stat-content strong{color:#1a1a1a;font-size:16px;font-weight:700;line-height:1.2;word-break:break-word}.stat-content span{color:#7a8a9a;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}@media(max-width:768px){.version-grid{gap:10px;grid-template-columns:1fr}.version-stat{padding:12px 14px}.stat-content strong{font-size:15px}}@media(max-width:480px){.version-stat{padding:10px 12px}.stat-dot{flex:0 0 8px;height:8px;width:8px}.stat-content strong{font-size:14px}}.workspace-version-meta{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:16px 0}.meta-item-full{grid-column:1/-1}.meta-item-half{grid-column:span 1}.meta-card{background:#fff;border:1px solid #e9edf2;border-radius:12px;box-shadow:0 2px 6px #00000005;padding:12px 16px;transition:all .25s ease}.meta-card:hover{background:#fff;border-color:#c8d6c8;box-shadow:0 6px 16px #0000000f;transform:translateY(-2px)}.meta-card-inner{align-items:flex-start;display:flex;gap:12px}.meta-dot{border-radius:50%;box-shadow:inset 0 2px 4px #00000014;flex:0 0 10px;height:10px;margin-top:4px;width:10px}.meta-dot-green{background:#2e7d32;border:1px solid #1b5e20}.meta-dot-blue{background:#1976d2;border:1px solid #0d47a1}.meta-dot-orange{background:#f57c00;border:1px solid #e65100}.meta-dot-purple{background:#7b1fa2;border:1px solid #4a148c}.meta-content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.meta-label{color:#8a9aa8;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.meta-value{color:#1a1a1a;font-size:14px;font-weight:500;line-height:1.4;word-break:break-word}@media(max-width:640px){.workspace-version-meta{grid-template-columns:1fr}.meta-item-full,.meta-item-half{grid-column:1/-1}}.dashboard-toolbar{align-items:center;border-bottom:2px solid #d1d5db;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.dashboard-toolbar .tabs{border-bottom:none;margin-bottom:0;padding-bottom:0}.toolbar-right{align-items:center;display:flex;gap:10px}.toolbar-search{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#334155;font-size:.85rem;min-width:180px;outline:none;padding:6px 14px;transition:border-color .2s}.toolbar-search::-moz-placeholder{color:#9ca3af}.toolbar-search::placeholder{color:#9ca3af}.toolbar-search:focus{border-color:var(--c-primary,#2e7d32)}.toolbar-select{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#334155;cursor:pointer;font-size:.85rem;outline:none;padding:6px 14px;transition:border-color .2s}.toolbar-select:focus{border-color:var(--c-primary,#2e7d32)}.tab-btn{font-size:.9rem;padding:8px 20px}.tab-badge{font-size:.65rem;padding:.05rem .6rem}.type-badge{border-radius:999px;color:#fff;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.02em;margin-left:6px;padding:.08rem .6rem;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.type-badge.modpack{background:#2563eb}.type-badge.mod{background:#7c3aed}.type-badge.plugin{background:#059669}.btn-sm-disabled{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#94a3b8;cursor:not-allowed;display:inline-block;font-size:.8rem;font-weight:600;opacity:.7;padding:.3rem 1rem}.empty-text .flex{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.empty-text .button-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#1e293b}.empty-text .button-secondary:hover{background:#e2e8f0}.loading-state{color:#94a3b8;font-size:.95rem;padding:40px 0}@media(max-width:768px){.tabs{flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.tab-btn{font-size:.8rem;padding:6px 12px;white-space:nowrap}.empty-text .flex{align-items:stretch;flex-direction:column}.empty-text .button{justify-content:center;text-align:center;width:100%}}@media(max-width:480px){.tab-btn{font-size:.7rem;padding:4px 10px}.tab-badge{font-size:.55rem;padding:.02rem .4rem}}.mod-list-grid{gap:16px}.mod-card{align-items:stretch;background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:grid;gap:18px;grid-template-columns:140px 1fr;padding:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mod-card:hover{border-color:#2e7d3226;box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.mod-card-left{align-items:center;aspect-ratio:1/1;background:linear-gradient(135deg,#2e7d32,#1b5e20);border-radius:12px;display:flex;justify-content:center;overflow:hidden;text-decoration:none;transition:transform .2s ease;width:100%}.mod-card-left:hover{transform:scale(1.02)}.mod-card-left img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.mod-card-left span{color:#fff;font-size:2.8rem;font-weight:900;line-height:1}.mod-card-right{justify-content:space-between;min-width:0;padding:2px 0}.mod-card-right,.mod-card-top{display:flex;flex-direction:column}.mod-card-top{gap:2px}.mod-name{color:#1a1a1a;font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .2s}.mod-name:hover{color:#2e7d32}.mod-author{color:#6b7280;font-size:.8rem}.mod-summary{color:#4b5563;display:-webkit-box;font-size:.85rem;-webkit-line-clamp:3;margin:0;-webkit-box-orient:vertical;line-height:1.5;overflow:hidden}.mod-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.tag-pill{background:#f0fdf4;border-radius:999px;color:#166534;font-size:.65rem;font-weight:600;padding:.1rem .6rem}.mod-card-bottom{flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:6px}.mod-card-bottom,.mod-meta{align-items:center;display:flex}.mod-meta{color:#9ca3af;font-size:.75rem;gap:10px}.status-badge{background:#e8f5e9;border-radius:12px;font-size:.65rem;padding:.1rem .5rem}.mod-link,.status-badge{color:#2e7d32;font-weight:600}.mod-link{font-size:.8rem;text-decoration:none;transition:color .2s}.mod-link:hover{color:#1b5e20}.empty-state-card{align-items:center;background:#fff6;border:1px dashed #d1d5db;border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;grid-column:1/-1;padding:2.5rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:.5rem}.empty-state-title{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0}.empty-state-desc{color:#6b7280;font-size:.9rem;margin:0}.full-width{grid-column:1/-1}@media(max-width:768px){.mod-card{gap:12px;grid-template-columns:100px 1fr;padding:12px}.mod-card-left span{font-size:2rem}.mod-name{font-size:1rem}.mod-summary{font-size:.8rem;-webkit-line-clamp:1}}@media(max-width:480px){.mod-card{gap:10px;grid-template-columns:72px 1fr;padding:10px}.mod-card-left span{font-size:1.5rem}.mod-name{font-size:.9rem}.mod-summary{font-size:.75rem}.mod-card-bottom{align-items:flex-start;flex-direction:column;gap:4px}}.list-card{background:#fff;border:1px solid #f0f2f5;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.list-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.list-card-cover{aspect-ratio:16/9;background-color:#1a3a2a;background-position:50%;background-size:cover;display:block;transition:transform .3s ease;width:100%}.list-card:hover .list-card-cover{transform:scale(1.02)}.list-card-body{padding:14px 16px 16px}.list-card-body .card-kicker{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.list-card-body .card-name{color:#1a1a1a;display:block;font-size:16px;font-weight:700;text-decoration:none;transition:color .2s ease}.list-card-body .card-name:hover{color:var(--c-primary,#2e7d32)}.list-card-body .card-summary{color:#4b5563;display:-webkit-box;font-size:13px;-webkit-line-clamp:2;margin:4px 0 8px;-webkit-box-orient:vertical;line-height:1.5;overflow:hidden}.list-card-body .card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.list-card-body .card-tags .tag{background:#f0fdf4;border:1px solid transparent;border-radius:999px;color:#166534;font-size:11px;font-weight:600;padding:2px 10px}.list-card-body .card-tags .tag-ghost{background:#f9fafb;border:1px solid #e5e7eb;color:#4b5563}.list-card-body .card-footer{align-items:center;border-top:1px solid #f0f2f5;color:#9ca3af;display:flex;font-size:12px;justify-content:space-between;padding-top:8px}.list-card-body .card-footer .link{color:var(--c-primary,#2e7d32);font-weight:600;text-decoration:none}.list-card-body .card-footer .link:hover{color:#1b5e20}.detail-card{background:#fff;border:1px solid #e8ecf0;border-radius:20px;box-shadow:0 4px 20px #0000000a;margin-bottom:1.5rem;padding:20px 20px 0}.detail-card-cover{aspect-ratio:32/9;background-color:#1a3a2a;background-position:top;background-size:cover;border-radius:12px;overflow:hidden;transition:aspect-ratio .3s ease,background-position .3s ease;width:100%}.detail-card-cover:hover{aspect-ratio:16/9;background-position:50%}.detail-card-body{padding:16px 8px 20px}.detail-top-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.detail-info{container-type:inline-size;display:flex;flex:1;flex-direction:column;gap:6px;min-width:200px}.detail-card-body .title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2px}.detail-card-body .title-row h1{color:#1a1a1a;font-size:24px;font-weight:800;margin:0}.detail-card-body .summary{color:#4b5563;display:-webkit-box;font-size:15px;-webkit-line-clamp:2;line-clamp:2;line-height:1.6;margin:0 0 6px;-webkit-box-orient:vertical;cursor:default;overflow:hidden}.detail-card-body .detail-tag-wrap{cursor:default;margin-bottom:4px;overflow:hidden;position:relative}.detail-card-body .detail-tag-wrap:after{background:linear-gradient(90deg,transparent,#fff);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:40px}.detail-card:hover .detail-tag-wrap:after{display:none}.detail-card-body .detail-tag-wrap .tags{display:flex;flex-wrap:nowrap;gap:6px;width:-moz-max-content;width:max-content}.detail-card-body .detail-tag-wrap .tags.can-scroll:hover{animation:detail-tags-scroll 4s ease-in-out infinite alternate}.detail-card-body .detail-tag-wrap .tags .tag{flex-shrink:0}@keyframes detail-tags-scroll{0%,10%{transform:translate(0)}90%,to{transform:translate(calc(-100% + 100cqw))}}.modpack-hero-info .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.detail-card-body .tags .tag{background:#f0fdf4;border:1px solid transparent;border-radius:20px;color:#166534;font-size:12px;font-weight:600;padding:4px 12px}.detail-card-body .tags .tag-category,.modpack-hero-info .tags .tag-category{background:#d1fae5;color:#047857;font-weight:700}.modpack-hero-info .tags .tag{background:#f0fdf4;border:1px solid transparent;border-radius:20px;color:#166534;font-size:12px;font-weight:600;padding:4px 12px}.detail-card-body .tags .tag-ghost{background:#f9fafb;border:1px solid #e5e7eb;color:#4b5563}.cover-upload-area{align-items:center;background:#fafbfc;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;display:flex;justify-content:center;min-height:200px;overflow:hidden;padding:16px;position:relative;transition:all .25s ease;width:100%}.cover-upload-area:hover{background:#f0f7f0;border-color:var(--c-primary,#2e7d32)}.cover-upload-area.is-uploading{cursor:default;opacity:.7}.cover-upload-area.has-cover{background:#fff;border-color:var(--c-primary,#2e7d32);padding:0}.cover-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:4px;text-align:center}.cover-placeholder span{color:#6b7280;font-size:1.6rem;font-weight:600}.cover-placeholder small{color:#b0b8c0;font-size:.85rem}.cover-preview-img{display:block;height:100%;min-height:200px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.cover-upload-area .remove-cover-btn{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:30px;line-height:1;position:absolute;right:10px;top:10px;transition:background .2s ease;width:30px;z-index:5}.cover-upload-area .remove-cover-btn:hover{background:#c80000cc}.cover-upload-area .upload-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;border-radius:inherit;display:flex;inset:0;justify-content:center;position:absolute;z-index:2}.cover-upload-area .upload-overlay span{background:#00000080;border-radius:40px;color:#fff;font-size:1rem;font-weight:600;padding:.4rem 1.2rem}.publish-page .screenshot-upload-area{background:#fafbfc;border:2px dashed #d9dde3;border-radius:16px;box-sizing:border-box;min-height:160px;padding:16px;position:relative;transition:all .25s ease;width:100%}.publish-page .screenshot-grid{grid-template-columns:repeat(3,142px)}.publish-page .screenshot-add-card,.publish-page .screenshot-card{border-radius:10px;width:142px}.publish-page .screenshot-add-card,.publish-page .screenshot-card{width:140px}.publish-page .field.full-width{max-width:100%;min-width:0}.publish-form-grid>*,.publish-page .form-grid,.publish-page .form-panel{min-width:0}.publish-page .screenshot-upload-area:hover{background:#f8fbf6;border-color:var(--c-primary,#2e7d32)}.publish-page .screenshot-upload-area.is-uploading{cursor:default;opacity:.8}.publish-page .screenshot-empty-state{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:160px;padding:24px}.publish-page .screenshot-empty-state .empty-icon-wrapper{align-items:center;background:#f0f4ed;border-radius:20px;color:#8ba888;display:flex;height:80px;justify-content:center;transition:all .25s ease;width:80px}.publish-page .screenshot-empty-state:hover .empty-icon-wrapper{background:#e0ecda;color:#5c8a4f;transform:scale(1.05)}.publish-page .screenshot-empty-state .empty-text{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.publish-page .screenshot-empty-state .empty-text span{color:#5b6e50;font-size:1rem;font-weight:600}.publish-page .screenshot-empty-state .empty-text small{color:#a3b5a0;font-size:.8rem}.publish-page .screenshot-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);width:100%}.publish-page .screenshot-card{aspect-ratio:16/9;background:#fff;border:2px solid #eef1ec;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:default;min-width:0;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.publish-page .screenshot-card:hover{border-color:#d4dcd0;box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.publish-page .screenshot-card img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.publish-page .screenshot-card .screenshot-card-actions{opacity:0;padding:6px;position:absolute;right:0;top:0;transition:opacity .2s ease}.publish-page .screenshot-card:hover .screenshot-card-actions{opacity:1}.publish-page .screenshot-remove-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.publish-page .screenshot-remove-btn:hover{background:#dc2828d9;transform:scale(1.08)}.publish-page .screenshot-add-card{align-items:center;aspect-ratio:16/9;background:#f9faf8;border:2px dashed #d4d9d2;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-width:0;transition:all .2s ease;width:100%}.publish-page .screenshot-add-card:hover{background:#f0f7ed;border-color:var(--c-primary,#2e7d32);box-shadow:0 4px 12px #0000000a;transform:translateY(-2px)}.publish-page .screenshot-add-card .add-card-inner{align-items:center;color:#9cae97;display:flex;flex-direction:column;gap:6px;transition:color .2s ease}.publish-page .screenshot-add-card:hover .add-card-inner{color:var(--c-primary,#2e7d32)}.publish-page .screenshot-add-card .add-card-inner span{font-size:.8rem;font-weight:600}.publish-page .screenshot-add-card .add-card-inner small{font-size:.65rem;opacity:.7}.publish-page .screenshot-upload-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border-radius:inherit;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute;z-index:2}.publish-page .screenshot-upload-overlay span{color:#5b6e50;font-size:.95rem;font-weight:600}.publish-page .upload-spinner{animation:screenshot-spin .7s linear infinite;border:3px solid #d9e3d5;border-radius:50%;border-top:3px solid var(--c-primary,#2e7d32);height:32px;width:32px}@keyframes screenshot-spin{to{transform:rotate(1turn)}}.publish-page .screenshot-counter{color:#a3b5a0;font-size:.78rem;font-weight:500;margin-top:10px;text-align:right}.screenshot-grid{display:flex;flex-wrap:wrap;gap:14px;width:100%}.screenshot-item{background:#f1f4f9;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;flex-shrink:0;height:120px;overflow:hidden;position:relative;transition:all .25s ease;width:120px}.screenshot-item:hover{border-color:#2e7d32;box-shadow:0 4px 16px #2e7d3226;transform:scale(1.03);z-index:2}.screenshot-item:hover .screenshot-hint{opacity:1}.screenshot-item img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.screenshot-item .screenshot-hint{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;color:#fff;display:flex;font-size:13px;font-weight:500;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease;z-index:2}.screenshot-item .screenshot-hint span{border:2px dashed hsla(0,0%,100%,.6);border-radius:40px;padding:4px 14px}.screenshot-item .screenshot-remove{align-items:center;background:#000000a6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:300;height:30px;justify-content:center;line-height:1;position:absolute;right:6px;top:6px;transition:all .2s ease;width:30px;z-index:3}.screenshot-item .screenshot-remove:hover{background:#c80000d9;transform:scale(1.1)}.screenshot-item .screenshot-remove:active{transform:scale(.95)}.screenshot-item .screenshot-index{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;border-radius:10px;bottom:6px;color:#fffc;font-size:11px;font-weight:600;line-height:1.6;padding:0 8px;pointer-events:none;position:absolute;right:8px;z-index:2}.screenshot-add-item{align-items:center;background:#fafbfc;border:2px dashed #d1d5db;border-radius:14px;cursor:pointer;display:flex;flex-shrink:0;height:120px;justify-content:center;transition:all .25s ease;width:120px}.screenshot-add-item:hover{background:#f0f7f0;border-color:#2e7d32;box-shadow:0 4px 16px #2e7d321f;transform:scale(1.03)}.screenshot-add-content{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:2px}.screenshot-add-content .add-icon{color:#6b7280;font-size:2.4rem;font-weight:300;line-height:1}.screenshot-add-content .add-label{color:#9ca3af;font-size:12px;font-weight:500}.screenshot-add-item:hover .screenshot-add-content .add-icon,.screenshot-add-item:hover .screenshot-add-content .add-label{color:#2e7d32}.screenshot-upload-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;border-radius:16px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.screenshot-upload-overlay span{background:#00000080;border-radius:40px;color:#fff;font-size:1rem;font-weight:600;padding:.4rem 1.2rem}.screenshot-hint-text{color:#94a3b8;font-size:13px;margin-top:10px}@media(max-width:640px){.screenshot-add-item,.screenshot-item{height:90px;width:90px}.screenshot-item .screenshot-remove{font-size:14px;height:24px;right:4px;top:4px;width:24px}.screenshot-add-content .add-icon{font-size:1.8rem}.screenshot-add-content .add-label{font-size:10px}}@media(max-width:480px){.screenshot-add-item,.screenshot-item{height:72px;width:72px}.screenshot-item .screenshot-remove{font-size:12px;height:20px;right:3px;top:3px;width:20px}.screenshot-add-content .add-icon{font-size:1.4rem}.screenshot-add-content .add-label{font-size:9px}}.upload-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;border-radius:inherit;display:flex;inset:0;justify-content:center;position:absolute;z-index:2}.upload-overlay span{background:#00000080;border-radius:40px;color:#fff;font-size:1rem;font-weight:600;padding:.4rem 1.2rem}@media(max-width:768px){.cover-preview-img,.cover-upload-area{min-height:140px}.cover-placeholder span{font-size:1.2rem}.cover-placeholder small{font-size:.75rem}.screenshot-add-more,.screenshot-item{height:72px;width:72px}.screenshot-upload-area{min-height:100px;padding:12px}}.modpack-card{grid-template-columns:500px 1fr}.modpack-edit-container{margin:0 auto;max-width:1380px;padding:2rem 1.5rem}.edit-layout{align-items:start;display:grid;gap:1.5rem;grid-template-columns:220px 1fr 340px}.edit-error-banner{background:#fee2e2;border-radius:12px;color:#b91c1c;margin-bottom:1.5rem;padding:1rem 1.5rem}.edit-error-banner p{margin:0}.left-sidebar{display:flex;flex-direction:column;gap:1.5rem}.ops-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;box-shadow:0 4px 20px #0000000a;padding:1.2rem 1rem}.ops-card .ops-title{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.ops-card .ops-title .ops-icon{color:#6b7280;height:18px;width:18px}.ops-card .ops-item{border-bottom:1px solid #f0f2f5;font-size:13px;padding:8px 0}.ops-card .ops-item:last-child{border-bottom:none}.ops-card .ops-item .ops-label{align-items:center;color:#1a1a1a;display:flex;font-weight:600;gap:6px;margin-bottom:2px}.ops-card .ops-item .ops-label-icon{color:#6b7280;flex-shrink:0;height:16px;width:16px}.ops-card .ops-item .ops-desc{color:#6b7280;font-size:12px;font-weight:400;line-height:1.5}.ops-card .ops-item .ops-status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.ops-card .ops-item .ops-status-dot.green{background:#2e7d32}.ops-card .ops-item .ops-status-dot.orange{background:#f59e0b}.ops-card .ops-item .ops-status-dot.gray{background:#9ca3af}.version-history-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;box-shadow:0 4px 20px #0000000a;padding:1.2rem 1rem}.version-history-card .version-history-title{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.version-history-item{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.version-history-item:last-child{border-bottom:none}.version-history-info{align-items:center;display:flex;gap:8px;min-width:0}.version-history-number{color:#1a1a1a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-status-pill{border-radius:999px;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.version-status-pill.published{background:#e8f5e9;color:#2e7d32}.version-status-pill.pending{background:#fff8e1;color:#e65100}.version-status-pill.rejected{background:#fce4ec;color:#c62828}.version-status-pill.draft{background:#f3f4f6;color:#6b7280}.version-history-empty{color:#9ca3af;font-size:12px;padding:8px 0;text-align:center}.middle-column{display:flex;flex-direction:column;gap:1.5rem}.stats-row{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:1.2rem}.stat-mini-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;cursor:default;padding:14px 12px 12px;text-align:center;transition:all .25s cubic-bezier(.22,1,.36,1)}.stat-mini-card:hover{border-color:#2e7d32;box-shadow:0 8px 24px #2e7d321f;transform:translateY(-3px)}.stat-mini-card .stat-number{color:#1e293b;display:block;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:2px}.stat-mini-card .stat-label{display:block;font-size:14px;-weight:500;color:#66bb6a}.right-panel{align-content:start;display:grid;gap:18px;position:sticky;top:24px}.preview-card{background:#fff;border:1px solid #e8ecf0;border-radius:20px;box-shadow:0 4px 20px #0000000a;overflow:hidden}.preview-cover{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#1a3a4a,#2d6a4f);background-position:50%;background-size:cover;cursor:pointer;display:flex;justify-content:center;min-height:180px;overflow:hidden;position:relative;transition:all .25s ease;width:100%}.preview-cover:hover{filter:brightness(.92)}.preview-cover:hover .cover-hint{opacity:1}.preview-cover.thumb-forest{background:linear-gradient(135deg,#1a5f30eb,#5e9854e6)}.preview-cover img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.preview-cover .cover-hint{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;color:#fff;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:4px;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease;z-index:2}.preview-cover .cover-hint .icon{font-size:28px}.preview-cover .cover-hint small{font-size:12px;opacity:.8}.preview-cover .cover-remove-btn{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:30px;line-height:1;position:absolute;right:10px;top:10px;transition:background .2s ease;width:30px;z-index:5}.preview-cover .cover-remove-btn:hover{background:#c80000cc}.preview-cover .cover-upload-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;border-radius:inherit;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.preview-cover .cover-upload-overlay span{background:#00000080;border-radius:40px;color:#fff;font-size:1rem;font-weight:600;padding:.4rem 1.2rem}.hidden-input{display:none}.preview-body{padding:20px 24px 24px}.preview-body .preview-name{color:#1a1a1a;font-size:20px;font-weight:700;margin-bottom:4px}.preview-body .preview-summary{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:12px}.preview-body .preview-tags{display:flex;flex-wrap:wrap;gap:6px}.preview-body .preview-tags span{background:#f1f4f9;border:1px solid #e5e7eb;border-radius:40px;color:#1e293b;font-size:12px;font-weight:500;padding:2px 12px}.preview-body .preview-tags .cat{background:#e0f2fe;border-color:transparent;color:#0369a1}.preview-body .preview-divider{border:none;border-top:1px solid #f0f2f5;margin:16px 0 12px}.preview-body .preview-meta{color:#94a3b8;display:flex;font-size:13px;gap:20px}.preview-body .preview-meta span{align-items:center;display:flex;gap:4px}.check-card{background:#fff;border:1px solid #e8ecf0;border-radius:20px;box-shadow:0 4px 20px #0000000a;padding:20px 22px 22px}.check-card .check-title{color:#2e7d32;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.check-row{border-bottom:1px dashed #eef2f6;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.check-row:last-child{border-bottom:none}.check-row .check-label{color:#6b7280;font-weight:500}.check-row .check-value{color:#1a1a1a;font-weight:500;text-align:right}.save-btn{align-items:center;background:#2e7d32;border:none;border-radius:40px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.save-btn:hover{background:#1b5e20;box-shadow:0 4px 12px #2e7d324d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.version-actions{display:flex;gap:12px}.version-actions .save-btn{flex:1}.btn-cancel{background:transparent;border:1px solid #d1d9e6;border-radius:40px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.btn-cancel:hover{background:#f1f4f9;border-color:#b0c0d4}.version-tags{display:flex;flex-wrap:wrap;gap:8px;max-height:160px;overflow-y:auto;padding:4px 0}.version-tag{background:#f1f4f9;border:1px solid #e5e7eb;border-radius:40px;color:#1e293b;cursor:pointer;font-size:13px;font-weight:500;padding:4px 14px;transition:all .15s}.version-tag:hover{border-color:#2e7d32;color:#2e7d32}.version-tag.active{background:#2e7d32;border-color:#2e7d32;color:#fff}.version-tag .tag-status{font-size:10px;font-weight:400;margin-left:4px;opacity:.7}.image-preview-overlay{animation:fadeIn .3s ease;background:#000000eb;cursor:zoom-out;inset:0;position:fixed;z-index:9999}.image-preview-container,.image-preview-overlay{align-items:center;display:flex;justify-content:center}.image-preview-container{height:100vh;padding:20px;position:relative;width:100vw}.image-preview-img{height:100%;max-height:100vh;max-width:100vw;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-user-drag:none}.image-preview-close{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:300;height:52px;justify-content:center;line-height:1;position:fixed;right:32px;top:24px;transition:all .2s ease;width:52px;z-index:10}.image-preview-close:hover{background:#ffffff40;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1200px){.edit-layout{grid-template-columns:1fr 1fr}.left-sidebar{flex-direction:row;flex-wrap:wrap;grid-column:1/-1}.ops-card{flex:1;min-width:200px}}@media(max-width:1024px){.edit-layout{grid-template-columns:1fr}.left-sidebar{flex-direction:row;flex-wrap:wrap;grid-column:1/-1}.ops-card{flex:1;min-width:200px}.right-panel{position:static}}@media(max-width:640px){.modpack-edit-container{padding:1rem .8rem}.panel{padding:1.2rem 1rem}.version-actions{flex-direction:column}.btn-cancel{justify-content:center;width:100%}.image-preview-close{font-size:1.4rem;height:40px;right:16px;top:16px;width:40px}.image-preview-container{padding:12px}}.mod-list-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:24px;overflow:hidden}.mod-card-v2{background:#fff;border:1px solid #e9edf4;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:10px;min-width:0;overflow:hidden;padding:20px 20px 18px;position:relative;transition:all .25s ease}.mod-card-v2:hover{border-color:#22c55e4d;box-shadow:0 12px 32px #00000014;transform:translateY(-4px)}.mod-card-v2 .card-update{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:4px;white-space:nowrap}.mod-card-v2 .card-update .el-icon{font-size:13px}.mod-card-v2 .card-title-group .author .author-link{color:#4b5563;font-weight:500;text-decoration:none;transition:color .15s ease}.mod-card-v2 .card-title-group .author .author-link:hover{color:#2e7d32;text-decoration:underline}.mod-card-v2 .card-header{align-items:stretch;display:flex;gap:14px}.mod-card-v2 .card-icon{align-items:center;background:linear-gradient(135deg,#2e7d32,#1b5e20);border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:40px;font-weight:800;height:128px;justify-content:center;overflow:hidden;text-decoration:none;transition:transform .2s ease;width:128px}.mod-card-v2:hover .card-icon{transform:scale(1.05)}.mod-card-v2 .card-icon span{line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.15)}.mod-card-v2 .card-title-group{container-type:inline-size;display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.mod-card-v2 .card-title-group .name{color:#1a1a1a;display:block;font-size:16px;font-weight:700;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.mod-card-v2 .card-title-group .name:hover{color:#2e7d32}.mod-card-v2 .card-title-group .author{align-items:center;color:#9ca3af;cursor:default;display:inline-flex;font-size:13px;gap:4px}.mod-card-v2 .card-summary{color:#4b5563;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-clamp:2;line-height:1.6;-webkit-box-orient:vertical;cursor:default;margin:0;overflow:hidden}.mod-card-v2 .card-title-group .tag-row-wrap{cursor:default;margin-top:auto;overflow:hidden;padding-top:8px;position:relative}.mod-card-v2 .card-title-group .tag-row-wrap:after{background:linear-gradient(90deg,transparent,#fff);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:40px}.mod-card-v2:hover .card-title-group .tag-row-wrap:after{display:none}.mod-card-v2 .card-title-group .tag-row-wrap .mp-tag-row{flex-wrap:nowrap;width:-moz-max-content;width:max-content}.mod-card-v2 .card-title-group .tag-row-wrap .mp-tag-row .mp-meta-tag{flex-shrink:0}.mod-card-v2 .card-title-group .tag-row-wrap .mp-tag-row.can-scroll:hover{animation:marquee-scroll 3s ease-in-out infinite alternate}@keyframes marquee-scroll{0%,8%{transform:translate(0)}92%,to{transform:translate(calc(-100% + 100cqw))}}.mod-card-v2 .card-tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px 8px}.mod-card-v2 .card-tags .tag{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.mod-card-v2 .card-tags .tag .dot{background:#d1d5db;border-radius:50%;flex-shrink:0;height:4px;width:4px}.mod-card-v2 .card-tags .tag-more{color:#9ca3af;font-size:12px}.mod-card-v2 .card-divider{border:none;border-top:1px solid #f0f2f5;margin:2px 0}.mod-card-v2 .card-footer{align-items:center;display:flex;justify-content:space-between;padding-top:2px}.mod-card-v2 .card-stats{align-items:center;display:flex;gap:14px}.mod-card-v2 .card-stats .stat-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:4px}.mod-card-v2 .card-stats .stat-item .stat-icon{align-items:center;display:flex;font-size:14px;line-height:1}.mod-card-v2 .card-stats .stat-item .stat-num{color:#1a1a1a;font-weight:600}.mod-card-v2 .card-icon:has(img){background:transparent!important;border:none}.mod-card-v2 .card-icon img{border-radius:12px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:640px){.mod-list-grid{gap:14px;grid-template-columns:1fr}.mod-card-v2{padding:16px 16px 14px}.mod-card-v2 .card-icon{font-size:30px;height:100px;width:100px}.mod-card-v2 .card-title-group .name{font-size:15px}.mod-card-v2 .card-summary{font-size:13px;-webkit-line-clamp:3}.mod-card-v2 .card-stats{gap:10px}.mod-card-v2 .card-stats .stat-item{font-size:12px}.mod-card-v2 .card-update{font-size:11px}}.icon-upload-area{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.icon-preview{align-items:center;background:linear-gradient(135deg,#fff,#fff);border:2px solid #e5e7eb;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:800;height:64px;justify-content:center;overflow:hidden;transition:border-color .2s;width:64px}.icon-preview.has-image{background:#fff;border-color:#f7f7f7}.icon-preview img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.icon-preview span{text-shadow:0 1px 4px rgba(0,0,0,.15)}.icon-upload-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.icon-upload-btn{align-items:center;background:#fafbfc;border:2px dashed #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 18px;transition:all .2s}.icon-upload-btn:hover{background:#f0f7f0;border-color:#2e7d32;color:#2e7d32}.icon-upload-btn input{display:none}.icon-remove-btn{background:#fee2e2;border:none;border-radius:8px;color:#b91c1c;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:background .2s}.icon-remove-btn:hover{background:#fecaca}.hint-text{color:#9ca3af;font-size:12px;margin-top:4px}.preview-card-mod{background:#ffffffd6;border-color:#2d452f1a;box-shadow:0 24px 70px #2d452f14;overflow:hidden;padding:0}.preview-mod-card{display:flex;flex-direction:column;gap:10px;padding:20px 20px 18px;position:relative}.preview-mod-card .card-header{align-items:stretch;display:flex;gap:14px}.preview-mod-card .card-icon{align-items:center;background:#fafbfc;border:2px dashed #d9dde3;border-radius:14px;color:#c5cdc0;display:flex;flex-shrink:0;height:108px;justify-content:center;overflow:hidden;transition:all .2s ease;width:108px}.preview-mod-card .card-icon:hover{background:#f6f9f4;border-color:var(--c-primary,#2e7d32);color:var(--c-primary,#2e7d32)}.preview-mod-card .card-icon.has-image{background:#fff;border:none}.preview-mod-card .card-icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.preview-mod-card .card-icon span{line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.15)}.preview-mod-card .card-title-group{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.preview-mod-card .name-row{display:flex;flex-direction:column;gap:2px}.preview-mod-card .card-title-group .name{color:#1a1a1a;display:block;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-mod-card .card-title-group .author{color:#6b7280;font-size:13px}.preview-mod-card .card-summary{color:#4b5563;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-clamp:2;line-height:1.6;-webkit-box-orient:vertical;margin:4px 0 0;overflow:hidden}.preview-mod-card .card-tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px 8px}.preview-mod-card .card-tags .tag{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.preview-mod-card .card-tags .tag .dot{background:#d1d5db;border-radius:50%;flex-shrink:0;height:4px;width:4px}.preview-mod-card .card-tags .tag-more{color:#9ca3af;font-size:12px}.preview-mod-card .card-divider{border:none;border-top:1px solid #f0f2f5;margin:2px 0}.preview-mod-card .card-footer{align-items:center;display:flex;justify-content:space-between;padding-top:2px}.preview-mod-card .card-stats{align-items:center;display:flex;gap:14px}.preview-mod-card .card-stats .stat-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:4px}.preview-mod-card .card-stats .stat-item .icon{font-size:14px;line-height:1}.preview-mod-card .card-stats .stat-item .num{color:#1a1a1a;font-weight:600}.preview-mod-card .card-action{align-items:center;color:#2e7d32;display:flex;font-size:13px;font-weight:600;gap:4px;text-decoration:none;transition:color .2s}.preview-mod-card .card-action:hover{color:#1b5e20}@media(max-width:768px){.icon-upload-area{align-items:flex-start;flex-direction:column}.icon-preview{font-size:20px;height:56px;width:56px}.preview-mod-card .preview-update{font-size:11px;justify-content:flex-end;margin-top:-4px;position:static}}@media(max-width:480px){.icon-preview{font-size:16px;height:48px;width:48px}.icon-upload-btn{font-size:12px;padding:6px 14px}.preview-mod-card .card-icon{font-size:16px;height:84px;width:84px}.preview-mod-card .card-title-group .name{font-size:15px}.preview-mod-card .card-summary{font-size:13px;-webkit-line-clamp:2;min-height:40px}.preview-mod-card .card-stats{gap:10px}.preview-mod-card .card-stats .stat-item{font-size:12px}}.list-item{align-items:flex-start;background:#fff;border:1px solid #e9edf4;border-radius:12px;display:flex;gap:20px;min-height:100px;padding:14px 20px;transition:all .2s ease}.list-item:hover{border-color:#d0d7de;box-shadow:0 8px 28px #00000012;transform:translateY(-2px)}.list-item .item-left{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.list-item .item-left .item-icon{align-items:center;background:linear-gradient(135deg,#1a5e30,#5e9854);border:2px solid #e5e7eb;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:800;height:72px;justify-content:center;overflow:hidden;width:72px}.list-item .item-left .item-icon.has-image{background:#fff;border-color:#2e7d32}.list-item .item-left .item-icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.list-item .item-left .item-icon span{line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.15)}.list-item .item-left .version-number{background:#f3f4f6;border-radius:20px;color:#4b5563;font-size:12px;font-weight:700;line-height:22px;min-width:48px;padding:2px 12px;text-align:center}.list-item .item-info{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.list-item .item-info .info-row-1{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.list-item .item-info .info-row-1 .name{color:#1a1a1a;font-size:16px;font-weight:700;max-width:200px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.list-item .item-info .info-row-1 .name:hover{color:#2e7d32}.list-item .item-info .info-row-1 .type-tag{background:#f3f4f6;border-radius:20px;color:#9ca3af;font-size:11px;font-weight:600;line-height:20px;padding:0 10px}.list-item .item-info .info-row-1 .status-badge{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:40px;color:#2e7d32;font-size:11px;font-weight:700;line-height:20px;padding:2px 12px;white-space:nowrap}.status-badge.draft{background:#fef3c7;border-color:#fde68a;color:#b45309}.status-badge.pending{background:#e0f2fe;border-color:#bae6fd;color:#0369a1}.status-badge.rejected{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.status-badge.archived{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.list-item .item-info .info-row-2{color:#4b5563;display:-webkit-box;font-size:14px;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.5;overflow:hidden}.list-item .item-info .info-row-3{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.list-item .item-info .info-row-3 .tags{display:flex;flex-wrap:wrap;gap:4px 6px}.list-item .item-info .info-row-3 .tags .tag{align-items:center;border-radius:40px;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:4px;padding:2px 10px}.list-item .item-info .info-row-3 .tags .tag .dot{background:#d1d5db;border-radius:50%;height:3px;width:4px}.list-item .item-info .info-row-3 .tags .tag-loader,.list-item .item-info .info-row-3 .tags .tag-runtime{background:#d1fae5;border:1px solid #a7f3d0;color:#047857}.list-item .item-info .info-row-3 .tags .tag-category{background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.list-item .item-right{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:20px}.list-item .item-right .stats-group{display:flex;gap:6px}.list-item .item-right .stats-group .stat-box{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;min-width:50px;padding:4px 14px}.list-item .item-right .stats-group .stat-box .num{color:#1a1a1a;font-size:17px;font-weight:700;line-height:1.3}.list-item .item-right .stats-group .stat-box .label{color:#9ca3af;font-size:10px;font-weight:500}.list-item .item-actions{display:flex;flex-direction:column;flex-shrink:0;gap:6px}.list-item .item-actions .btn{align-items:center;border:1.5px solid transparent;border-radius:40px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;min-width:100px;padding:6px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-outline{background:transparent;border-color:#d1d5db;color:#4b5563}.btn-outline:hover{background:#f0f7f0;border-color:#2e7d32;color:#2e7d32}.btn-primary{background:#2e7d32;border-color:#2e7d32;color:#fff}.btn-primary:hover{background:#1b5e20;border-color:#1b5e20}.tabs{border-bottom:2px solid #eef2f6;display:flex;gap:6px;margin-bottom:16px;padding-bottom:2px}.tab-btn{background:transparent;border:none;border-radius:999px 999px 0 0;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;position:relative;transition:all .2s ease}.tab-btn:hover{background:#f1f5f9;color:#1e293b}.tab-btn.active{background:#eff6ef;color:var(--c-primary,#2e7d32)}.tab-btn.active:after{background:var(--c-primary,#2e7d32);border-radius:999px;bottom:-2px;content:"";height:3px;left:20%;position:absolute;right:20%}.tab-badge{background:#e2e8f0;border-radius:999px;color:#475569;display:inline-block;font-size:11px;font-weight:700;margin-left:4px;padding:0 6px}.tab-btn.active .tab-badge{background:#c8e6c9;color:var(--c-primary,#2e7d32)}.flex{display:flex}.gap-4{gap:1rem}.mt-4{margin-top:1rem}@media(max-width:1024px){.list-item{flex-wrap:wrap;min-height:auto;padding:14px 16px}.list-item .item-left{flex-direction:row;gap:10px}.list-item .item-left .version-number{margin-left:4px}.list-item .item-info{flex:1 1 100%;order:2}.list-item .item-right{border-top:1px solid #f0f2f5;flex:1 1 100%;flex-wrap:wrap;gap:10px;justify-content:flex-start;padding-top:10px}.list-item .item-actions{flex:1 1 100%;flex-direction:row}.list-item .item-actions .btn{flex:1;min-width:60px}}@media(max-width:640px){.list-item .item-left .item-icon{font-size:14px;height:40px;width:40px}.list-item .item-left .version-number{font-size:10px;line-height:16px;min-width:34px;padding:0 6px}.list-item .item-info .info-row-1 .name{font-size:13px;max-width:100px}.list-item .item-right .stats-group .stat-box{min-width:36px;padding:2px 8px}.list-item .item-right .stats-group .stat-box .num{font-size:13px}.list-item .item-right .stats-group .stat-box .label{font-size:8px}.list-item .item-actions .btn{font-size:11px;min-width:50px;padding:3px 8px}}.preview-mod-card .card-icon{cursor:pointer;position:relative;transition:all .25s ease}.preview-mod-card .card-icon:hover{border-color:#2e7d32;transform:scale(1.05)}.preview-mod-card .card-icon .icon-remove-btn{align-items:center;background:#c80000d9;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-6px;transition:all .2s ease;width:20px;z-index:5}.preview-mod-card .card-icon .icon-remove-btn:hover{background:#b40000e6;transform:scale(1.1)}.preview-mod-card .card-icon .icon-upload-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;border-radius:12px;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.preview-mod-card .card-icon .icon-upload-overlay span{background:#0009;border-radius:20px;color:#fff;font-size:10px;font-weight:600;padding:2px 10px}.preview-mod-card .card-icon.has-image{border-color:#2e7d32}@media(max-width:768px){.preview-mod-card .preview-update{font-size:11px;justify-content:flex-end;margin-top:-4px;position:static}}@media(max-width:480px){.preview-mod-card .card-icon{font-size:16px;height:84px;width:84px}.preview-mod-card .card-title-group .name{font-size:15px}.preview-mod-card .card-summary{font-size:13px;-webkit-line-clamp:2;min-height:40px}.preview-mod-card .card-stats{gap:10px}.preview-mod-card .card-stats .stat-item{font-size:12px}}.avatar-wrapper{border-radius:50%;cursor:pointer;display:inline-block;overflow:hidden;position:relative;transition:transform .2s ease}.avatar-wrapper:hover{transform:scale(1.02)}.avatar-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:50%;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-hint{background:#0000004d;border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:4px 10px;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.3)}@media(max-width:768px){.avatar-wrapper .avatar-img{height:90px;width:90px}.avatar-hint{font-size:11px}}@media(max-width:480px){.avatar-wrapper .avatar-img{height:72px;width:72px}}.profile-grid{align-items:start;display:grid;gap:2rem;grid-template-columns:320px 1fr}.content-card{box-sizing:border-box;min-height:500px;padding:2rem;width:100%}.content-card,.user-card{background:#fff;border:1px solid #e9edf2;border-radius:1.75rem;box-shadow:0 8px 20px #00000005}.user-card{height:-moz-fit-content;height:fit-content;padding:1.8rem 1.5rem}.avatar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem;text-align:center}.avatar-wrapper .avatar-img{background:#f5f7fb;border:3px solid #3e8e60;border-radius:50%;box-shadow:0 6px 14px #0000000d;display:block;height:110px;-o-object-fit:cover;object-fit:cover;width:110px}.user-name{color:#1f2f40;font-size:1.6rem;font-weight:700;margin-top:1rem}.user-email{color:#5b6f8c;font-size:.85rem;margin:.25rem 0 .8rem}.badge-group{display:flex;gap:.8rem;justify-content:center;margin:.8rem 0}.badge{border-radius:40px;font-size:.7rem;font-weight:600;padding:.25rem .9rem}.badge.admin{background:#e9f0fe;border-left:2px solid #4183c4;color:#2c5282}.badge.active{background:#e1f7ea;color:#2c6e49}hr{border-color:#e6ecf2;margin:1.5rem 0}.profile-nav{display:flex;flex-direction:column;gap:4px}.profile-nav-btn{align-items:center;background:transparent;border:none;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.profile-nav-btn:hover{background:#f3f4f6;color:#1f2937}.profile-nav-btn.active{background:#e8f5e9;color:#2e7d32;font-weight:600}.profile-nav-btn-danger{color:#ef4444}.profile-nav-btn-danger:hover{background:#fef2f2;color:#dc2626}.nav-badge{background:#e5e7eb;border-radius:20px;color:#4b5563;font-size:.7rem;font-weight:700;margin-left:auto;padding:.1rem .6rem}.profile-nav-btn.active .nav-badge{background:#c8e6c9;color:#2e7d32}.favorites-tabs{border-bottom:2px solid #eef2f6;display:flex;gap:8px;margin-bottom:1.5rem;padding-bottom:2px}.fav-tab-btn{background:transparent;border:none;border-radius:8px 8px 0 0;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 18px;position:relative;transition:all .2s ease}.fav-tab-btn:hover{background:#f1f5f9;color:#1e293b}.fav-tab-btn.active{background:transparent;border-bottom:3px solid #2e7d32;border-radius:0;color:#2e7d32;padding:8px 18px 6px}.fav-tab-btn.active:after{display:none}.fav-tab-btn .tab-badge{background:#e2e8f0;border-radius:999px;color:#475569;display:inline-block;font-size:.65rem;font-weight:700;margin-left:4px;padding:.05rem .5rem}.fav-tab-btn.active .tab-badge{background:#c8e6c9;color:#2e7d32}.favorites-list{display:grid;gap:10px}.favorite-item{align-items:center;background:#f8fafc;border:1px solid #f0f2f5;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.favorite-item:hover{background:#fff;border-color:#d0d7de;box-shadow:0 4px 12px #0000000a;transform:translateY(-1px)}.fav-item-info{display:flex;flex-direction:column;gap:2px}.fav-item-name{color:#1f2937;font-size:.95rem;font-weight:600}.fav-item-meta{color:#9ca3af;display:flex;font-size:.75rem;gap:16px}.fav-item-action{background:#e8f5e9;border:none;border-radius:20px;color:#2e7d32;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 16px;transition:all .2s ease;white-space:nowrap}.fav-item-action:hover{background:#c8e6c9}.empty-state{padding:40px 20px}.empty-state .empty-icon{font-size:3rem;margin-bottom:.5rem}.empty-state p{font-size:.9rem;margin:0}@media(max-width:900px){.profile-grid{gap:1.5rem;grid-template-columns:1fr}.content-card,.user-card{padding:1.5rem}}@media(max-width:600px){.profile-page-wrapper{padding:0 .8rem}.content-card{padding:1rem}.profile-nav-btn{font-size:.8rem;padding:8px 12px}.favorite-item{align-items:flex-start;flex-direction:column;gap:8px}.fav-item-action{align-self:flex-start}}.security-content{max-width:720px}.security-section-title{color:#1f2f40;font-size:1.4rem;font-weight:700;margin:0 0 1.5rem}.security-card{background:#f8fafc;border:1px solid #eef2f6;border-radius:1.25rem;margin-bottom:1.5rem;padding:1.5rem}.security-card-header{align-items:center;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;margin-bottom:1.2rem;padding-bottom:.8rem}.security-card-header h3{color:#1f2f40;font-size:1rem;font-weight:700;margin:0}.security-card-header h3 i{color:#3e8e60;margin-right:8px}.security-status{color:#5b6f8c;font-size:.8rem;font-weight:500}.security-status.muted{color:#9ca3af}.security-form-row{align-items:center;display:flex;gap:8px}.btn-send-code{background:#e8f5e9;border:1px solid #3e8e60;border-radius:1rem;color:#3e8e60;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:600;height:42px;padding:0 16px;transition:all .2s ease;white-space:nowrap}.btn-send-code:hover{background:#3e8e60;color:#fff}.btn-send-code:disabled{cursor:not-allowed;opacity:.5}.phone-actions{align-items:center;display:flex;gap:12px}.btn-unbind{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;color:#dc2626;cursor:pointer;font-size:14px;font-weight:600;height:42px;padding:0 16px;transition:all .15s}.btn-unbind:hover{background:#fef2f2;border-color:#fca5a5}.btn-unbind:disabled{cursor:not-allowed;opacity:.5}.oauth-list{display:flex;flex-direction:column;gap:10px}.oauth-item{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.oauth-item:hover{border-color:#d0d7de;box-shadow:0 2px 8px #00000008}.oauth-info{gap:14px}.oauth-info,.oauth-info i{align-items:center;display:flex}.oauth-info i{background:#f1f5f9;border-radius:10px;color:#475569;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.oauth-info i.fa-qq{background:#e8f4fd;color:#12b7f5}.oauth-info i.fa-weixin{background:#e6f9f0;color:#07c160}.oauth-info i.fa-microsoft{background:#e6f4fc;color:#00a4ef}.oauth-info i.fa-github{background:#f0f0f0;color:#24292e}.oauth-info i.fa-tv{background:#fdf0f4;color:#fb7299}.oauth-info i.fa-google{background:#e8f0fe;color:#4285f4}.oauth-detail{display:flex;flex-direction:column;gap:2px}.oauth-name{color:#1f2f40;font-size:.9rem;font-weight:600}.oauth-account{color:#5b6f8c;font-size:.75rem}.oauth-account.muted{color:#9ca3af}.oauth-btn{background:#fff;border:1px solid #d0daea;border-radius:20px;color:#3e8e60;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:600;padding:6px 18px;transition:all .2s ease;white-space:nowrap}.oauth-btn:hover{background:#e8f5e9;border-color:#3e8e60}.oauth-btn.bound{background:#fef2f2;border-color:#e2b6bc;color:#a94442}.oauth-btn.bound:hover{background:#ffecee;border-color:#cf8787}.oauth-btn:disabled{cursor:not-allowed;opacity:.5}@media(max-width:600px){.security-card{padding:1rem}.security-card-header{gap:4px}.oauth-item,.security-card-header{align-items:flex-start;flex-direction:column}.oauth-item{gap:10px}.oauth-btn{align-self:flex-end}}.user-page{margin:0 auto;max-width:1280px;padding:0 24px 40px}.user-page .mod-list-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.user-page .mod-card-v2 .card-title-group{container-type:unset;gap:6px}.user-page .mod-card-v2 .card-title-group .tag-row-wrap .mp-tag-row.can-scroll:hover{animation:marquee-scroll-user 3s ease-in-out infinite alternate}@keyframes marquee-scroll-user{0%,8%{transform:translate(0)}92%,to{transform:translate(-55%)}}.user-page .directory-card-style,.user-page .mod-card-v2{padding:12px}.user-page .directory-card-style:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.user-page .directory-card-thumb-link{display:block}.user-page .directory-card-thumb{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:12px;display:grid;min-height:140px;place-items:center;width:100%}.user-page .directory-card-body{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0;overflow:hidden;padding:12px 2px 6px}.user-page .pack-summary{color:#4b5563;display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.5;margin:0;-webkit-box-orient:vertical;overflow:hidden}.loading-state{color:#9ca3af;padding:80px 20px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#2e7d32;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-state{color:#9ca3af;padding:80px 20px;text-align:center}.error-state .icon{font-size:56px;margin-bottom:12px}.error-state h3{color:#4b5563;font-size:20px;margin-bottom:4px}.error-state p{font-size:14px;margin-bottom:20px}.btn-back{background:#2e7d32;border-radius:40px;color:#fff;display:inline-block;font-weight:600;padding:8px 28px;text-decoration:none;transition:background .2s}.btn-back:hover{background:#1b5e20}.creator-header{align-items:center;background:#fff;border:1px solid #e9edf4;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:32px;margin-top:24px;padding:32px 36px}.creator-avatar{align-items:center;background:linear-gradient(135deg,#2e7d32,#1b5e20);border:3px solid #e8f5e9;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:40px;font-weight:800;height:100px;justify-content:center;overflow:hidden;width:100px}.creator-avatar img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.creator-avatar span{line-height:1}.creator-info{flex:1;min-width:0}.creator-info .name-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.creator-info .name-row h1{color:#1a1a1a;font-size:28px;font-weight:800}.creator-info .name-row .role-badge{background:#e8f5e9;border-radius:40px;color:#2e7d32;font-size:12px;font-weight:600;padding:2px 14px}.creator-info .name-row .role-badge.admin{background:#e9f0fe;color:#2c5282}.creator-info .bio{color:#4b5563;font-size:15px;line-height:1.6;margin:8px 0 12px;max-width:600px}.creator-info .meta-row{color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:20px 24px;justify-content:flex-start}.creator-info .meta-row span{align-items:center;display:flex;gap:6px}.creator-info .meta-row .num{color:#1a1a1a;font-weight:700}.social-bar{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 16px}.social-bar a{align-items:center;background:#f3f4f6;border-radius:40px;color:#4b5563;display:inline-flex;font-size:13px;gap:6px;padding:4px 14px;text-decoration:none;transition:all .2s}.social-bar a:hover{background:#e8f5e9;color:#2e7d32}.users-favorites-tabs{border-bottom:2px solid #eef2f6;display:flex;gap:8px;margin:24px 0 20px;padding-bottom:2px}.works-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.work-card{background:#fff;border:1px solid #e9edf4;border-radius:14px;overflow:hidden;transition:all .25s ease}.work-card:hover{border-color:#d0d7de;box-shadow:0 12px 32px #00000014;transform:translateY(-4px)}.work-cover{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#1a5e30,#5e9854);color:#fff;display:flex;font-size:32px;font-weight:900;justify-content:center;overflow:hidden;position:relative;text-decoration:none;width:100%}.work-cover img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-cover .work-type{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:40px;color:#fff;font-size:11px;font-weight:700;padding:2px 12px;position:absolute;right:10px;top:10px}.work-body{padding:16px 18px 18px}.work-body .work-name{color:#1a1a1a;display:block;font-size:16px;font-weight:700;margin-bottom:4px;text-decoration:none}.work-body .work-name:hover{color:#2e7d32}.work-body .work-summary{color:#4b5563;display:-webkit-box;font-size:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;margin-bottom:10px;overflow:hidden}.work-body .work-tags{display:flex;flex-wrap:wrap;gap:4px 6px;margin-bottom:10px}.work-body .work-tags .tag{background:#f3f4f6;border-radius:40px;color:#4b5563;font-size:11px;font-weight:500;padding:2px 10px}.work-body .work-footer{align-items:center;border-top:1px solid #f0f2f5;color:#9ca3af;display:flex;font-size:12px;justify-content:space-between;padding-top:10px}.work-body .work-footer .downloads{color:#4b5563;font-weight:600}.empty-state{background:#fff;border:1px dashed #d1d5db;border-radius:14px;color:#9ca3af;grid-column:1/-1;padding:60px 20px;text-align:center}.empty-state .icon{font-size:48px;margin-bottom:12px}.empty-state h3{color:#4b5563;font-size:16px;margin-bottom:4px}.empty-state p{font-size:14px}@media(max-width:1024px){.user-page .creator-modpacks-grid,.user-page .creator-mods-grid,.user-page .creator-plugins-grid,.user-page .mod-list-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.user-page .creator-modpacks-grid,.user-page .creator-mods-grid,.user-page .creator-plugins-grid,.user-page .mod-list-grid{grid-template-columns:1fr}}@media(max-width:768px){.creator-header{flex-direction:column;padding:24px 20px;text-align:center}.creator-info .name-row{justify-content:center}.creator-info .bio{margin-left:auto;margin-right:auto}.social-bar{justify-content:center}.works-grid{grid-template-columns:1fr}.favorites-tabs{flex-wrap:nowrap;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.fav-tab-btn{font-size:.8rem;padding:6px 12px;white-space:nowrap}.fav-tab-btn.active{padding:6px 12px 4px}}@media(max-width:480px){.creator-avatar{font-size:28px;height:72px;width:72px}.creator-info .name-row h1{font-size:22px}.creator-header{padding:18px 16px}.fav-tab-btn{font-size:.75rem;padding:4px 10px}.fav-tab-btn.active{padding:4px 10px 2px}.fav-tab-btn .tab-badge{font-size:.55rem;padding:.02rem .4rem}}