.sh-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px 16px;flex-wrap:wrap;padding:18px clamp(18px,2.2vw,28px) 13px;border-bottom:3px double var(--ink)}.sh-title{font:420 var(--step-2) /1.15 var(--serif)}.sh-status{display:inline-flex;align-items:center}.sh-status .dot{width:6px;height:6px;margin-right:7px;background:var(--ink-3)}.tool[data-state=done] .sh-status{color:var(--ink)}.tool[data-state=done] .sh-status .dot{background:var(--ink)}.sh-body{position:relative;padding:clamp(18px,2.2vw,28px)}.sh-body.working:before{top:0}.drop{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;min-height:clamp(236px,24vw,316px);padding:28px 22px;text-align:center;cursor:pointer;border:1px dashed var(--ink-3);border-radius:1px;transition:border-color var(--t-hover) var(--ease),background var(--t-hover) var(--ease)}.drop:hover{border-color:var(--ink)}.drop:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.drop svg{width:26px;height:32px;color:var(--ink)}.drop-t{font:420 var(--step-3) /1.2 var(--serif);letter-spacing:-.008em;text-wrap:balance}.drop-s{font-size:13px;line-height:1.5;color:var(--ink-3);max-width:30em;text-wrap:pretty}.drop-note{margin-top:14px;font-size:14px;color:var(--ink-2)}.tool[data-over] .drop{border-style:solid;border-color:var(--ink)}.tool[data-over] .drop,.tool[data-over]:not([data-state=empty]) .sh-body{background:var(--field)}.tool[data-over]:not([data-state=empty]) .sh-body:after{content:attr(data-over-t);position:absolute;inset:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink);font:420 1.4rem/1.2 var(--serif);background:hsla(330,9%,96%,.92)}.file{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--rule)}.file-n{font-weight:500;font-size:16px;min-width:0;overflow-wrap:anywhere}.file-s{font:12px/1.4 var(--mono);color:var(--ink-3);white-space:nowrap}.file-x{margin-left:auto;font-size:14px}.file.enter{animation:slide8 var(--t-state) var(--ease) both}@keyframes slide8{0%{transform:translateY(8px);opacity:.85}to{transform:none;opacity:1}}.pv{margin-top:18px}.pv iframe{display:block;width:100%;height:clamp(250px,24vw,340px);border:1px solid var(--rule-2);background:var(--white)}.pv .cap{margin-top:10px}.pv-sum{margin:18px 0 0}.pv-sum dd{margin:6px 0 0;font:420 var(--step-1) /1.3 var(--serif);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px}.acts-n{font-size:14px;line-height:1.5;color:var(--ink-3);max-width:24em}.acts-n.st{color:var(--ink)}.err-box{margin-top:18px;padding:14px 16px 16px;border:1px solid var(--ink);animation:tfade var(--t-hover) var(--ease) both}@keyframes tfade{0%{opacity:.85}to{opacity:1}}.err-m{font-size:16px;line-height:1.5;max-width:32em}.err-box .acts{margin-top:14px}@media (max-width:560px){.drop{min-height:188px;padding:22px 16px}.pv iframe{height:260px}.file-x{margin-left:0}}.drop-t .coarse{display:none}@media (pointer:coarse){.drop-t .fine{display:none}.drop-t .coarse{display:inline}}.hero-drop .sh-head{padding-block:14px 10px}.hero-drop .sh-title{font-size:var(--step-1)}.hero-drop .sh-body{padding:16px}.hero-drop .drop{min-height:0;gap:8px;padding:18px 20px}.hero-drop .drop svg{width:21px;height:26px}.hero-drop .drop-t{font-size:var(--step-1)}@media (pointer:coarse){.hero-drop .drop-t{font-size:var(--step-2)}}.hero-drop .pv iframe{height:clamp(220px,20vw,280px)}@media (max-width:599px){.hero-drop .sheet{box-shadow:none}}.sh-body>.acts-n[role=alert]{margin-top:14px;color:var(--ink)}