/* Upload in four steps (approved mockup upload-steps-v2). Built from the site's own tokens; every rule is scoped to .upw (the upload pages, sign-in for upload, and the share kit). */
.upw .steps{display:flex;align-items:center;gap:10px;list-style:none;margin:0 0 18px;padding:0;flex-wrap:wrap}
.upw .steps li{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--mut)}
.upw .steps li+li:before{content:"";width:26px;height:2px;border-radius:1px;background:var(--line);margin-right:2px}
.upw .steps i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);color:var(--mut);font-weight:800;font-size:13px;border:1px solid var(--line)}
.upw .steps li.on{color:var(--fg)}
.upw .steps li.on i{background:var(--acc);border-color:var(--acc);color:#fff}
.upw .steps li.done{color:var(--fg)}
.upw .steps li.done i{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.upw .steps li.done i svg{width:14px;height:14px}
.upw .rq{color:var(--acc);font-style:normal;font-weight:800;margin-left:2px}
.upw .reqkey{font-size:12.5px;color:var(--mut);margin-top:18px}
.upw .hint{display:block;font-size:12.5px;color:var(--mut);margin-top:6px}
.upw .optl{font-weight:500;color:var(--mut);margin-left:4px}
.upw .selw{position:relative}
.upw .selw select{appearance:none;-webkit-appearance:none;padding-right:38px!important;height:44px;font-weight:600}
.upw .selw select.ph{color:var(--mut);font-weight:500}
.upw .selw svg{position:absolute;right:13px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--mut);pointer-events:none}
.upw .field input{height:44px}
.upw .budget{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.upw .budget .opt{align-items:center;padding:11px 12px}
.upw .budget .opt b{font-size:15px;white-space:nowrap}
@media (max-width:700px){.upw .budget{grid-template-columns:1fr 1fr}
}.upw .drop .two-btn{margin-top:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.upw .drop.has{padding:16px 18px;text-align:left;display:flex;align-items:center;gap:14px;cursor:default}
.upw .drop.has .fi{width:44px;height:44px;border-radius:12px;background:var(--bg3);display:grid;place-items:center;flex:none}
.upw .drop.has .fi svg{width:22px;height:22px;color:var(--fg)}
.upw .drop.has b{font-size:17px;margin:0}
.upw .drop.has .tx{flex:1;min-width:0}
.upw .files{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.upw .files li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);font-size:14px}
.upw .files .ic{width:28px;height:28px;border-radius:8px;background:var(--bg3);display:grid;place-items:center;color:var(--mut)}
.upw .files .ic svg{width:15px;height:15px}
.upw .files .ic img{width:28px;height:28px;border-radius:6px;object-fit:cover}
.upw .files .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upw .files .nm small{display:block;font-weight:500;color:var(--mut);font-size:12px}
.upw .files .st{font-size:12.5px;color:var(--mut);white-space:nowrap;display:flex;align-items:center;gap:6px}
.upw .files .st.ok{color:var(--fg)}
.upw .files .st.ok svg{width:15px;height:15px;color:#2fb36a}
.upw .files .bar{grid-column:2/-1;height:4px;border-radius:2px;background:var(--bg3);overflow:hidden}
.upw .files .bar i{display:block;height:100%;background:var(--brand)}
.upw .tagc{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--acc);color:#fff;white-space:nowrap}
.upw .tagc.soft{background:var(--bg3);color:var(--fg)}
.upw .covers .front{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--bg3)}
.upw .covers .front img{width:100%;height:100%;object-fit:cover}
.upw .covers .front .tagc{position:absolute;left:10px;top:10px}
.upw .covers .empty{display:grid;place-items:center;text-align:center;color:var(--ink2);font-size:13.5px;border:1.5px dashed var(--line);background:var(--bg2);padding:16px}
.upw .covers .empty b{display:block;color:var(--fg);font-size:16px;margin-bottom:4px}
.upw .covers .backrow{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;margin-top:12px}
.upw .covers .back{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;background:var(--bg2);border:1.5px dashed var(--line);display:grid;place-items:center;color:var(--mut);font-size:11px;text-align:center}
.upw .covers .back img{width:100%;height:100%;object-fit:cover}
.upw .covers .backrow b{display:block;font-size:14px}
.upw .covers .backrow small{display:block;color:var(--mut);font-size:12.5px}
.upw .covers .swap{margin-top:10px;width:100%;justify-content:center;height:38px}
.upw .covers .cap{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0;font-size:14px;font-weight:700}
.upw .nextbox{margin-top:16px}
.upw .nextbox ol{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.upw .nextbox li{display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:14px;color:var(--ink2)}
.upw .nextbox li b{color:var(--fg);display:block}
.upw .nextbox li i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--bg3);display:grid;place-items:center;font-weight:800;font-size:12px;color:var(--fg)}
.upw .go{height:46px!important;padding:0 22px!important;font-size:15px!important}
.upw .err-c{--e:#e5484d}
.upw .errbox{border:1.5px solid #e5484d;background:color-mix(in srgb,#e5484d 9%,transparent);border-radius:14px;padding:12px 14px;margin-bottom:16px;font-size:14px}
.upw .errbox b{display:block;font-size:15px}
.upw .errbox a{text-decoration:underline}
.upw .field.bad input,.upw .field.bad select{border-color:#e5484d!important}
.upw .bad-msg{display:flex;gap:6px;align-items:center;color:#e5484d;font-size:13px;font-weight:600;margin-top:6px}
.upw .bad-msg svg{width:15px;height:15px;flex:none}
.upw .opt.bad{border-color:#e5484d}
.upw .covers .empty.bad{border-color:#e5484d;border-style:solid}
.upw .notice-in{display:flex;gap:10px;align-items:center;background:var(--bg2);border-radius:12px;padding:11px 14px;font-size:14px;color:var(--ink2);margin-bottom:16px}
.upw .notice-in svg{width:18px;height:18px;flex:none;color:var(--acc)}
.upw .notice-in b{color:var(--fg)}
.upw .trl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.upw .trl li{display:grid;grid-template-columns:22px 24px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 12px 8px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.upw .trl li.lift{box-shadow:var(--shadow);border-color:var(--acc);transform:translateX(6px) rotate(-.4deg)}
.upw .trl .grip{color:var(--mut);display:grid;place-items:center;cursor:grab}
.upw .trl .grip svg{width:18px;height:18px}
.upw .trl .n{font-weight:800;color:var(--mut);text-align:center}
.upw .trl input{width:100%;height:38px;border-radius:9px;border:1px solid transparent;background:var(--bg2);color:var(--fg);padding:0 10px;font:inherit;font-weight:600;outline:none;min-width:0}
.upw .trl .meta{font-size:12px;color:var(--mut);text-align:right;white-space:nowrap}
.upw .trl .meta small{display:block}
.upw .tcard .front{border-radius:14px;overflow:hidden;aspect-ratio:1}
.upw .tcard .front img{width:100%;height:100%;object-fit:cover}
.upw .tcard .fb{display:flex;gap:6px;margin-top:10px}
.upw .tcard h3{font-size:20px;font-weight:800;letter-spacing:-.03em;margin-top:12px}
.upw .tcard .by{color:var(--mut);font-size:14px;margin-top:2px}
.upw .tcard .acts{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.upw .postrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.upw .backlink{font-size:14px;color:var(--mut);text-decoration:underline}
.upw .live-h{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:28px;padding:16px;border-radius:18px;background:var(--bg2)}
.upw .live-h img{width:120px;height:120px;border-radius:12px;object-fit:cover}
.upw .live-h b{display:block;font-size:20px;letter-spacing:-.02em}
.upw .live-h small{display:block;color:var(--mut);font-size:13.5px;margin-top:2px;overflow-wrap:anywhere}
.upw .live-h .acts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
@media (max-width:700px){.upw .live-h{grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px}
.upw .live-h img{width:84px;height:84px}
.upw .live-h b{font-size:17px}
}.upw .fits{display:inline-flex;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--acc);color:#fff;position:absolute;top:-10px;left:14px}
.upw .kitcard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.upw .kitcard .ki{width:46px;height:46px;border-radius:12px;background:var(--bg3);display:grid;place-items:center}
.upw .kitcard .ki svg{width:22px;height:22px}
.upw .skip{display:block;text-align:center;margin-top:14px;color:var(--mut);font-size:14px;text-decoration:underline}
.upw .budgetnote{font-size:13px;color:var(--mut);margin-top:-4px;margin-bottom:12px}
.upw .auth-steps{max-width:440px;margin:30px auto 0}
.upw .auth .back-n{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink2);background:var(--bg);border-radius:10px;padding:10px 12px;margin-top:16px}
.upw .auth .back-n svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--acc)}
.upw .selw select{display:block}
.upw .kitcard .btn{white-space:normal;text-align:left}
.upw .narrow-only{display:none}
@media (max-width:980px){.upw .narrow-only{display:block;margin-top:16px}
.upw .wide-only{display:none}
.upw .covers .front.empty{aspect-ratio:auto;min-height:150px}
.upw .covers .front{max-width:320px}
}.upw .pill[disabled]{opacity:.45;pointer-events:none}
.upw .trl li{grid-template-columns:22px 24px minmax(0,1fr) 112px}
.upw .trl .meta small{overflow:hidden;text-overflow:ellipsis}
.upw .tmini{margin-bottom:16px}
.upw .tmini{display:none}
@media (max-width:980px){.upw .tmini{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px 14px;align-items:center;padding:12px;border-radius:16px;background:var(--bg2)}
}.upw .tmini img{width:84px;height:84px;border-radius:10px;object-fit:cover}
.upw .tmini b{display:block;font-size:17px;letter-spacing:-.02em}
.upw .tmini small{display:block;color:var(--mut);font-size:13px}
.upw .tmini .fb{display:flex;gap:6px;margin:8px 0 0}
.upw .tmini .fb button{padding:5px 11px;font-size:12.5px}
.upw .tmini .acts{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:700px){.upw .trl li{grid-template-columns:18px 18px minmax(0,1fr) 40px;gap:8px}
.upw .trl .meta small{display:none}
}.upw .pk .pop{width:auto;padding:3px 9px;border:0;box-shadow:none;animation:none;position:absolute!important;top:-10px!important;left:auto;right:14px;bottom:auto}
@media (max-width:520px){.upw .steps{gap:6px;flex-wrap:nowrap}
.upw .steps li{font-size:13.5px;gap:6px}
.upw .steps li+li:before{width:12px;margin-right:0}
.upw .steps i{width:24px;height:24px;font-size:12px}
}.upw .trl li.lift{transform:translateX(4px) rotate(-.4deg)}
.upw .steps li.br .lb{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;border:1.5px dashed var(--acc);color:var(--fg);font-size:13px;font-weight:700}
.upw .steps li.br.bdone .lb{border-style:solid;background:color-mix(in srgb,var(--acc) 14%,transparent)}
.upw .steps li.br .lb svg{width:12px;height:12px;color:var(--acc)}
.upw .steps li.br:before{width:14px;background:var(--acc);opacity:.5}
@media (max-width:520px){.upw .steps li:not(.on):not(.br) .lb{display:none}
.upw .steps li+li:before{width:10px}
}.upw .pic{margin:4px 0 0;position:relative}
.upw .pic.hp img.pd{aspect-ratio:1768/840;object-fit:cover;object-position:top}
.upw .pic.hp img.pp{aspect-ratio:648/1060;object-fit:cover;object-position:top}
@media (max-width:700px){.upw .pic.hp img.pp{max-width:300px;margin:0 auto}
}.upw .pic.small{max-width:420px}
@media (max-width:700px){.upw .pic.small img.pp{max-width:190px!important;margin:0}
}.upw .pic.mid{max-width:900px}
.upw .piccap{font-size:13px;color:var(--mut);margin:8px 0 0}
.upw .waysh2{font-size:19px;font-weight:800;letter-spacing:-.03em;margin:22px 0 10px}
.upw .ways2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:700px){.upw .ways2{grid-template-columns:1fr}
}.upw .way2{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:10px}
.upw .way2.on{border:2px solid var(--acc)}
.upw .way2 .k{align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--mut);background:var(--bg2);border-radius:999px;padding:4px 11px}
.upw .way2 h3{font-size:24px;font-weight:800;letter-spacing:-.035em}
.upw .way2 p{color:var(--mut);font-size:14px;margin:0}
.upw .way2 .big{font-size:30px;font-weight:900;letter-spacing:-.04em}
.upw .way2 .big small{font-size:15px;font-weight:600;color:var(--mut);letter-spacing:0}
.upw .way2 .pill{align-self:flex-start;height:38px}
.upw .pos{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 8px}
.upw .way2 .pos{margin:0}
.upw .po{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1.5px solid var(--line);border-radius:14px;padding:10px 14px;min-width:92px;background:var(--bg);text-align:left}
.upw .po b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.upw .po span{font-size:13px;color:var(--mut);font-weight:600}
.upw .po.on{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent)}
.upw .po .fits{position:absolute;top:-10px;left:10px;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--acc);color:#fff;white-space:nowrap}
.upw .pics2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:700px){.upw .pics2{grid-template-columns:1fr}
}.upw .fine{font-size:13px;color:var(--mut);margin:8px 0 0}
.upw .skipcard{margin-top:14px;box-shadow:none}
.upw .skipcard b{display:block;font-size:16px}
.upw .skipcard p{color:var(--mut);font-size:14px;margin:4px 0 12px}
.upw .co{display:grid;gap:16px}
.upw .co-t{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center}
.upw .co-t img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.upw .co-t b{display:block;font-size:17px}
.upw .co-t small{color:var(--mut)}
.upw .co-item{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.upw .co-item b{display:block;font-size:15.5px}
.upw .co-item small{display:block;color:var(--mut);font-size:13.5px;margin-top:2px}
.upw .co-item>b{font-size:20px;white-space:nowrap}
.upw .ppbtn{width:100%;height:52px;border-radius:12px;background:#ffc439;color:#111;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}
.upw .ppbtn i{font-style:italic;font-weight:900;color:#003087;font-size:19px;letter-spacing:-.02em}
.upw .kok .okc{width:40px;height:40px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;flex:none}
.upw .kok .okc svg{width:20px;height:20px}
.upw .ktr .du{font-style:normal;color:var(--mut);font-size:13px;font-weight:600}
.upw .lk{margin-top:14px;padding:16px;box-shadow:none}
.upw .lk b{display:block}
.upw .lk p{color:var(--mut);font-size:14px;margin:4px 0 0}
.upw .kclip .btn svg{width:15px;height:15px}
.upw .tips{margin:6px 0 0;padding-left:18px;display:grid;gap:8px;color:var(--ink2);font-size:14.5px}
.upw .tips b{color:var(--fg)}
.upw .donecard .btn{font-size:16px}
.upw [data-play].on{outline:2px solid var(--acc)}
.upw .mcard{container-type:inline-size;position:relative;overflow:hidden;border-radius:10px;background:#15121a;color:#fff;font-family:"Inter Tight",sans-serif;margin:0 auto}
.upw .mcard.r45{aspect-ratio:4/5}
.upw .mcard.r11{aspect-ratio:1}
.upw .mcard.r916{aspect-ratio:9/16}
.upw .kfile .th .mcard{height:100%;width:auto;border-radius:0}
.upw .kprev .mcard{width:min(100%,270px);box-shadow:var(--card-shadow);border-radius:12px}
.upw .mcard .bgc{position:absolute;inset:-12%;background:center/cover;filter:blur(7cqw) brightness(.5) saturate(1.25)}
.upw .mcard .mc-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.upw .mcard .cv{width:68.5cqw;height:68.5cqw;border-radius:3cqw;box-shadow:0 4cqw 8cqw rgba(0,0,0,.5);object-fit:cover;margin-top:8.3cqw;transition:transform 15s linear}
.upw .mcard .tx{margin-top:6cqw;display:flex;flex-direction:column;align-items:center}
.upw .mcard .song{display:flex;align-items:center;gap:1cqw;color:#ff9a2e;font-weight:800;font-size:3.4cqw;letter-spacing:-.02em}
.upw .mcard .song svg{width:3.4cqw;height:3.4cqw}
.upw .mcard .tt{font-weight:800;font-size:5.8cqw;letter-spacing:-.04em;margin-top:5cqw;line-height:1.05}
.upw .mcard .ar{font-size:3.4cqw;opacity:.75;margin-top:.8cqw}
.upw .mcard .wm{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;letter-spacing:-.03em;font-size:4cqw}
.upw .mcard .wm b{color:#ff9a2e;font-weight:800}
.upw .mcard .lf{background:#fff;color:#111;font-weight:800;font-size:2.8cqw;padding:1.1cqw 3cqw;border-radius:99px;letter-spacing:-.02em}
.upw .mcard .ft{position:absolute;left:7.5cqw;right:7.5cqw;bottom:4.5cqw;display:flex;justify-content:space-between;align-items:center}
.upw .mcard.r11 .cv{width:52cqw;height:52cqw;margin-top:6cqw}
.upw .mcard.r11 .tx{margin-top:3.5cqw}
.upw .mcard.r11 .tt{margin-top:2.5cqw;font-size:5.4cqw}
.upw .mcard.r916 .cv{width:70cqw;height:70cqw;margin-top:39cqw}
.upw .mcard.r916 .tt{font-size:6.8cqw;margin-top:4cqw}
.upw .mcard.r916 .song{font-size:3.6cqw}
.upw .mcard.r916 .ar{font-size:3.8cqw}
.upw .mcard.r916 .tx .lf{margin-top:5cqw;font-size:3.4cqw;padding:1.4cqw 4cqw}
.upw .mcard .wmb{position:absolute;bottom:9cqw;left:0;right:0}
.upw .mcard .wmb .wm{font-size:6cqw}
.upw .mcard.reel .cv{margin-top:30cqw}
.upw .mcard.tiktok .mc-in{align-items:flex-start;text-align:left;padding:0 12cqw}
.upw .mcard.tiktok .wmt{margin-top:12cqw}
.upw .mcard.tiktok .wmt .wm{font-size:5cqw}
.upw .mcard.tiktok .cv{width:64cqw;height:64cqw;margin-top:20cqw}
.upw .mcard.tiktok .tx{align-items:flex-start}
.upw .mcard .wave{display:flex;align-items:center;gap:.7cqw;height:9cqw;margin-top:6cqw;width:70cqw}
.upw .mcard.tiktok .wave{width:76cqw}
.upw .mcard .wave i{flex:1;background:#ff9a2e;border-radius:1cqw;min-height:1cqw}
.upw .mcard .vbar{position:absolute;left:6cqw;right:6cqw;bottom:4cqw;height:1cqw;border-radius:1cqw;background:rgba(255,255,255,.25)}
.upw .mcard .vbar i{display:block;height:100%;width:0;background:#fff;border-radius:1cqw}
.upw .mcard .vplay{position:absolute;left:50%;top:50%;width:16cqw;height:16cqw;margin:-8cqw 0 0 -8cqw;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35)}
.upw .mcard .vplay svg{width:7cqw;height:7cqw}
.upw .mcard.reel .vplay{top:47cqw}
.upw .mcard.tiktok .vplay{top:58cqw}
.upw .mcard .vt{position:absolute;right:6cqw;bottom:6.5cqw;font-size:3cqw;font-weight:700;opacity:.85}
.upw .mcard.playing .cv{transform:scale(1.07)}
.upw .mcard.playing .vplay{opacity:.25}
.upw .mcard.playing .wave i{animation:wv .5s ease-in-out infinite alternate}
.upw .mcard.playing .wave i:nth-child(3n){animation-delay:.15s}
.upw .mcard.playing .wave i:nth-child(3n+1){animation-delay:.3s}
@keyframes wv{to{transform:scaleY(.45)}}.upw .kfile .th .vplay,.upw .kfile .th .vt{display:none}
.upw .kfile .th{aspect-ratio:1!important;display:flex!important;align-items:center;justify-content:center}
.upw .kfile .th .mcard{height:auto;border-radius:0}
.upw .kfile .th .mcard.r916{width:56.25%}
.upw .kfile .th .mcard.r45{width:80%}
.upw .kfile .th .mcard.r11{width:100%}
@media (max-width:520px){.upw .steps:has(.br) li.on .lb{display:none}
}.upw .kit>*{min-width:0}
@media (max-width:980px){.upw .kit{grid-template-columns:minmax(0,1fr)!important}
}.upw .pics2{grid-template-columns:1fr!important;max-width:760px}
.upw .mcard .cv{background:center/cover}
.upw .mcard .wm .f{color:#ff9a2e}
.upw .mcard.reel .vplay{top:65cqw}
.upw .mcard.tiktok .vplay{top:72cqw}
.upw .mcard .wave i{min-height:2cqw}
@media (max-width:520px){.upw .kclip{flex-wrap:wrap}
.upw .kclip span{flex-basis:100%;padding:6px 0 2px}
}/* placement pictures: one file per theme and screen size (the picture element picks the size, the script the theme) */
.upw .pic img{display:block;width:100%;border-radius:14px;box-shadow:var(--card-shadow)}
@media (min-width:701px){.upw .pic.hp img{aspect-ratio:1768/840;object-fit:cover;object-position:top}}
@media (max-width:700px){.upw .pic.hp img{aspect-ratio:648/1060;object-fit:cover;object-position:top;max-width:300px;margin:0 auto}.upw .pic.small img{max-width:190px!important;margin:0}}
/* site pieces the mockup drew as plain elements: buttons reset to look the same */
.upw button.front.empty{width:100%;font:inherit;cursor:pointer}
.upw button.back{font:inherit;cursor:pointer;padding:0}
.upw .covers .cap .tagc{border:0;cursor:pointer}
.upw .files .st.bad .tagc{background:#e5484d;border:0;cursor:pointer}
.upw .drop.over{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,transparent)}
.upw .drop .two-btn .pill{cursor:pointer}
.upw .way2 .fits{position:absolute;top:-10px;left:14px;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--acc);color:#fff;white-space:nowrap}
.upw .way2 .trial{color:var(--fg);font-size:14px}
.upw .way2 .pill svg{width:14px;height:14px}
.upw .payn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:var(--mut);margin-bottom:2px}.upw .payn.ok{color:#2fb36a}.upw .payn svg{width:13px;height:13px}
.upw .ppbtn[disabled]{opacity:.5;cursor:default}
.upw .btn[disabled]{opacity:.5;cursor:default}
.upw .pill.go svg{width:18px;height:18px;margin-left:6px}
.upw .postrow .pill.ghost svg,.upw .acts .pill svg{width:16px;height:16px;margin-right:6px}
.upw .swap svg{width:16px;height:16px;margin-right:6px}
/* step 2 preview */
.upw .pvw .pvh{position:relative;display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:end;padding:18px;border-radius:16px;overflow:hidden;color:#fff;background:#111}
.upw .pvw .pvh .bd{position:absolute;inset:-20%;background:center/cover;filter:blur(30px) brightness(.55) saturate(1.3)}
.upw .pvw .pvh img,.upw .pvw .pvh .tx{position:relative}
.upw .pvw .pvh img{width:140px;height:140px;border-radius:12px;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.upw .pvw .pvh h3{font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1;margin:10px 0}
.upw .pvw .chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:4px 12px 4px 4px;border-radius:999px;background:rgba(255,255,255,.14)}
.upw .pvw .chip i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-size:11px;font-weight:800}
.upw .pvw .meta{display:flex;gap:8px;align-items:center;font-size:14px}.upw .pvw .meta .tag{border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:1px 7px}
.upw .pvw .trk{margin-top:14px}.upw .pvw .tr{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--line)}
.upw .pvw .tr .btn svg{width:13px;height:13px}
@media (max-width:520px){.upw .pvw .pvh{grid-template-columns:1fr}.upw .pvw .pvh img{width:110px;height:110px}}
.upw .trl .grip{touch-action:none}