:root{--ink:#1c211d;--muted:#70776f;--line:#e9ebe6;--lime:#c7f04c;--paper:#f7f8f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);background:#fbfcf9;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.logo{font-size:23px;font-weight:700;color:var(--ink);letter-spacing:-1.2px;text-decoration:none}.logo-mark{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:18px;margin-right:7px;vertical-align:middle}nav{display:flex;gap:36px;margin-left:105px}nav a{color:#8b9089;text-decoration:none;font-size:14px;font-weight:600}nav a.active{color:var(--ink)}.actions{display:flex;align-items:center;gap:14px}.search-button,.avatar,.round-play{border:0;background:transparent;font:inherit;cursor:pointer}.search-button{font-size:29px;line-height:1}.upload-button,.primary{border:0;background:var(--ink);color:#fff;border-radius:9px;padding:12px 17px;font:600 14px inherit;cursor:pointer}.upload-button span{font-size:18px;vertical-align:-1px}.avatar{width:37px;height:37px;border-radius:50%;background:#d8b193;color:#fff;font-weight:700}main{max-width:1280px;margin:auto;padding:0 48px}.hero{min-height:565px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:55px;padding:66px 36px 54px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#8a9388;margin:0 0 14px}.hero h1{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(38px,4vw,58px);letter-spacing:-3px;line-height:1.2;margin:0 0 19px}.intro{max-width:430px;color:var(--muted);font-size:15px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:31px}.primary{padding:13px 19px}.primary span{margin-left:8px;font-size:18px}.round-play{width:39px;height:39px;border-radius:50%;background:#e9ece5;color:#394038;font-size:12px;margin-left:4px}.watch{font-size:13px;font-weight:600}.stats{display:flex;gap:39px;margin-top:45px}.stats div{display:grid;gap:5px}.stats strong{font-size:20px;letter-spacing:-1px}.stats span{color:#92988f;font-size:11px}.hero-art{height:447px;position:relative;display:flex;justify-content:flex-end;align-items:center}.arch{position:absolute;width:340px;height:423px;border-radius:190px 190px 0 0;background:#d9e5a3;right:28px;top:8px}.hero-image{height:401px;width:365px;object-fit:cover;border-radius:182px 182px 12px 12px;position:relative;z-index:1;box-shadow:0 20px 34px #9ca37033}.image-note{z-index:2;position:absolute;left:-8px;bottom:31px;background:#fff;border-radius:10px;padding:11px 12px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 24px #373e3012;min-width:210px}.pin{background:var(--lime);border-radius:7px;padding:6px;font-size:16px}.image-note div{display:grid;gap:2px;flex:1}.image-note strong{font-size:12px}.image-note small{color:#91978f;font-size:10px}.image-note button{border:0;background:transparent;font-size:20px;cursor:pointer}.stamp{position:absolute;z-index:2;right:-13px;bottom:19px;width:67px;height:67px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:8px;letter-spacing:1px;font-weight:600;display:grid;place-content:center;text-align:center;transform:rotate(-18deg)}.stamp b{font-size:11px;letter-spacing:1.4px}.topics{border-top:1px solid var(--line);padding:37px 0 30px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:26px;letter-spacing:-1.2px;margin:0}.section-heading a{font-size:13px;color:var(--ink);font-weight:600;text-decoration:none}.section-heading a span{margin-left:5px}.topic-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.topic{border:1px solid #e2e5de;background:transparent;border-radius:50px;padding:10px 15px;color:#667066;font:600 13px inherit;cursor:pointer}.topic span{font-size:10px;background:#e9ece6;border-radius:20px;padding:2px 5px;margin-left:7px}.topic.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.topic.selected span{color:var(--ink);background:var(--lime)}.gallery{display:grid;grid-template-columns:1.12fr .88fr .88fr;grid-template-rows:218px 218px;gap:16px;padding-bottom:64px}.card{position:relative;overflow:hidden;border-radius:12px;background:#ddd;min-height:180px}.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.card:hover img{transform:scale(1.045)}.card.tall{grid-row:span 2}.card.wide{grid-column:span 2}.card-overlay{position:absolute;inset:auto 0 0;padding:46px 16px 15px;display:flex;justify-content:space-between;align-items:end;color:white;background:linear-gradient(transparent,rgba(0,0,0,.6))}.card-overlay p{margin:0 0 3px;font-size:14px;font-weight:600}.card-overlay span{font-size:11px;opacity:.82}.like{border:0;border-radius:20px;background:#ffffffeb;padding:6px 9px;color:#333;font:12px inherit;cursor:pointer}.like b{font-size:10px;margin-left:3px}.modal{position:fixed;z-index:8;inset:0;display:none;place-items:center;background:#1c211d88;padding:20px}.modal.show{display:grid}.modal-content{width:min(380px,100%);text-align:center;background:#fff;border-radius:17px;padding:42px 32px;position:relative}.modal-content .logo-mark{margin:0}.modal h2{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;margin:22px 0 9px}.modal p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 23px}.close{position:absolute;top:12px;right:16px;border:0;background:none;font-size:28px;color:#7d837c;cursor:pointer}@media(max-width:760px){.topbar{height:68px;padding:0 20px}nav{display:none}.upload-button{font-size:0;padding:10px 12px}.upload-button span{font-size:22px}.actions{gap:8px}main{padding:0 20px}.hero{display:flex;flex-direction:column;padding:45px 0;gap:28px;align-items:flex-start}.hero h1{font-size:39px}.hero-art{width:100%;height:390px}.hero-image{height:350px;width:295px}.arch{height:367px;width:300px;right:5px}.image-note{left:0;bottom:10px}.stats{margin-top:32px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px 190px}.card.tall{grid-row:span 2}.card.wide{grid-column:span 2}.section-heading h2{font-size:23px}}
.search-panel{position:fixed;z-index:3;top:82px;left:0;right:0;padding:16px max(5vw,24px) 18px;background:#fbfcf9;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #2830240d;transform:translateY(-130%);opacity:0;transition:.25s}.search-panel.show{transform:translateY(0);opacity:1}.search-field{max-width:650px;margin:auto;background:#eff1eb;border-radius:10px;display:flex;align-items:center;padding:0 13px;gap:10px}.search-field span{font-size:23px}.search-field input{border:0;outline:0;background:transparent;width:100%;height:44px;font:14px inherit}.search-field kbd{font-size:10px;color:#778076;border:1px solid #cfd5ca;padding:3px 5px;border-radius:4px}.search-panel p{max-width:650px;margin:10px auto 0;color:#899087;font-size:12px}.search-panel p button{border:0;background:transparent;font:inherit;color:var(--ink);margin-left:9px;cursor:pointer}.card{cursor:pointer}.card.hidden{display:none}.photo-content{width:min(920px,100%);display:grid;grid-template-columns:1.28fr .72fr;background:#fff;position:relative;border-radius:17px;overflow:hidden}.photo-content img{width:100%;height:530px;object-fit:cover}.photo-info{padding:48px 31px;display:flex;flex-direction:column;justify-content:center}.photo-info h2{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:28px;margin:0 0 8px}.photo-info>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0 0 22px}.photo-info .photo-description{line-height:1.8;margin-top:8px!important}.photo-content .close{z-index:1;color:#fff;background:#0005;border-radius:50%;width:32px;height:32px;line-height:24px;right:12px;top:12px}.mobile-nav{display:none}@media(max-width:760px){.search-panel{top:68px;padding:12px 20px}.mobile-nav{position:fixed;z-index:5;display:flex;align-items:center;justify-content:space-around;bottom:0;left:0;right:0;height:65px;background:#fff;border-top:1px solid var(--line)}.mobile-nav a{display:grid;gap:2px;justify-items:center;text-decoration:none;color:#8b9089;font-size:18px}.mobile-nav a.active{color:var(--ink)}.mobile-nav a span{font-size:9px;font-weight:600}.mobile-nav button{width:43px;height:43px;border:0;border-radius:50%;background:var(--ink);color:var(--lime);font-size:26px}.photo-content{display:block}.photo-content img{height:330px}.photo-info{padding:25px}.photo-info h2{font-size:24px}.modal{padding:13px}body{padding-bottom:57px}}
.toast{position:fixed;z-index:20;left:50%;bottom:28px;transform:translate(-50%,80px);opacity:0;background:#1c211d;color:#fff;padding:11px 17px;border-radius:9px;font-size:13px;box-shadow:0 12px 30px #1c211d33;transition:.25s;pointer-events:none;white-space:nowrap}.toast.show{transform:translate(-50%,0);opacity:1}.liked{color:#d95c62!important}.saved{background:var(--lime)!important;color:var(--ink)!important}@media(max-width:760px){.toast{bottom:78px;max-width:calc(100vw - 32px);white-space:normal;text-align:center}}
.feed-section{display:none;padding:38px 0 68px;border-top:1px solid var(--line)}.feed-section.active{display:block}.text-button{border:0;background:transparent;color:var(--ink);font:600 13px inherit;cursor:pointer}.follow-list{display:grid;gap:12px;margin-top:25px;max-width:720px}.follow-list article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;align-items:center;gap:13px}.follow-list img{width:46px;height:46px;border-radius:50%;object-fit:cover}.follow-list div{display:grid;gap:2px;flex:1}.follow-list strong{font-size:14px}.follow-list span{font-size:11px;color:var(--muted)}.follow-list p{font-size:12px;color:#626960;margin:6px 0 0}.follow-button{border:1px solid #dce2d8;background:#fff;border-radius:7px;padding:8px 10px;font:600 12px inherit;cursor:pointer}.follow-button.muted{background:#f1f3ee;color:#838a81}.empty-collection{margin:26px 0;color:var(--muted);font-size:14px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.collection-grid .saved-item{border-radius:12px;overflow:hidden;background:#fff}.collection-grid img{width:100%;height:180px;display:block;object-fit:cover}.collection-grid p{margin:10px 12px 2px;font-weight:600;font-size:14px}.collection-grid span{display:block;margin:0 12px 12px;color:var(--muted);font-size:11px}@media(max-width:760px){.follow-list article{align-items:flex-start}.follow-button{align-self:center}.collection-grid{grid-template-columns:1fr 1fr}.collection-grid img{height:145px}}
.profile-section{max-width:920px;margin:auto}.profile-cover{height:155px;border-radius:14px;background:linear-gradient(115deg,#c9db9a,#d6b297 48%,#8da9a0);position:relative;overflow:hidden}.profile-cover:after{content:"";position:absolute;width:420px;height:300px;border:1px solid #ffffff73;border-radius:50%;right:-50px;top:-130px}.profile-head{display:flex;align-items:end;gap:16px;margin:-42px 25px 0;position:relative}.profile-avatar{height:94px;width:94px;border-radius:50%;border:5px solid var(--paper);background:#d8b193;color:#fff;display:grid;place-items:center;font-size:31px;font-weight:700}.profile-name{flex:1;padding-bottom:5px}.profile-name h2{font-size:24px;margin:0 0 3px;letter-spacing:-.7px}.profile-name h2 span{font-size:13px;color:#7395d0}.profile-name p{font-size:12px;margin:0;color:var(--muted)}.outline-button{border:1px solid #d6dcd2;background:#fff;border-radius:8px;padding:9px 13px;font:600 13px inherit;cursor:pointer}.profile-bio{font-size:14px;line-height:1.8;margin:23px 25px 16px;color:#4e574d}.profile-stats{display:flex;gap:5px;margin:0 18px 20px}.profile-stats button{border:0;background:transparent;display:grid;gap:3px;text-align:left;padding:7px;font:inherit;cursor:pointer}.profile-stats strong{font-size:16px}.profile-stats span{font-size:11px;color:var(--muted)}.profile-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 24px}.profile-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 2px 10px;font:600 13px inherit;color:#889087;cursor:pointer}.profile-tabs button.active{color:var(--ink);border-color:var(--ink)}.profile-works{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 0}.profile-works article{position:relative;border-radius:11px;overflow:hidden;height:210px;background:#dce1d8}.profile-works img{width:100%;height:100%;object-fit:cover}.profile-works span{position:absolute;bottom:0;left:0;right:0;padding:28px 12px 10px;background:linear-gradient(transparent,#0009);color:#fff;font-size:12px;font-weight:600}@media(max-width:760px){.profile-cover{height:120px}.profile-head{margin:-40px 10px 0;gap:11px}.profile-avatar{width:78px;height:78px;font-size:25px}.profile-name h2{font-size:20px}.profile-bio{margin-left:10px}.profile-tabs{padding:0 10px}.profile-works{grid-template-columns:1fr 1fr;gap:10px}.profile-works article{height:170px}.outline-button{font-size:12px;padding:8px 9px}}
.profile-form{display:grid;gap:14px;text-align:left;margin-top:22px}.profile-form label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#5b655a}.profile-form input,.profile-form textarea{border:1px solid #dce1d8;border-radius:8px;padding:10px;font:14px inherit;outline-color:#9dbd3b}.profile-form textarea{height:78px;resize:vertical}.profile-form .primary{margin-top:4px}
.upload-form{display:grid;gap:12px;margin-top:20px;text-align:left}.upload-form label{display:grid;gap:6px;color:#5a6359;font-size:12px;font-weight:600}.upload-form input,.upload-form select{width:100%;border:1px solid #dce1d8;border-radius:8px;padding:10px;background:#fff;font:14px inherit;outline-color:#9dbc43}.upload-form .primary{margin-top:4px}
.upload-form input[type="file"]{padding:8px}.upload-or{margin:0;text-align:center!important;color:#92998f!important;font-size:11px!important}.upload-hint{margin-top:-7px;color:#7c847a;font-size:11px;line-height:1.5}
.card-buttons{display:flex;gap:7px;align-items:center}.save-button{border:0;border-radius:50%;background:#ffffffeb;width:28px;height:28px;color:#333;font-size:15px;cursor:pointer}.save-button.saved{background:var(--lime)!important;color:var(--ink)!important}
.load-more-wrap{display:flex;justify-content:center;padding:0 0 70px}.load-more{border:1px solid #dce2d8;background:#fff;border-radius:9px;padding:12px 20px;color:var(--ink);font:600 13px inherit;cursor:pointer}.load-more:hover{background:#eff2eb}.load-more[hidden]{display:none}
.recommendations{border-top:1px solid var(--line);padding:42px 0 44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.recommend-panel{padding:23px;background:#fff;border:1px solid #e4e8e0;border-radius:17px;box-shadow:0 14px 35px #2b33250a}.daily-panel{background:linear-gradient(145deg,#fbfcf9,#f1f5e9)}.recommend-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.recommend-head .eyebrow{margin-bottom:6px}.recommend-head h2{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:22px;letter-spacing:-1px;margin:0}.recommend-head>span{max-width:138px;text-align:right;font-size:11px;line-height:1.5;color:var(--muted)}.recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.recommend-card{position:relative;height:218px;overflow:hidden;border-radius:11px;background:#dbe0d8;cursor:pointer}.recommend-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.recommend-card:hover img{transform:scale(1.06)}.recommend-card .card-overlay{padding:50px 10px 10px}.recommend-card .card-overlay p{font-size:12px}.recommend-card .card-overlay span{font-size:10px}.recommend-card .card-buttons{gap:4px}.recommend-card .like{padding:5px 7px}.recommend-card .save-button{width:26px;height:26px}.rank-badge{position:absolute;z-index:1;top:9px;left:9px;width:25px;height:25px;border-radius:50%;background:#1c211de8;color:var(--lime);display:grid;place-items:center;font-size:11px;font-weight:700;box-shadow:0 3px 8px #0003}.topics{margin-top:2px}@media(max-width:900px){.recommendations{grid-template-columns:1fr}.recommend-card{height:240px}}@media(max-width:760px){.recommendations{padding:32px 0;gap:15px}.recommend-panel{padding:17px;border-radius:14px}.recommend-grid{gap:9px}.recommend-card{height:175px}.recommend-head h2{font-size:20px}.recommend-head>span{display:none}}
.empty-state{grid-column:1/-1;min-height:270px;display:grid;place-content:center;justify-items:center;text-align:center;background:#fff;border:1px dashed #d9dfd5;border-radius:14px;color:var(--muted)}.empty-state>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#edf1e7;color:var(--ink);font-size:24px}.empty-state h3{margin:12px 0 5px;color:var(--ink);font-size:16px}.empty-state p{margin:0;font-size:13px}.empty-state button{margin-top:16px;border:0;border-radius:8px;background:var(--ink);color:#fff;padding:9px 13px;font:600 12px inherit;cursor:pointer}.skeleton-card{min-height:218px;border-radius:12px;background:linear-gradient(105deg,#e9ece5 30%,#f4f5f1 45%,#e9ece5 60%);background-size:200% 100%;animation:shimmer 1.25s infinite}.skeleton-card.tall{grid-row:span 2}@keyframes shimmer{to{background-position:-200% 0}}
.upload-preview{height:118px;position:relative;overflow:hidden;border:1px solid #dce1d8;border-radius:9px;background:#eef1eb}.upload-preview img{width:100%;height:100%;object-fit:cover;display:block}.upload-preview span{position:absolute;left:8px;bottom:8px;border-radius:5px;background:#1c211dcc;color:#fff;padding:4px 6px;font-size:10px}.upload-form .primary:disabled{opacity:.65;cursor:wait}
.explore-actions{display:flex;align-items:center;gap:18px}.explore-actions select{border:1px solid #dfe4dc;border-radius:7px;background:#fff;color:#505a50;padding:8px 27px 8px 10px;font:600 12px inherit;outline-color:#a7c84d;cursor:pointer}@media(max-width:560px){.explore-actions{gap:8px}.explore-actions select{max-width:88px;padding:7px 4px;font-size:11px}.section-heading a{font-size:11px}}
.detail-actions{display:flex;gap:9px;flex-wrap:wrap}.secondary{border:1px solid #d8ded4;background:#fff;color:var(--ink);border-radius:9px;padding:12px 14px;font:600 13px inherit;cursor:pointer}.secondary:hover{background:#f1f4ed}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.photo-info{max-height:530px;overflow:auto}.comment-section{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.comments-head h3{margin:0 0 11px;font-size:14px}.comments-head span{margin-left:3px;color:#90988f;font:500 12px inherit}.comment-list{display:grid;gap:11px;max-height:128px;overflow:auto}.comment-empty{margin:0;color:#899187;font-size:12px;line-height:1.6}.comment-item{display:grid;grid-template-columns:25px 1fr;gap:8px}.comment-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e4e9df;color:#52604c;font-size:10px;font-weight:700}.comment-copy{min-width:0}.comment-copy strong{font-size:11px}.comment-copy p{margin:3px 0 0;color:#60685f;font-size:12px;line-height:1.5;word-break:break-word}.comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:13px}.comment-form textarea{min-width:0;resize:vertical;border:1px solid #d8ded4;border-radius:8px;padding:8px;font:12px inherit;outline-color:#9dbc43}.comment-form .secondary{align-self:end;padding:9px 11px}.comment-form .secondary:disabled{opacity:.65;cursor:wait}@media(max-width:760px){.photo-info{max-height:none}.comment-list{max-height:145px}}
.comment-author{display:flex;align-items:center;justify-content:space-between;gap:8px}.delete-comment{border:0;background:transparent;color:#9a625e;padding:0;font:500 10px inherit;cursor:pointer}.delete-comment:hover{text-decoration:underline}
.card.image-error,.recommend-card.image-error,.hero-art.image-error{background:linear-gradient(135deg,#e1e7dc,#b9cbb5)!important}.card.image-error:after,.recommend-card.image-error:after,.hero-art.image-error:after{content:"图片暂时无法加载";position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#4f5a4e;font-size:12px}.card.image-error img,.recommend-card.image-error img,.hero-art.image-error .hero-image{opacity:0}.saved-card.image-error{position:relative;background:linear-gradient(135deg,#e1e7dc,#b9cbb5)}.saved-card.image-error:after{content:"图片暂时无法加载";position:absolute;top:0;left:0;right:0;height:220px;display:grid;place-items:center;color:#4f5a4e;font-size:12px}.saved-card.image-error img{opacity:0}@media(max-width:720px){.saved-card.image-error:after{height:160px}}
.search-field #clearSearch{border:0;background:transparent;color:#697368;font-size:21px;line-height:1;cursor:pointer;padding:2px}.search-field #clearSearch:hover{color:var(--ink)}
.upload-form textarea{width:100%;border:1px solid #dce1d8;border-radius:8px;padding:10px;background:#fff;font:14px inherit;outline-color:#9dbc43;resize:vertical}
.category-badge{position:absolute;z-index:1;top:11px;left:11px;border-radius:20px;background:#ffffffdc;color:#3d483b;padding:5px 8px;font-size:10px;font-weight:700;backdrop-filter:blur(5px)}

/* Keep the mobile navigation independent from the desktop header nav. */
@media(max-width:760px){
  .mobile-nav{margin:0!important;inset:auto 0 0!important;width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:initial!important;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-nav a,.mobile-nav button{min-width:0!important;margin:0!important;justify-self:center}
}

/* 发布弹窗：让图片来源、预览与提交状态一眼可辨。 */
.upload-dialog{width:min(560px,100%);max-height:calc(100dvh - 28px);overflow-y:auto;padding:28px 30px;text-align:left;border-radius:20px;box-shadow:0 28px 75px #10170f4d}.upload-dialog-heading{display:flex;align-items:center;gap:11px;padding-right:30px}.upload-dialog .logo-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--lime);font-size:19px}.upload-dialog-heading .eyebrow{margin:0 0 3px}.upload-dialog h2{margin:0;font-size:23px;letter-spacing:-.8px}.upload-dialog .upload-intro{font-size:13px;margin:10px 0 0}.field-optional{font-weight:400;color:#92998f}.upload-form{gap:14px;margin-top:18px}.upload-form label{gap:7px}.upload-form input,.upload-form select,.upload-form textarea{border-color:#dde3d9;border-radius:10px;padding:11px 12px;transition:border-color .18s,box-shadow .18s}.upload-form input:focus,.upload-form select:focus,.upload-form textarea:focus{border-color:#9dbd43;box-shadow:0 0 0 3px #cce47a36;outline:none}.upload-source{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:11px;background:#f0f3ed}.upload-source button{border:0;border-radius:8px;background:transparent;color:#7a8378;padding:9px;font:600 13px inherit;cursor:pointer;transition:.18s}.upload-source button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px #24301e16}.upload-source-panel[hidden]{display:none}.file-drop{min-height:118px!important;position:relative;display:grid!important;place-content:center;justify-items:center;gap:5px;border:1.5px dashed #bccbb4!important;border-radius:12px!important;background:linear-gradient(135deg,#f8faf5,#eef4e6)!important;color:#4e5c4a!important;cursor:pointer;transition:.18s}.file-drop:hover{border-color:#86a53b!important;background:#f3f8e9!important}.file-drop input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-drop-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--lime);font-size:18px;line-height:1}.file-drop strong{max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.file-drop small{color:#7a8676;font-size:11px;font-weight:400}.upload-hint{display:block;margin-top:-7px;padding-left:1px}.upload-preview{height:144px;border-radius:12px;box-shadow:inset 0 0 0 1px #dce4d7}.upload-preview span{left:10px;bottom:10px;border-radius:7px;padding:5px 7px}.upload-submit{width:100%;min-height:47px;justify-content:center;border-radius:10px;box-shadow:0 8px 18px #94b54138}.upload-submit:hover{transform:translateY(-1px)}@media(max-width:560px){.upload-dialog{padding:24px 19px;border-radius:17px}.upload-dialog h2{font-size:21px}.file-drop{min-height:106px!important}.upload-preview{height:122px}.upload-submit{position:sticky;bottom:-24px;margin-bottom:-4px;border:2px solid #fff}}
body.modal-open{overflow:hidden}