.recording-artwork-input{border-block:1px solid var(--border,#dcd9d1);gap:10px;margin-block:12px;padding-block:18px;display:grid}.recording-artwork-input__layout{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.recording-artwork-input__preview{background:var(--bg-surface,#e5e1d6);border-radius:4px;flex-shrink:0;width:176px;height:176px;position:relative;overflow:hidden}.recording-artwork-input__preview>img{object-fit:fill;pointer-events:none;max-width:none;position:absolute}.recording-artwork-input__preview>.recording-cover{width:100%;height:100%}.recording-artwork-input__controls{flex:1;gap:12px;min-width:180px;display:grid}.recording-artwork-input__controls label{gap:6px;font-size:.8rem;display:grid}.recording-artwork-input__controls input[type=range]{width:100%;min-height:24px;accent-color:var(--accent,#bd4a31);padding:0}.recording-artwork-input__controls .page-small-link{justify-self:start}@media (max-width:420px){.recording-artwork-input__preview{width:144px;height:144px}.recording-artwork-input__layout{gap:16px}.recording-artwork-input__controls{min-width:140px}}