/* A1 — upload */
.up-head{padding:1rem 1rem .2rem}
.up-head h1{margin:0 0 .2rem}
.up-head p{margin:0}
.up-reject{padding:.8rem 1rem 0}
.up-form{display:flex;flex-direction:column;flex:1}
.up-promise{margin:1rem}
.up-form > .dropzone{margin:1rem;width:auto}
.caps{font-size:.58rem;letter-spacing:.06em;color:var(--ink-60);text-align:center;margin:0 1rem}

.file-list:not(:empty){margin:0.8rem 1rem 0;border:2px solid var(--ink);background:var(--white)}
.file-row{padding:.6rem .8rem;border-bottom:1.5px solid var(--ink-12);font-family:var(--mono);font-size:.68rem}
.file-row:last-child{border-bottom:none}
.file-row .fr-top{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline}
.file-row .fr-name{overflow-wrap:anywhere;font-weight:700}
.file-row .fr-size{white-space:nowrap;color:var(--ink-60)}
.file-row .fr-remove{border:none;background:none;font-family:var(--mono);color:var(--ink-60);cursor:pointer;padding:.4em .5em;font-size:.72rem}
.file-row .fr-note{color:var(--ink-60);margin-top:.15rem}
.file-row .fr-note--warn{color:var(--ink);font-weight:700}
.file-row .fr-note--warn::before{content:"! ";color:var(--red)}
.file-row .bar{height:6px;border:1.5px solid var(--ink);margin-top:.45rem;overflow:hidden}
.file-row .bar i{display:block;height:100%;background:var(--lime-deep);
  transform-origin:left;transform:scaleX(0);transition:transform var(--t2) var(--ease)}

@media(min-width:900px){
  .up-head{padding:2.4rem clamp(1rem,3vw,2rem) .2rem;max-width:640px;width:100%;margin:0 auto}
  .up-head h1{font-size:2.1rem}
  .up-form > .dropzone{max-width:640px;width:100%;margin:1.4rem auto;padding:3.4rem 1.6rem;
    background:var(--white);border:2px solid var(--ink);outline:2px dashed var(--ink);outline-offset:-12px;
    box-shadow:8px 8px 0 var(--ink);
    transition:transform var(--t1) var(--ease),box-shadow var(--t1) var(--ease)}
  .up-form > .dropzone:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--ink)}
  .up-form > .dropzone.is-over{background:var(--lime-tint)}
  .up-form > .dropzone .big{font-size:1.7rem}
  .caps,.file-list,.up-promise{max-width:640px;width:100%;margin-left:auto;margin-right:auto}
  .up-promise{margin-top:1.2rem;margin-bottom:0}
  .up-reject{max-width:640px;width:100%;margin:0 auto}
  .cta-dock{max-width:640px;width:100%;margin:1.8rem auto 2.5rem;position:static}
}